Tutoriale WordPress de încredere, atunci când aveți cea mai mare nevoie.
Ghidul începătorului pentru WordPress
Cupa WPB
25 de milioane+
Site-uri web care folosesc plugin-urile noastre
16+
Ani de experiență WordPress
3000+
Tutoriale WordPress de la experți

Cum să creezi un formular HubSpot în WordPress (2 metode ușoare)

Adăugarea formularelor HubSpot la WordPress poate fi puțin frustrantă. Uneori, formularul dvs. pur și simplu nu apare acolo unde doriți, sau vă blocați în setările pluginului care nu au prea mult sens.

Dacă vă faceți griji că veți pierde noi clienți potențiali din cauza acestui lucru, suntem aici pentru a vă ajuta.

De-a lungul anilor, am găsit câteva modalități simple și fiabile de a conecta formularele HubSpot la WordPress. Partea cea mai bună? Nu este nevoie să atingeți niciun cod sau să vă luptați cu pași de configurare dificili.

În acest ghid, vă vom arăta două modalități ușoare de a face formularele dvs. HubSpot să funcționeze pe site-ul dvs. Astfel, puteți capta clienți potențiali direct în CRM-ul dvs. și vă puteți întoarce la concentrarea pe afacerea dvs. 💼

Cum să creezi un formular HubSpot în WordPress

De ce să folosiți HubSpot pentru a crea formulare?

HubSpot facilitează crearea și gestionarea formularelor care captează clienți potențiali și îi trimit direct la aplicația dvs. HubSpot’s CRM. Când cineva completează formularul dvs., detaliile sale sunt adăugate automat în baza de date HubSpot, astfel încât să puteți urmări cu mesaje personalizate.

Mai mult, HubSpot Form Builder este simplu de utilizat, chiar dacă nu aveți experiență tehnică. Ca majoritatea constructorilor de formulare, vă permite să creați rapid formulare personalizate prin glisarea și fixarea câmpurilor.

În plus, HubSpot este un software foarte popular.

Șansele sunt, îl puteți conecta la aproape orice instrument pentru afaceri mici, cum ar fi servicii de email marketing, software de automatizare a marketingului și alte sisteme.

De asemenea, țineți cont de faptul că HubSpot se poate integra cu ușurință și cu alte plugin-uri de formulare de contact de top, cum ar fi WPForms, Formidable Forms și altele.

Înainte de a începe, vom acoperi două metode în acest ghid. Iată ce trebuie să știți:

  • Metoda 1 (HubSpot): Cea mai bună dacă doriți o legătură directă și simplă cu HubSpot și nu aveți nevoie de multe funcții personalizate pentru formulare.
  • Metoda 2 (WPForms cu addon-ul HubSpot): Cea mai bună dacă doriți formulare flexibile și personalizabile pentru toate părțile site-ului dvs. web (nu doar pentru trimiterea contactelor către HubSpot) și aveți nevoie de mai multe funcții de design sau avansate.

Acestea fiind spuse, să vedem cum puteți crea un formular HubSpot în WordPress:

Metoda 1: Crearea unui formular HubSpot utilizând pluginul HubSpot

Puteți crea cu ușurință un formular HubSpot pentru site-ul dvs. WordPress folosind pluginul HubSpot.

Mai întâi, trebuie să instalați și să activați plugin-ul HubSpot. Din tabloul de bord WordPress, puteți naviga la Plugin-uri » Adăugare plugin nou.

Submeniul Adăugare plugin nou sub Pluginuri în zona de administrare WordPress

Pe ecranul următor, puteți utiliza bara de căutare pentru a găsi rapid plugin-ul HubSpot.

Apoi, pur și simplu faceți clic pe „Instalați acum” și pe butonul „Activați”, când acesta apare. Pentru mai multe detalii, consultați ghidul nostru despre cum să instalați un plugin WordPress.

Instalarea pluginului HubSpot

La activare, pluginul va adăuga un nou element de meniu în bara laterală de administrare WordPress. Pur și simplu faceți clic pe HubSpot pentru a fi direcționat către expertul de configurare, unde puteți crea un cont HubSpot dacă nu aveți deja unul.

Dacă aveți un cont, trebuie să faceți clic pe linkul „Autentificați-vă aici” din partea de sus.

