Cum să adăugați un popup cu formular de contact în WordPress

Ați urmărit vreodată vizitatori navigând pe site-ul dvs., doar pentru a pleca fără să ia legătura? Este frustrant, mai ales când știți că sunt interesați, dar nu reușiți să vă conectați.

Un popup simplu, bine cronometrat, poate face toată diferența. 💡

Când este plasat cu atenție, pune formularul dvs. de contact exact acolo unde vizitatorii au nevoie de el. Acest lucru poate duce la mai multe solicitări, feedback și conversii.

La WPBeginner, suntem mari fani ai WPForms deoarece este ușor de utilizat pentru începători, puternic și perfect pentru crearea tuturor tipurilor de formulare. Mai bine, îl puteți asocia cu OptinMonster pentru a crea un popup de formular de contact care se simte util, nu insistent.

În acest ghid, vă vom arăta cum să adăugați un popup cu formular de contact în WordPress. Unul care transformă vizitatorii în lead-uri, fără a-i deranja.

De ce să folosiți un formular de contact pop-up?

Un popup cu formular de contact facilitează contactul vizitatorilor, fără a căuta pagina dvs. de contact sau a părăsi pagina pe care se află.

Fiecare site WordPress are nevoie de un formular de contact pentru ca utilizatorii să trimită întrebări, feedback sau probleme.

Cu toate acestea, dacă formularul dvs. de contact este doar pe o singură pagină, atunci este greu pentru oameni să-l găsească. Ca urmare, utilizatorii dvs. ar putea ajunge să vă părăsească site-ul înainte de a vă contacta, iar dvs. ați putea pierde potențiali clienți și conversii.

Un popup cu formular de contact ajută la rezolvarea acestei probleme, permițând vizitatorilor dvs. să vadă rapid formularul făcând clic pe un buton. Astfel, ei pot lua legătura cu dvs. de pe orice pagină s-ar afla.

Acest tip de formular de contact ajută, de asemenea, la menținerea oamenilor pe site-ul dvs., deoarece nu trebuie să părăsească pagina pe care o vizualizează. În plus, puteți crește lista de email folosind o fereastră pop-up cu formular de contact.

Acestea fiind spuse, va trebui mai întâi să creați un formular de contact și să îl afișați într-un pop-up pe paginile dvs. web.

Dar nu vă faceți griji. În secțiunile următoare, vă vom ghida prin crearea unui formular de contact și adăugarea acestuia într-un pop-up în WordPress.

Vom împărtăși, de asemenea, sfaturile noastre de expert pentru crearea unui popup care atrage atenția fără a fi intruziv. Această abordare asigură că site-ul dvs. WordPress rămâne ușor de utilizat, maximizând în același timp oportunitățile de interacțiune.

Și iată o prezentare rapidă a tuturor pașilor pe care îi veți parcurge:

1. Pasul 1: Creați un formular de contact WordPress
2. Pasul 2: Adăugați un pop-up cu formular de contact pe site-ul dvs. WordPress
3. Sfat bonus: Creșteți numărul de înscrieri prin pop-up-uri
4. Întrebări frecvente: Cum să adăugați un pop-up cu formular de contact în WordPress
5. Tutorial video
6. Explorați ghidurile noastre WordPress pentru formulare

Gata? Să începem.

Pasul 1: Creați un formular de contact WordPress

Mai întâi, va trebui să selectați un plugin de formulare de contact WordPress.

Există multe opțiuni gratuite și plătite din care puteți alege, dar vă recomandăm să folosiți WPForms, deoarece este cel mai bun constructor de formulare pentru începători.

Îl folosim noi înșine pe site-ul nostru pentru a afișa formulare de contact, sondaje anuale ale utilizatorilor și formulare de migrare a site-ului. Pentru detalii despre experiența noastră cu pluginul, consultați recenzia noastră completă despre WPForms.

WPForms este un plugin de formulare prietenos pentru începători, care oferă un constructor drag-and-drop pentru crearea formularelor de contact în WordPress cu doar câteva clicuri. Oferă, de asemenea, șabloane de formulare predefinite și multe opțiuni de personalizare.

