Cum să adăugați un pop-up pe WordPress (2 moduri simple)

Vrei să știi cum să adaugi un pop-up pe WordPress?

Ferestrele pop-up sunt incredibil de utile pentru a aduna informațiile de contact ale vizitatorilor, pentru a prezenta oferte speciale și vânzări, pentru a înregistra utilizatori pentru evenimente și multe altele.

Dacă aveți un site web WordPress, ar trebui să vă gândiți serios să adăugați ferestre pop-up ca parte a strategiilor dvs. de vânzări și marketing.

Ce este un pop-up?

Un pop-up sau o casetă pop-up este o fereastră mai mică care „apare” pe site-ul dvs. web pentru a le arăta utilizatorilor ceva care merită o atenție suplimentară. Probabil ați observat că multe site-uri web vă cer adresa de e-mail cu un formular simplu în interiorul unei casete pop-up.

Sunt greu de realizat ferestrele pop-up?

Popup-urile sunt ușor de realizat pe un site WordPress, chiar și pentru persoanele cu puțină experiență tehnică. Puteți folosi pluginuri WordPress pentru a crea ferestre pop-up, a aduna adrese de e-mail și chiar și pentru a adăuga acele e-mailuri la listele de e-mail automat, cu doar câteva clicuri.

În restul acestei postări, vă vom arăta două moduri diferite de a crea un pop-up, folosind cei mai populari doi constructori de pop-up de pe WordPress.

În plus, vom folosi un plugin diferit pentru a crea un formular de captare a clienților potențiali. Vom încorpora formularul în pop-up-ul nostru când creăm o campanie pop-up.

Să începem!

Metoda 1: Creați un popup WordPress cu OptinMonster și WPForms

OptinMonster este cel mai utilizat plugin pentru crearea pop-up pentru WordPress, cu peste un milion de instalări active. După cum vă puteți da seama după nume, este conceput pentru a crea formulare de înscriere și casete pop-up.

Un formular de înscriere este pur și simplu un formular care cere unui utilizator să „înscrie” pentru a primi e-mailuri sau comunicări de marketing. Dar, desigur, ferestrele pop-up sunt folosite pentru mult mai mult decât atât.

Acest plugin facilitează atât începătorilor, cât și experților să creeze ferestre pop-up frumoase, extrem de captivante, pentru o varietate de scopuri.

Pe lângă ușurința în utilizare, OptinMonster oferă aceste funcții puternice:

• Generatorul de pop-up glisați și plasați le permite începătorilor să creeze ferestre pop-up personalizate
• Peste 400 de șabloane și 6 tipuri de campanii pentru a se potrivi oricărei nevoi
• Multe opțiuni de declanșare diferite pentru a afișa ferestre pop-up unde și când doriți
• Exit-Intent, InactivitySensor și alte caracteristici tehnologice cresc conversiile
• Funcționează pe orice site web, nu doar pe WordPress (nu este necesar pluginul)

OptinMonster are capacitatea de a crea un formular simplu de înscriere. Cu toate acestea, pentru formulare mai puternice cu mai multe opțiuni de design, vă sugerăm un plugin dedicat pentru generatorul de formulare.

Din fericire, OptinMonster vă permite să adăugați formulare direct în ferestrele pop-up cu câteva clicuri. Nu va trebui să cunoașteți nicio programare sau dezvoltare web pentru a adăuga un formular folosind metoda de mai jos.

În acest exemplu, vom folosi WPForms, cel mai bun plugin de formulare pentru WordPress pe care îl puteți obține.

WPForms se conectează automat la OptinMonster atunci când instalați ambele pluginuri. Acest lucru face incredibil de ușor să construiți ferestre pop-up cu aspect profesional care conțin formularele dvs. personalizate.

Să începem prin a instala WPForms.

Instalați WPForms pe WordPress

Pentru a instala WPForms pe site-ul dvs., accesați WPForms și cumpărați o licență. Obțineți WPForms Pro pentru a avea acces la peste 500 de șabloane, procesarea plăților, sondaje și alte funcții avansate.

Cu toate acestea, puteți crea un formular pentru pop-up-ul dvs. cu oricare dintre planurile oferite.

După ce obțineți licența, descărcați pluginul WPForms din contul dvs. făcând clic pe Descărcați WPForms . În timp ce vă aflați pe acel ecran, puteți, de asemenea, să copiați cheia de licență făcând clic pe pictograma clipboard de lângă Cheia de licență .

