Cum să creați formulare pop-up pentru site-ul dvs. (2022 și gratuit)

Publicat: 2022-06-27

Sunteți în căutarea modului cel mai simplu și cel mai convertibil de a crea și adăuga formulare pop-up pe site-ul dvs.? Atunci, ești la locul potrivit.

Formularele de înscriere pop-up sau formularele de contact pop-up vă permit să vă conectați cu ușurință cu vizitatorii site-ului dvs.

Vă puteți crește publicul, vă puteți conecta cu ei, puteți genera mai multe vânzări și puteți colecta clienți potențiali, precum și date valoroase despre clienți pentru campaniile dvs. de marketing.

Potrivit unui sondaj, 74% dintre respondenți au declarat că au folosit formulare online ca instrument de captare a clienților potențiali.

Formularele pop -up sunt destul de eficiente atunci când vine vorba de a atrage privirea vizitatorilor pasivi și de a-i determina să întreprindă acțiunea dorită. De fapt, există diferite moduri în care puteți utiliza formularele pop-up de pe site-ul dvs. Unele dintre ele includ:

  • Colectarea clienților potențiali de e-mail
  • Făcându-le mai ușor pentru vizitatori să vă contacteze prin intermediul formularelor de contact
  • Creșterea ratelor de conversie
  • Creșterea ratelor de înscriere
  • Încurajarea clienților să lase feedback

Rețineți că anumite stimulente, cum ar fi cărțile electronice gratuite și ofertele cu reduceri, sunt adesea mai atractive pentru clienți. Folosiți ofertele speciale pentru a determina vizitatorii să completeze formularele, mai ales dacă este un formular pop-up de e-mail sau un formular pop-up de feedback .

În acest tutorial, vă vom arăta cum să creați formulare pop-up pentru site-ul dvs. folosind Popupsmart popup builder.

Nu a fost niciodată mai simplu și mai eficient să creați formulare pop-up captivante, să le afișați pe anumite pagini, să ajustați setările de direcționare pentru a viza și a converti segmente ale vizitatorilor dvs.

Și cea mai bună parte este că vă puteți crea formularul pop-up gratuit și fără cod .

Înainte de a ne aprofunda în partea de tutorial, să punem toate cărțile pe masă și să vedem de ce utilizarea formularelor pop-up pe site-ul dvs. este o idee bună în primul rând.

De ce să folosiți formulare pop-up pe site-ul dvs. web?

formular pop-up pe site

1. Popup-uri funcționează

Oamenii tind să evite utilizarea ferestrelor pop-up din cauza designurilor pop-up tradiționale de modă veche și a lipsei de direcționare de succes. Mulți dintre acești oameni au rămas cu ideea că ferestrele pop-up sunt enervante.

Dacă ești unul dintre ei, lasă-mă să-ți spun ceva. Popup-urile funcționează .

Rata de conversie a ferestrelor pop-up este de 3,09% în medie. Nu se poate nega că, atunci când este personalizat pentru vizitatorii site-ului și marca dvs., POPUPS CONVERT.

Deci, puteți transforma vizitatorii în clienți, puteți obține noi clienți potențiali de e-mail și puteți crește implicarea prin afișarea de formulare pop-up moderne pe site-ul dvs.

De aceea, multe companii mari și de încredere folosesc ferestre pop-up pe site-urile lor web.

2. Ușor vizibil de către vizitatorii dvs

formular de înscriere pop-up

De cele mai multe ori, vizitatorii ar prefera să completeze un formular de contact pop-up decât să răsfoiască pe tot site-ul dvs. pentru a găsi informațiile dvs. de contact. Este următoarea cea mai bună idee de a conversa live.

Vă interesează instrumentele gratuite de chat live? Aflați-le pe cele mai bune din postarea noastră de blog-comparație .

Ceea ce oferă un avantaj cheie ferestrelor pop-up formulare de contact față de paginile de contact standard este vizibilitatea mai mare . După cum sugerează și numele, pop-up-urile apar pe o pagină web și atrag vizitatori.

Într-un scenariu de client în care un vizitator nu poate lua decizia finală de cumpărare, dar nu dorește să se obosească să navigheze pe site-ul dvs. pentru a vă contacta în legătură cu problema în cauză, un formular pop-up de contact ar fi tot ce aveți nevoie pentru a converti acel vizitator.

3. Puteți viza anumite adrese URL

În unele cazuri, ar putea fi mai bine să afișați formularul pop-up numai pe anumite pagini, mai degrabă decât pe întregul site. Sau atunci când doriți să vizați doar un anumit public, ferestrele pop-up configurate cu direcționarea URL pot fi mult mai ideale.

De exemplu, să presupunem că aveți un formular de înscriere pop-up sau un formular de e-mail pop-up care oferă o carte electronică gratuită în schimbul completării câmpurilor din formular și doriți să-l afișați numai în postările de blog conexe. Puteți face acest lucru fără efort cu direcționarea către adrese URL.

Vă vom arăta cum să setați setările de direcționare ale pop-up-ului dvs. cu Popupsmart, dar suportați-ne pentru un alt beneficiu al ferestrelor pop-up.