Pentru acest tutorial, vom folosi versiunea WPForms Lite, care este gratuită și oferă un șablon de formular de contact.

Cu toate acestea, puteți utiliza și versiunea sa premium pentru a debloca mai multe funcționalități. De exemplu, WPForms Pro oferă peste 2.000 de șabloane de formulare, mai multe opțiuni de personalizare, add-on-uri puternice și posibilitatea de a colecta plăți online fără taxe suplimentare de tranzacție.

Pentru a începe, va trebui mai întâi să instalați și să activați pluginul WPForms Lite. Dacă aveți nevoie de ajutor, puteți consulta ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.

Odată ce pluginul este activ, sunteți gata să creați formularul de contact. Tot ce trebuie să faceți este să mergeți la WPForms » Adăugare Nou din tabloul de bord WordPress.

Pe ecranul următor, puteți continua și introduce un nume pentru formular.

Apoi, veți selecta cum veți construi formularul - folosind WPForms AI, un șablon predefinit sau o pânză goală.

Dacă doriți să utilizați constructorul de formulare AI, pur și simplu introduceți o solicitare. În câteva secunde, formularul dvs. va fi generat.

Acestea fiind spuse, vom folosi șablonul „Formular de contact simplu” pentru acest tutorial, deoarece are tot ce ne trebuie.

Apoi, puteți adăuga câmpuri în formular folosind constructorul drag-and-drop.

Pur și simplu trageți câmpurile pe care doriți să le adăugați la formular din opțiunile oferite în meniul din stânga. Puteți, de asemenea, să reordonați pozițiile fiecărui câmp din formular.

WPForms vă permite, de asemenea, să personalizați fiecare câmp din formularul de contact.

De exemplu, dacă faceți clic pe câmpul „Nume”, veți obține diferite opțiuni, cum ar fi modificarea etichetei și a formatului acestuia. Puteți chiar adăuga o descriere sau marca orice câmp ca fiind obligatoriu.

După ce ați terminat, faceți clic pe opțiunea „Setări” pentru a configura notificarea și confirmarea formularului.

În secțiunea „General”, puteți redenumi formularul, schimba textul butonului de trimitere, activa protecția anti-spam și multe altele.

Apoi, puteți accesa opțiunea de setări „Notificări”. Implicit, notificările sunt trimise la adresa de e-mail a administratorului configurată pe site-ul dvs. WordPress.

Cu toate acestea, puteți trimite notificarea formularului de contact la orice adresă de e-mail doriți. Dacă doriți să primiți notificări de trimitere a formularului către mai multe e-mailuri, atunci separați fiecare e-mail cu o virgulă.

Pentru linia subiectului e-mailului, WPForms folosește numele formularului pe care l-ați introdus anterior. Cu toate acestea, puteți edita textul liniei subiectului la orice doriți.

Acum, să mergem la opțiunea „Confirmări”.

WPForms va folosi 'Mesaj' ca tip de confirmare implicit. La trimiterea unui formular, acest lucru va afișa vizitatorilor dvs. un mesaj de mulțumire.

Cu toate acestea, puteți schimba tipul mesajului și redirecționați utilizatorii către o pagină specifică de pe site-ul dvs. web atunci când completează un formular.

După ce ai terminat de creat un formular de contact, asigură-te că apeși butonul „Salvează” din colțul din dreapta sus pentru a-ți salva modificările.

Apoi, puteți face clic pe opțiunea „Embed” din colțul de sus, lângă butonul „Save”, pentru a obține shortcode-ul formularului. Veți avea nevoie de aceste informații pentru a afișa formularul într-un pop-up.

Când apare un nou pop-up, puteți selecta opțiunea 'utilizați un scurtcod'.

WPForms va afișa apoi shortcode-ul pentru formularul tău de contact imediat ce vei da clic pe link. Sugerăm să păstrați această filă/fereastră deschisă, deoarece veți avea nevoie de ea în pasul următor, unde vă vom arăta cum să adăugați formularul de contact într-un popup.