tablou de bord hubspot

Aceasta va deschide o fereastră pop-up „Autentificare HubSpot”.

Pur și simplu introduceți numele de utilizator și parola, apoi faceți clic pe butonul „Login”.

autentificare hubspot

După ce v-ați autentificat, HubSpot vă va întreba dacă doriți să continuați cu contul cu care tocmai v-ați autentificat.

Pur și simplu faceți clic pe butonul „Continue With This Account”.

continuă cu acest cont hubspot

Apoi, vi se va cere să conectați contul dvs. HubSpot cu site-ul dvs. WordPress.

Pur și simplu faceți clic pe butonul „Connect Website”.

conectare website la hubspot

Odată ce ați conectat site-ul WordPress cu contul dvs. HubSpot, accesați HubSpot » Formulare din tabloul de bord de administrare WordPress.

Acest lucru vă va duce la pagina „Formulare”, unde puteți pur și simplu să faceți clic pe butonul „Creați un formular gratuit” din colțul din dreapta sus pentru a începe.

creează un formular gratuit hubspot

Apoi, trebuie să selectați tipul formularului și să faceți clic pe butonul „Next” din partea de sus.

Pentru acest tutorial, vom crea un „Formular încorporat”.

Alegeți un tip de formular

După aceea, veți fi direcționat către biblioteca de șabloane HubSpot.

Pur și simplu alegeți șablonul preferat, cum ar fi „Înregistrare” sau „Contactați-ne”. Apoi, pur și simplu faceți clic pe butonul „Start” din partea de sus.

Alegeți un șablon de formular

Acum că sunteți în Editorul de Formulare, puteți edita șablonul de formular predefinit, trăgând și plasând câmpuri din stânga în previzualizarea din dreapta.

Când ați terminat de personalizat, faceți clic pe butonul „Submit” din partea de sus.

Creați un formular și faceți clic pe butonul Trimite

Aceasta va deschide o fereastră pop-up „Review and Publish”.

Pur și simplu derulați în jos și faceți clic pe butonul „Publish”.

Faceți clic pe butonul Trimite

După aceea, o fereastră pop-up va apărea pe ecran. Deoarece acesta este un formular încorporat, va fi furnizat un shortcode.

Acum, pur și simplu apăsați pe butonul „Copiere” de lângă shortcode.

Copiați shortcodul

Puteți încorpora acest cod pe orice pagină unde doriți să adăugați formularul dvs. HubSpot. Pentru mai multe informații, consultați ghidul nostru despre cum să adăugați shortcode-uri în WordPress.

Metoda 2: Crearea unui formular HubSpot folosind WPForms

Puteți crea, de asemenea, un formular HubSpot folosind WPForms, care vine cu un addon de integrare HubSpot. WPForms este cel mai bun constructor de formulare de contact WordPress drag-and-drop, cu peste 6 milioane de instalări active.

Folosim de fapt WPForms pentru formularul nostru de contact, formularul de solicitare de migrare a site-ului și sondajele anuale ale cititorilor WPBeginner; de aceea îl recomandăm cu tărie.

Pentru a afla mai multe despre plugin, consultați recenzia noastră completă despre WPForms.

Notă: Veți avea nevoie de cel puțin un plan Elite pentru a accesa addon-ul HubSpot.

Primul lucru pe care trebuie să-l faceți este să obțineți contul WPForms.

Pe site-ul WPForms, să dăm clic pe butonul „Get WPForms Now”, să alegem un plan și să finalizăm procesul de înregistrare.

Pagina principală WPForms

Odată înregistrat, veți obține propriul tablou de bord WPForms. Aici puteți găsi fișierul zip WPForms și cheia de licență.

Acum, puteți reveni la zona de administrare WordPress pentru a instala și activa pluginul WPForms.

Submeniul Adăugare plugin nou sub Pluginuri în zona de administrare WordPress

În continuare, folosiți funcția de căutare pentru a găsi rapid pluginul WPForms.

În rezultatul căutării, pur și simplu faceți clic pe butonul „Install Now” și apoi pe „Activate” pentru a finaliza procesul. Consultați ghidul nostru detaliat despre cum să instalați un plugin WordPress dacă aveți nevoie de ajutor.