4. Mai atrăgător din punct de vedere vizual

formular de înscriere pop-up pe site

Cui îi place să vadă formulare tradiționale cu o duzină de câmpuri obligatorii pe site-uri web? Nici unul? Nici un? Nici nouă nu ne plac.

De fapt, conform SaleCycle, 77% dintre cumpărătorii online abandonează formularele de plată.

Așadar, chiar și câmpurile formularului de plată ar putea părea prea iritante și pierdere de timp pentru vizitatori dacă nu sunt optimizate. Imaginează-ți cum s-ar simți pentru alte formulare de pe site-ul tău.

În loc să pierdeți toate datele potențiale și oportunitățile de vânzare, puteți testa folosind formulare pop-up de pe site-ul dvs. web, inclusiv;

  • Postări pe blog
  • Pagini de destinație
  • Pagini de pornire
  • Sau orice pagină web de pe site-ul dvs

Formularele pop -up sunt mai atractive vizual pentru utilizatori. Designele pop-up optime au deja o zonă limitată pentru câmpuri. Având mai puține câmpuri de formular, acestea sunt mai ușor de completat și mai puțin intimidante decât formularele standard.

În plus, cu setările avansate de direcționare ale Popupsmart, puteți afișa formularul pop-up vizitatorilor potriviți la momentul potrivit.

Direcționarea inteligentă se asigură că numai vizitatorii care au cea mai mare șansă de a interacționa cu pop-up-ul îl vor vedea.

De ce să folosiți Popupsmart pentru a crea formulare pop-up pentru site-ul dvs. web

Popupsmart este un software de generare de pop-up incredibil de ușor de utilizat, fără cod. Vă permite să creați campanii pop-up frumos concepute și să vă vizați vizitatorii site-ului dvs. ca un profesionist.

Este conceput pentru a ajuta la convertirea mai multor clienți potențiali și pentru a genera mai multe vânzări, dând putere proprietarilor de afaceri să creeze campanii pop-up personalizate pentru fiecare site web și direcționate către publicul lor specific.

Campaniile pop-up sunt mesaje care apar pe un site atunci când vizitatorii navighează. Ele vin în diferite forme, inclusiv bară flotantă, pop-up bară laterală, pop-up pe ecran complet și pop-up lightbox.

Popupsmart funcționează cu un cod JavaScript dintr-o singură linie pe site-ul dvs. Deci, dacă doriți să creați un formular pop-up JavaScript , încercați gratuit Popupsmart astăzi. Apoi, puteți crea primul pop-up!

Cum să creați un formular pop-up și să îl adăugați pe site-ul dvs. web

Folosind Popupsmart, puteți;

  • Creați un pop-up JavaScript personalizat,
  • Formular pop-up MailChimp / formular de înscriere pop-up MailChimp
  • formular pop-up Squarespace
  • Formular pop-up WordPress
  • Formular pop-up Hubspot
  • Formularul pop-up Angularjs
  • Formulare pop-up pentru orice site web care funcționează cu JavaScript

Descoperiți alte integrări de servicii de marketing prin e-mail și CRM și cum să integrați Popupsmart cu acestea.

Astăzi, vom crea formularul de contact pop -up pe care îl veți vedea mai jos de dragul acestui tutorial.

Puteți încerca toate opțiunile de personalizare pentru a crea cel mai potrivit formular pop-up JavaScript, adaptat site-ului dvs. web, odată ce ați învățat modalitatea simplă de a crea un formular pop-up pentru site-ul dvs. web .

formular de contact pop-up

Iată un tutorial pas cu pas pentru a face exact asta:

1. Înregistrați-vă sau conectați-vă la Popupsmart

Pagina de înregistrare Popupsmart

În primul rând, începeți procesul de creare a formularelor pop-up înregistrându-vă gratuit la Popupsmart.

Dacă aveți deja un cont, treceți la pasul următor.

2. Accesați tabloul de bord Popupsmart

Tablou de bord Popupsmart

După ce v-ați înscris la Popupsmart, continuați și conectați-vă la tabloul de bord Popupsmart.

Dacă sunteți nou, faceți clic pe „Cont” din dreapta sus și selectați „Site-uri” din meniul drop-down pentru a adăuga domeniul pentru care doriți să utilizați Popupsmart.

adăugați caseta de site-uri web noi în generatorul pop-up

Adaugă domeniul tău și salvează-l. Puteți adăuga mai multe domenii cu Planul de bază.

Urmați instrucțiunile pentru a configura Popupsmart pe site-ul dvs. în 5 minute.

3. Creați o nouă fereastră pop-up

Tablou de bord Popusmart pop-up builder

Faceți clic pe butonul „Creați o nouă fereastră pop-up” din colțul din dreapta sus.

4. Selectați un obiectiv de afaceri și denumiți-vă campania

pop-up obiective de afaceri

Odată ce faceți clic pe butonul „Creați un pop-up nou”, va trebui să selectați un obiectiv de afaceri. Puteți modifica selecția și în generatorul pop-up.