Pasul 2: Adăugați un pop-up cu formular de contact pe site-ul dvs. WordPress

Pentru a crea un pop-up cu formular de contact, veți avea nevoie de un plugin de pop-up WordPress.

Vă recomandăm să folosiți OptinMonster, deoarece este cel mai bun plugin pentru generarea de lead-uri și optimizarea conversiilor pentru WordPress. Este, de asemenea, unul dintre cele mai populare, cu peste 1,2 milioane de site-uri web care folosesc acest instrument puternic.

La WPBeginner, folosim OptinMonster pentru diverse sarcini, inclusiv promovarea ofertelor speciale și a reducerilor pe pop-up-uri, slide-in-uri și bannere de antet. Dacă doriți mai multe informații, nu ezitați să citiți recenzia noastră completă despre OptinMonster.

Pentru acest tutorial, vom folosi versiunea OptinMonster Pro, care include un șablon fără dezordine și reguli avansate de afișare pentru a arăta popup-ul.

Mai întâi, să ne înregistrăm pentru un cont accesând site-ul OptinMonster. Pur și simplu vizitați site-ul și faceți clic pe butonul „Get OptinMonster Now”.

Apoi, va trebui să instalați și să activați pluginul gratuit OptinMonster pe site-ul dvs. web. Pentru mai multe detalii, puteți urma ghidul nostru despre cum să instalați un plugin WordPress.

După ce pluginul este activ, vei vedea expertul de configurare. Apasă pe butonul „Conectează-ți contul existent”.

Acum va apărea o fereastră pop-up, iar OptinMonster vă va cere să vă conectați la contul dvs.

Pur și simplu faceți clic pe butonul „Conectare la WordPress”.

Acum că contul dvs. este conectat, următorul pas este să creați o nouă campanie pentru fereastra pop-up cu formularul de contact.

Puteți începe mergând la OptinMonster » Campanii și apoi dând clic pe butonul „Creați prima campanie”.

Pe ecranul următor, va trebui să selectați un tip de campanie.

Deoarece vom crea un pop-up cu formular de contact, selectați 'Popup' ca tip de campanie.

După aceea, va trebui să derulați în jos pe pagină pentru a alege un șablon.

OptinMonster oferă peste 75 de designuri atractive și cu conversie ridicată pentru pop-up-urile dvs. Puteți selecta orice șablon doriți.

Odată ce ați ales șablonul, pur și simplu introduceți un nume pentru campania dvs. și faceți clic pe butonul „Începeți crearea”.

Acum, folosind constructorul drag-and-drop din OptinMonster, puteți edita șablonul pop-up-ului dvs.

Veți vedea diferite „Blocuri” care apar în meniul din stânga. Să localizăm blocul „WPForms”, apoi să-l tragem și să-l plasăm pe șablonul dvs.

După aceea, va trebui să faceți clic pe meniul derulant „Selecție formular” din setările blocului din meniul din stânga.

Apoi, selectează opțiunea „Adaugă Shortcode Manual”.

De aici, puteți introduce shortcode-ul formularului de contact WPForms în bloc. Pentru a găsi codul, va trebui să reveniți la setările de încorporare WPForms și să copiați shortcode-ul.

Este important de reținut că nu veți vedea o previzualizare a formularului de contact în șablon atunci când adăugați shortcode-ul.

Acest lucru este normal, deoarece formularul dvs. de contact va apărea atunci când campania este publicată.

Apoi, puteți accesa fila „Reguli de afișare” din partea de sus pentru a alege când ar trebui să apară fereastra pop-up pe site-ul dvs.

Implicit, OptinMonster îl va seta la momentul în care timpul pe pagină este de 5 secunde, iar pop-up-ul va apărea pe orice pagină. Cu toate acestea, puteți modifica setările regulilor de afișare și puteți selecta diferite declanșatoare și opțiuni de țintire.

Sugerăm utilizarea direcționării MonsterLink (La clic). Astfel, popup-ul dvs. va apărea atunci când un vizitator face clic pe un link sau un buton.