Butonul „Instalați acum” din rezultatul căutării WPForms atunci când adăugați un nou plugin pe WordPress

După activare, va trebui să adăugați cheia de licență pentru a activa funcționalitățile premium.

Accesați WPForms » Settings, introduceți cheia și apăsați butonul „Verify Key”.

Setările pro WPForms

Apoi, să mergem la WPForms » Addons pentru a activa addon-ul HubSpot.

Pur și simplu localizați addon-ul HubSpot și faceți clic pe butonul „Upgrade Now” (veți avea nevoie de un plan Elite pentru a accesa această funcționalitate).

Faceți clic pe butonul Upgrade Now de sub addon-ul HubSpot

Acest lucru vă va duce la pagina „WPForms Account”.

Aici, pur și simplu derulați în jos la „HubSpot Addon” și faceți clic pe butonul de descărcare.

După aceea, puteți instala și activa addon-ul HubSpot în același mod în care ați instalat și activat pluginul.

Faceți clic pe butonul Descărcați HubSpot

Apoi, accesați WPForms » Settings din tabloul de bord WordPress.

Apoi, accesați fila „Integrări”.

Aici veți găsi HubSpot în lista de integrări. Pur și simplu faceți clic pe pictograma săgeată pentru a extinde secțiunea, apoi puteți face clic pe butonul „Add New Account”.

Alege HubSpot pentru integrare

Se va deschide o fereastră pop-up, solicitându-vă să vă conectați cu contul dvs. HubSpot. Pur și simplu introduceți credențialele de conectare la contul HubSpot.

Dacă nu aveți deja un cont, îl puteți crea aici.

conectează-te la contul tău hubspot

Apoi, vi se va cere dacă doriți să continuați cu acest cont.

Pur și simplu faceți clic pe butonul „Continue With This Account”.

Click Continue With This Account

După aceea, vi se va afișa o fereastră pop-up care vă va cere să conectați WPForms cu Hubspot.

Apăsați pe butonul „Conectare aplicație” din partea de jos a paginii.

conectare wpforms și hubspot

Pe tabloul de bord WordPress, reveniți la ecranul „Integrări”.

Acum ar trebui să vedeți „Connected” lângă secțiunea HubSpot.

HubSpot marcat Conectat

Acum este momentul să creați formularul dvs. HubSpot.

Pentru a începe, accesați WPForms » Adăugare Nou din zona de administrare WordPress.

Butonul + Adăugare Nou pe Prezentarea Generală a Formularelor WPForms

Pe ecranul „Configurare”, puteți merge mai departe și denumi noul dvs. formular.

După ce ați făcut acest lucru, veți alege cum veți construi formularul. WPForms vă permite să începeți de la zero, să utilizați un editor de formulare bazat pe inteligență artificială și să selectați un șablon de formular din biblioteca de șabloane WPForms.

Dacă doriți să utilizați WPForms AI, tot ce trebuie să faceți este să introduceți o solicitare simplă. Editorul de formulare AI va genera formularul pentru dvs. instantaneu.

Formulare AI WPForms în acțiune

Pentru acest tutorial, vom folosi un șablon predefinit.

Puteți trece cu mouse-ul peste cel pe care doriți să îl utilizați și să faceți clic pe butonul „Utilizați șablonul”.

Creează un nou formular de contact

După aceea, veți fi direcționat către interfața WPForms, unde puteți edita șablonul formularului. Pentru un ghid complet, puteți consulta ghidul nostru despre cum să creați un formular de contact.

Acum, faceți clic pe opțiunea „Marketing” din bara de meniu din stânga. Pur și simplu selectați „HubSpot” din lista de integrări.

Apoi va apărea pe ecran o fereastră pop-up HubSpot. Pur și simplu faceți clic pe butonul „Adăugați o conexiune nouă” din partea de sus.

Faceți clic pe butonul Adăugați o conexiune nouă

WPForms vă va solicita acum să introduceți un pseudonim pentru o conexiune.

Poți alege orice nume dorești, deoarece nimeni altcineva nu-l va vedea. Apasă butonul „OK” când ai terminat.

Alegeți un pseudonim pe placul dvs.

WPForms vă va solicita apoi să selectați contul dvs. HubSpot și să alegeți o acțiune de efectuat. Pur și simplu alegeți contul dvs. din câmpul „Selectați contul”.