Acum, accesați site-ul dvs. WordPress și instalați pluginul. Mai întâi veți face clic pe Plugins » Add New . Apoi, faceți clic pe butonul Încărcare plugin și selectați fișierul WPForms pe care l-ați descărcat.

În acest moment, puteți face clic pe Instalare pentru a finaliza instalarea și activarea WPForms. Odată ce pluginul este activ, accesați WPForms » Setări » General și introduceți cheia de licență pe care ați copiat-o mai devreme. Faceți clic pe butonul Verificați cheia și gata!

Creați un formular de captare a clienților potențiali în WPForms

Pentru a începe să creați un formular nou în WPForms, faceți clic pe WPForms » Adăugați nou în tabloul de bord WordPress. Vi se va solicita să selectați un șablon ca punct de plecare.

Dar mai întâi, tastați un nume de formular adecvat în caseta Denumiți formularul din partea de sus a ecranului. Vom numi formularul nostru exemplu Captură de clienți potențiali – Înscriere la buletin informativ .

Dacă tocmai ați început, vă recomandăm să utilizați un șablon. Să selectăm șablonul Formular de înscriere la buletin informativ făcând clic pe Utilizați șablon .

În regulă, iată șablonul nostru de formular de înscriere. După cum puteți vedea, acesta este un formular simplu care cere doar un nume și o adresă de e-mail.

Dacă sunteți mulțumit de setările implicite, puteți da clic pe Salvați acum. Cu toate acestea, să facem o modificare pentru a crește șansa ca vizitatorii să completeze formularul nostru.

Faceți clic în zona câmpului Nume și se afișează caseta Opțiuni câmp . Acum, să facem câmpul Nume opțional, astfel încât utilizatorii să nu fie nevoiți să completeze acea parte pentru a trimite formularul. Este obligatoriu în mod implicit, așa că faceți clic pe comutatorul Necesar „dezactivat” pentru a face acest câmp opțional.

Acum puteți face clic pe Salvare pentru a salva acest formular pentru o utilizare ulterioară.

În acest moment, veți crea o nouă fereastră pop-up, apoi veți adăuga formularul salvat la pop-up. Deci, următorul pas este să instalați un plugin WordPress pop-up.

Instalați OptinMonster pe WordPress

În acest pas, vom instala o versiune gratuită a pluginului OptinMonster pentru a construi pop-up-ul nostru pe WordPress.

Dacă aveți nevoie de mai mult ajutor, planul de bază al OptinMonster vine cu o configurare Done-For-You . Aceasta înseamnă că un expert în conversii OptinMonster vă va ajuta să vă configurați prima campanie pop-up pentru a vă asigura că lansarea este un succes!

Pentru a obține pluginul gratuit OptinMonster, conectați-vă la WordPress și faceți clic pe Pluginuri » Adăugați nou în meniul tabloului de bord.

Acum, tastați optinmonster în câmpul de căutare și introduceți. Găsiți OptinMonster în rezultatele căutării și faceți clic pe butonul Instalați acum .

După ce se instalează, faceți clic pe Activare și ați terminat!

Creați o nouă campanie pop-up cu OptinMonster

Acum că ați instalat și activat OptinMonster, este timpul să faceți o fereastră pop-up.

Mai întâi, faceți clic pe OptinMonster » Tabloul de bord pentru a vedea un ecran de prezentare generală care afișează statistici despre campaniile dvs. de înscriere. Aici, puteți începe, de asemenea, să construiți o nouă fereastră pop-up. Doar faceți clic pe Creare nou în fereastra pop -up.

După aceea, veți vedea un nou ecran în care trebuie să selectați un șablon pentru caseta pop-up.

Pentru acest exemplu, vom alege șablonul Entice. Puteți previzualiza mai întâi șablonul, pentru a vă asigura că se potrivește nevoilor dvs. După ce vă decideți asupra unui șablon pop-up, faceți clic pe Utilizați șablon .

Acum, vi se va cere să denumiți campania pop-up. Vom numi acest exemplu Înscriere la buletin informativ . Introduceți numele campaniei în casetă și faceți clic pe Începeți construirea .

Când faceți clic pe buton, veți deschide editorul de glisare și plasare al OptinMonster cu șablonul dvs. gata de editare. Acum, puteți pur și simplu să trageți blocul WPForms din partea stângă în fereastra pop-up, oriunde doriți să plasați noul formular de captare a clienților potențiali.