Apoi, puteți face clic pe butonul „Copy MonsterLink Code” și îl puteți adăuga la orice text, imagine sau buton de pe site-ul dvs. web.

Pentru mai multe detalii, puteți urma ghidul nostru pentru începători despre cum să adăugați un link în WordPress.

Codul dvs. MonsterLink va arăta astfel în HTML:

<a href="https://app.monstercampaigns.com/c/ep6f5qtakxauowbj8097/" target="_blank" rel="noopener noreferrer">Subscribe Now!</a>

Cu toate acestea, pentru a încorpora linkul în postarea sau pagina dvs. de blog WordPress, aveți nevoie doar de URL-ul din cod.

Iată cum ar trebui să arate URL-ul:

https://app.monstercampaigns.com/c/ep6f5qtakxauowbj8097/

De exemplu, să spunem că doriți să adăugați un buton Contactați-ne pe site-ul dvs.

În acest caz, puteți începe prin a edita orice pagină sau postare și accesând editorul WordPress. Apoi, veți dori să faceți clic pe semnul (+) plus din partea de sus și să adăugați un bloc „Butoane”.

După aceea, veți dori să introduceți un text pentru butonul dvs. și să faceți clic pe pictograma de link. De exemplu, folosim „Contactați-ne” ca text al butonului.

Acum, este timpul să adăugați URL-ul MonsterLink la butonul dvs. Faceți clic pe buton, apoi pe butonul de inserare link și lipiți URL-ul.

Odată ce ați făcut acest lucru, publicați-vă postarea sau pagina WordPress. MonsterLink va fi acum adăugat la butonul dvs. „Contactați-ne”.

Acum, să ne întoarcem la campania dvs. OptinMonster pentru a finaliza configurarea.

După ce ați selectat MonsterLink ca țintă și l-ați afișat pe orice pagină, puteți face clic pe butonul „Next” din partea de jos.

Pe ecranul următor, veți vedea opțiuni pentru a schimba tipul de vizualizare a campaniei, a adăuga o animație MonsterEffect și a reda un sunet atunci când apare popup-ul.

Puteți fi creativ și puteți experimenta cu diferite setări. Când sunteți mulțumit de configurare, faceți clic pe butonul „Următorul”.

OptinMonster va afișa apoi un rezumat al setărilor dvs. de „Reguli de afișare”.

Acest lucru ajută la asigurarea că ați configurat corect când campaniile dvs. vor apărea pe site-ul dvs.

Acum, ești gata să lansezi campania și să publici fereastra pop-up cu formularul tău de contact. Pentru a face acest lucru, vei dori să mergi la fila „Publicare” din partea de sus.

Apoi, puteți face clic pe butonul „Previzualizare” înainte de a publica campania. Aceasta vă va arăta o previzualizare live a modului în care va arăta popup-ul dvs. pe site-ul dvs. web.

Când sunteți mulțumit de aspectul campaniei dvs., schimbați „Starea publicării” din „Schiță” în „Publică”.

Odată terminat, puteți ieși din constructorul de campanii OptinMonster și verificați starea campaniei dvs. din tabloul de bord WordPress.

Pentru a face acest lucru, veți dori să navigați la OptinMonster » Campanii. De aici, pur și simplu faceți clic pe meniul derulant „Stare” și schimbați-l din „În așteptare” în „Publicați”.

OptinMonster va actualiza automat modificările.

Apoi, veți dori să mergeți la locul unde afișați butonul „Contactați-ne” cu integrarea MonsterLink și să vedeți formularul de contact în acțiune.

Poftim!

Ați creat cu succes un plugin de formular de contact în WordPress. Mai mult, ați făcut acest lucru asigurându-vă că formularul nu este intruziv.

Sfat bonus: Creșteți numărul de înscrieri prin pop-up-uri

Acum că știți cum să creați un popup cu formular de contact, următorul pas este să vă asigurați că îmbunătățește experiența utilizatorului, în loc să determine vizitatorii să sară de pe site-ul dvs..