Apoi, alegeți opțiunea „Creare/Actualizare contact” din câmpul „Acțiune de efectuat”.

adaugă acțiune de efectuat în hubspot

După selectarea acestei opțiuni, vor apărea diverse setări noi în cadrul formularului.

Completați câmpurile respective. Deoarece dorim să trimitem contacte din formularul dvs. de generare de lead-uri către HubSpot, vom selecta opțiunea „Creare/Actualizare contact”.

Toate aceste câmpuri, cum ar fi numele prospectului, e-mailurile și starea lead-ului, vor fi actualizate în baza de date HubSpot.

completarea câmpurilor formularului

Apoi, sunteți gata să vă personalizați formularul în constructorul de formulare.

Pur și simplu trageți și plasați câmpuri din partea stângă în previzualizarea live din dreapta.

Formular în constructorul de formulare

Puteți adăuga orice informație pe care doriți să o colectați și să o organizați în contul dvs. HubSpot.

Odată mulțumiți, faceți clic pe butonul „Încorporați” prezent în partea de sus a editorului de formulare pentru a adăuga formularul pe site-ul dvs. WordPress.

încorporare formular hubspot

Aceasta va deschide fereastra de dialog „Încorporați într-o pagină”.

Dacă doriți să încorporați formularul HubSpot pe o pagină nouă, faceți clic pe opțiunea „Create New Page”.

Pentru a încorpora un formular pe o pagină existentă, faceți clic pe opțiunea „Selectați pagina existentă”.

Selectați opțiunea pagină existentă

După aceea, pur și simplu alegeți pagina corectă din meniul derulant care apare.

Acum faceți clic pe butonul „Să mergem”.

Apasă butonul Hai să mergem

Veți fi direcționat automat către pagina pe care ați selectat-o din meniul derulant. Formularul HubSpot va fi deja încorporat acolo.

Pur și simplu faceți clic pe butonul „Publicați” din partea de sus a editorului de conținut pentru a publica noul dvs. formular.

Apasă butonul Publică după încorporarea formularului

Pentru detalii, consultați ghidul nostru despre cum să încorporați formulare în WordPress.

Sfat bonus: Configurați HubSpot Analytics pentru a vă urmări formularele HubSpot

Crearea unui formular este doar primul pas — dacă doriți să vă dezvoltați blogul WordPress sau site-ul web, este important să înțelegeți cum performează formularele dvs.

Cu analizele încorporate ale HubSpot, puteți urmări trimiterile formularelor. Acest lucru vă ajută să vedeți ce formulare funcționează bine și care necesită îmbunătățiri.

Urmărirea trimiterilor de formulare pe HubSpot

Urmărirea performanței formularelor facilitează, de asemenea, identificarea punctelor de abandon și reducerea abandonului formularelor.

Pentru detalii, puteți consulta ghidul nostru despre cum să configurați HubSpot Analytics în WordPress.

Gata! Sperăm că ați învățat cum să creați un formular HubSpot în WordPress. De asemenea, ați putea dori să consultați ghidurile noastre despre:

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.

Dezvăluire: Conținutul nostru este susținut de cititori. Acest lucru înseamnă că dacă faceți clic pe unele dintre linkurile noastre, este posibil să câștigăm un comision. Vedeți cum este finanțat WPBeginner, de ce contează și cum ne puteți susține. Iată procesul nostru editorial.

Cel mai bun instrumentar WordPress

Obține acces GRATUIT la instrumentarul nostru - o colecție de produse și resurse legate de WordPress pe care fiecare profesionist ar trebui să le aibă!

Interacțiuni cu cititorii

Comentarii

  1. Felicitări, ai oportunitatea de a fi primul comentator la acest articol.
    Ai o întrebare sau o sugestie? Te rugăm să lași un comentariu pentru a începe discuția.

Lasă un răspuns

Vă mulțumim că ați ales să lăsați un comentariu. Vă rugăm să rețineți că toate comentariile sunt moderate conform politicii noastre de comentarii, iar adresa dvs. de e-mail NU va fi publicată. Vă rugăm să NU folosiți cuvinte cheie în câmpul nume. Să avem o conversație personală și semnificativă.