câmpuri pop-up pentru numele campaniei

Dați un nume campaniei și selectați domeniul pe care doriți să vă afișați pop-up-ul.

5. Alegeți un șablon de tip pop-up de formular

șabloane popupsmart

Alegeți un șablon pop-up la primul pas al generatorului de pop-up.

Există diverse șabloane pop-up complet personalizabile pe care le puteți utiliza.

meniul derulant al obiectivelor de afaceri

Asigurați-vă că selectați un șablon care este optim pentru adăugarea câmpurilor de formular.

Verificați toate șabloanele pop-up schimbând obiectivul din meniul drop-down.

6. Personalizați-vă formularul pop-up

design de formular pop-up

Șabloanele pop-up Popupsmart nu sunt doar elegante, ci și complet personalizabile. Personalizați aspectul formularului pop-up după cum doriți, cum ar fi culoarea, culoarea butoanelor, textele, raza chenarului și multe altele din „ Editați aspectul general ”.

  • Consultați documentația: Cum să personalizez Popup-ul meu pentru mai multe sfaturi de personalizare.

titlu pop-up

Schimbați titlul pop-upului și textul butonului CTA. Încercați să le scrieți clar și la obiect.

opțiuni de câmp de formular pop-up

Acum, acest pas este esenta creării unui pop-up de formular. Trebuie să adăugați câmpuri de formular la pop-up. Faceți clic pe „Adăugați un câmp de formular nou” pentru a selecta tipul de câmp de formular pe care doriți să îl adăugați, cum ar fi;

  • Intrare telefon
  • Intrare e-mail
  • Introducerea textului scurt și lung
  • Intrare Dropbox
  • Butoane radio și casetă de selectare

Există, de asemenea, șabloane de tip pop-up gata făcute.

personalizare formular pop-up

  • Schimbați numele de intrare și substituenții dacă este necesar.
  • Bifați „Solicită” pentru a face anumite câmpuri obligatorii.
  • Anumite câmpuri, cum ar fi introducerea telefonului, au opțiunea de a solicita validare. Bifați butonul „validare” pentru a face necesară validarea informațiilor (adică dacă numărul de telefon introdus este valid sau nu).

validarea câmpului formularului

Puteți afișa un text și o casetă de selectare a politicii de confidențialitate pentru a permite clienților să confirme și să fie de acord cu politica de confidențialitate a companiei dvs.

opțiunea de politică de confidențialitate pop-up formular de contact

Pentru a face acest lucru, pur și simplu porniți comutatorul „Afișare” sau ascundeți-l după cum doriți. Notați textul politicii de confidențialitate și activați caseta de selectare dacă este necesar.

7. Configurați direcționarea pentru fereastra pop-up formularului dvs

setări de afișare pop-up

Accesați pasul Țintă din generator pentru a configura setările de afișare, programarea campaniei, atribuțiile de direcționare, dispozitivul vizitatorului și frecvența de vizualizare.

Consultați documentația aferentă pentru informații suplimentare despre direcționarea către public.

8. Integrați cu serviciul dvs. de automatizare a e-mailului (opțional)

integrări de servicii de automatizare a e-mailului cu Popupsmart

Marketingul prin e-mail este cuvântul la modă în lumea afacerilor digitale.

Mai ales dacă intenționați să colectați clienți potențiali de e-mail cu un pop-up de abonament, acest pas este esențial pentru eforturile dvs. de marketing prin e-mail.

Faceți clic pe integrări și adăugați furnizorul dvs. de servicii de marketing prin e-mail.

Adăugați o notificare prin e-mail pentru a primi notificări atunci când colectați clienți potențiali.

9. Deschideți fereastra pop-up la clic pe buton (Opțional)

setări pop-up onclick

Popupsmart vă permite să creați un buton care deschide fereastra pop-up atunci când clienții dau clic. Ferestrele pop-up cu clic pe buton sunt ideale pentru a minimiza distragerile de pe o pagină web.

Puteți adăuga butonul la o pagină web cu o copie de solicitare, astfel încât clienții interesați să completeze formularul să poată face clic pentru a deschide formularul pop-up.

De exemplu, un buton pop-up la clic pe o pagină de post de blog care oferă o carte electronică gratuită poate încuraja clienții cu un CTA de „Descărcare carte electronică gratuită”.

10. Salvați și publicați formularul pop-up

butonul de publicare a generatorului de pop-up

Atât ai ajuns la pasul final! Odată ce completați fereastra pop-up, o puteți salva pentru a o publica mai târziu sau o puteți salva și publica instantaneu.

Puteți urmări performanța pop-up-ului dvs. din analize și puteți vedea cât de multă conversie face sau puteți integra cu Google Analytics.

Nu uitați să testați diferite variante de formulare pop-up pentru a găsi pe cel mai generator de conversie.

Spuneți-ne dacă găsiți acest ghid util în comentarii.

Următorul pe lista dvs. de lectură: Cele mai bune instrumente de integrare a utilizatorilor pentru companiile SaaS