Pentru a maximiza înscrierile, ar trebui să vă concentrați pe crearea de pop-up-uri utile și relevante, mai degrabă decât pe cele intruzive.

În primul rând, momentul este esențial. Ferestrele pop-up care apar prea devreme îi pot frustra pe utilizatori, așa că încercați să le afișați după ce un vizitator a derulat sau a petrecut ceva timp pe site-ul dvs.

Personalizarea este un alt element care schimbă jocul. Pentru a face ca pop-up-urile dvs. să pară mai relevante, ar trebui să le adaptați la ceea ce fac utilizatorii, cum ar fi oferirea unui discount la un produs pe care îl vizualizează.

Pentru a încuraja acțiunea rapidă, creați urgență cu fraze precum „Ofertă limitată” sau accesați frica de a rata (FOMO), subliniind ceea ce ar putea câștiga acționând acum.

Adăugarea dovada socială, cum ar fi recenzii sau statistici, poate, de asemenea, să construiască încredere și să facă pop-up-urile dvs. mai convingătoare. Nu uitați rolul culorii: nuanțele îndrăznețe pot atrage atenția, în timp ce tonurile mai blânde construiesc încredere și armonie.

Combinând aceste strategii, puteți crea pop-up-uri care atrag atenția, conectează cu audiența și determină acțiuni, fără a părea insistente. Pentru mai multe informații pe această temă, puteți consulta ghidul nostru despre cum să folosiți psihologia pop-up-urilor pentru a crește înscrierile cu 250%.

Întrebări frecvente: Cum să adăugați un pop-up cu formular de contact în WordPress

Aveți întrebări despre popup-urile cu formulare de contact? Iată răspunsuri rapide pentru a vă ajuta să le configurați corect.

Cum mă asigur că popup-ul meu cu formular de contact nu este deranjant?

Totul ține de moment și context. Pentru a evita frustrarea vizitatorilor, afișați pop-up-uri bazate pe comportament, cum ar fi după câteva secunde pe pagină sau când cineva derulează în jos. Instrumente precum OptinMonster vă permit să ajustați aceste setări, astfel încât pop-up-ul dvs. să pară util, nu intruziv.

Pot folosi un pop-up cu formular de contact pentru vizitatorii de pe mobil?

Da, dar fiți atenți la spațiul ecranului. WPForms și OptinMonster sunt responsive pe mobil, ceea ce înseamnă că pop-up-urile dvs. se vor adapta la ecrane mai mici. Doar asigurați-vă că designul este curat și ușor de închis pe dispozitivele mobile.

Cum pot urmări performanța pop-up-urilor mele de formular de contact?

Poți folosi MonsterInsights pentru a urmări metrici importante ale formularelor precum vizualizări, clicuri și conversii, totul din tabloul de bord WordPress. Acest lucru te ajută să înțelegi ce funcționează și unde te poți îmbunătăți.

Va încetini un formular de contact pop-up site-ul meu?

Nu, dacă este construit și configurat corespunzător. Instrumentele ușoare precum WPForms și OptinMonster sunt optimizate pentru performanță, deci nu vor încetini vizibil site-ul dvs. atunci când sunt utilizate corect.

Tutorial video

Înainte de a pleca, am pregătit un tutorial video despre adăugarea unui popup cu formular de contact pe site-ul dvs. WordPress. Asigurați-vă că îl vizionați!

Explorați ghidurile noastre WordPress pentru formulare

Sperăm că acest articol v-a ajutat să învățați cum să adăugați un popup cu formular de contact în WordPress. În continuare, ați putea dori să consultați ghidurile noastre despre:

• Cum să folosești formularul de contact pentru a-ți crește lista de email în WordPress
• Cum să creați un formular de contact cu mai mulți destinatari
• Cum să trimiți e-mailuri de confirmare după trimiterea formularelor WordPress
• Cum să urmăriți și să reduceți abandonul formularelor
• Formularul WordPress nu funcționează: sfaturi de depanare
• Ghidul complet pentru utilizarea formularelor WordPress

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.