După ce plasați blocul WPForms, se va deschide automat o listă drop-down unde puteți alege formularul care doriți să apară în fereastra pop-up. Deci, aici veți selecta numele formularului pe care l-ați creat în WPForms: Email Lead Capture – Newsletter Signup .

Eliminați butoanele suplimentare

Acum, un ultim pas înainte de a salva pop-up-ul. Deoarece formularul WPForms are un buton Trimitere inclus, ar trebui să ștergeți butoanele din șablonul OptinMonster. Pentru a face acest lucru, plasați cursorul în interiorul blocului și apoi faceți clic pe pictograma coș de gunoi pentru a șterge.

Faceți clic pe butonul Salvare pentru a salva fereastra pop-up și formularul, apoi faceți clic pe X pentru a închide editorul OptinMonster. Veți reveni la tabloul de bord WordPress și la ecranul Setări de ieșire a campaniei OptinMonster.

Aici decideți unde și când să afișați pop-up-ul pe site-ul dvs. WordPress. În mod implicit, campaniile pop-up se afișează pe fiecare pagină, fiecărui vizitator.

Dar, puteți seta o fereastră pop-up să se afișeze doar pe o singură pagină, să se încarce numai pe postări sau să se afișeze numai utilizatorilor conectați, doar pentru câteva exemple.

Pentru acest exemplu, puteți lăsa setările de ieșire așa cum sunt. Cu toate acestea, pentru a permite afișarea pop-up-ului, accesați meniul derulant Stare și schimbați starea la Publicat . Apoi faceți clic pe Salvare modificări .

Bine, asta e! Noul pop-up și formularul de captare a clienților potențiali vor apărea acum pe fiecare pagină de pe site-ul dvs. pentru a începe să adune noi abonați.

Iată mostra noastră după publicare:

După ce campania dvs. pop-up convertește un vizitator al site-ului într-un abonat, veți găsi informațiile de contact ale acestuia accesând WPForms » Intrări în tabloul de bord WordPress.

WPForms are suplimente care vă permit să adăugați automat noi abonați la o listă de e-mail pe Sendinblue, Constant Contact și alți furnizori de e-mail populari. Acest lucru vă automatizează fluxul de lucru de marketing pentru a face comunicarea cu abonații foarte eficientă.

Asta e tot pentru prima noastră metodă de a crea un pop-up. Să trecem direct la a doua modalitate de a adăuga un pop-up pe WordPress...

Metoda 2: Adăugați un pop-up pe WordPress cu Popup Maker și WPForms

Cu peste 700.000 de utilizatori activi, Popup Maker este al doilea cel mai popular plugin WordPress pop-up la WordPress.org.

Instalați Popup Maker pe WordPress

Mai întâi, conectați-vă la site-ul dvs. WordPress și faceți clic pe Pluginuri » Adăugați nou . Introduceți popup maker în bara de căutare și introduceți.

Găsiți Popup Maker în rezultatele căutării și faceți clic pe butonul Instalați acum .

După ce pluginul se instalează, faceți clic pe Activare și este gata de funcționare! Tabloul de bord WordPress ar trebui să includă acum meniul Popup Maker. Faceți clic pe Creator pop-up » Creare pop -up pentru a începe să construiți o nouă fereastră pop-up.

Creați un pop-up nou

Ecranul editorului Popup Maker arată foarte asemănător cu editorul de pagini WordPress. Introduceți un nume pentru fereastra pop-up în câmpul de sus. Dacă doriți, puteți, de asemenea, să tastați un titlu care va apărea în interiorul pop-upului în al doilea câmp.

Acum, tot ce trebuie să faceți este să faceți clic pe butonul Adăugați formular . Va apărea o casetă pop-up cu o listă derulantă în care puteți selecta formularul pe care l-ați creat mai devreme în WPForms.

Continuați și selectați formularul respectiv, apoi faceți clic pe Adăugați formular . Aceasta adaugă codul scurt WPForms pentru formularul pe care l-ați ales în fereastra pop-up.

Bine, acum, înainte de a publica, va trebui să configurați declanșatoare pentru a defini când și unde se afișează pop-up-ul pe site-ul dvs.

Derulați în jos la caseta Setări pop -up și faceți clic pe butonul Adăugați un nou declanșator .

Aici veți alege dacă afișați pop-up după o întârziere, la clic sau după trimiterea unui formular. Să selectăm Time Delay .

Faceți clic pe butonul Adaugă și Popup Maker va întreba cât de lungă ar trebui să fie întârzierea, în milisecunde. Valoarea implicită este 500, adică o jumătate de secundă. Puteți lăsa acest lucru așa cum este sau schimbați dacă preferați. Apoi faceți clic din nou pe Adăugați .

Următorul pas în configurarea pop-up-ului este să alegeți unde se afișează pe site-ul dvs., cui și așa mai departe. Faceți clic pe fila Direcționare .

Lista derulantă din această setare vă permite să selectați o anumită pagină în care va apărea fereastra pop-up. Popup Maker are, de asemenea, o serie de filtre, astfel încât să îl puteți afișa pe pagini în funcție de categorii, etichete, ierarhii și multe altele.

Următoarea setare oferă mai multe opțiuni de afișare . Alegeți una dintre cele 4 opțiuni de afișare din plăci, apoi ajustați făcând clic pe linkurile de mai sus pentru Aspect , Dimensiune , Animație , Sunete , Poziție și Setări avansate .

Bine, aproape am terminat! Faceți clic pe fila Închidere din caseta Setări. Acum, trebuie să spuneți pop-up-ului să se închidă după ce cineva trimite formularul de înscriere. Faceți clic pe Trimiterea formularului în partea de sus, apoi bifați caseta de selectare Închidere la trimiterea formularului .

Bine, puteți lăsa totul în setările implicite pentru moment. Să salvăm făcând clic pe butonul Publicare din bara laterală din dreapta.

Acum, accesează-ți site-ul web pentru a vedea pop-up-ul live!

Ca și în prima noastră metodă, pentru a vedea noi abonați, trebuie să accesați WPForms » Intrări pentru a vedea informațiile de contact pentru persoanele care se înscriu.

În timp ce OptinMonster este un instrument mai puternic în general, cu mai multe opțiuni, șabloane încorporate și extensii, WP Popup Maker este o alternativă simplă care funcționează bine pentru campaniile de bază.

Și asta este tot pentru tutorialul nostru despre 2 moduri simple de a adăuga o fereastră pop-up la un site web WordPress. De asemenea, ați învățat cum să creați un formular de înscriere pentru a colecta clienți potențiali de e-mail folosind WPForms.

Urmăriți conversiile formularelor cu MonsterInsights

Am analizat cum puteți vizualiza intrările de formular în ecranul Intrări WPForms. Cu toate acestea, acest lucru nu vă oferă multe informații despre modul în care funcționează formularele dvs.

Pentru a obține mai multe detalii despre performanța formularelor, aveți nevoie de un instrument precum MonsterInsights, cel mai bun plugin WordPress pentru Google Analytics.

MonsterInsights oferă un supliment Formulare care vă permite să vedeți cum interacționează utilizatorii cu formularele de pe site-ul dvs., inclusiv afișările, conversiile și rata de conversie per formular. Acest lucru este grozav dacă site-ul dvs. are mai multe formulare sau ferestre pop-up de urmărit.

După ce ați instalat MonsterInsights cu urmărirea formularelor activată, veți găsi raportul Formulare accesând Perspective » Rapoarte și făcând clic pe fila Formulare .

Acum puteți vizualiza toate formularele, afișările și conversiile pe o singură pagină în WordPress, rapid și eficient. Aflați dacă formularele și ferestrele pop-up se afișează corect și dacă se convertesc bine sau necesită îmbunătățiri.

Urmărirea MonsterInsights funcționează automat cu aproape orice plugin de formulare WordPress, inclusiv WPForms, Gravity Forms, Formidable Forms, Ninja Forms și multe altele.

Aveți nevoie de mai multe informații despre începerea utilizării MonsterInsights? Consultați această postare pentru un tutorial aprofundat despre cum să instalați și să configurați MonsterInsights.

Dacă ți-a plăcut să înveți despre cum să adaugi un pop-up pe site-ul tău web, s-ar putea să vrei să citești acest articol despre cum să creezi un buletin informativ prin e-mail.

Și nu uitați să ne urmăriți pe Twitter, Facebook și YouTube pentru mai multe recenzii utile, tutoriale și sfaturi Google Analytics.