Cum să creați ferestre pop-up captivante cu Elementor care convertesc

Să recunoaștem, ca un proprietar de site-ul, vă place să iubesc pop-up-uri! Pe de o parte, ei enerva clienții. Dar, pe de altă parte, ele cresc, de asemenea, conduce cu multe falduri. Până acum, dacă te-ai decis să alegi un plugin pentru punerea în aplicare a pop-up pe site-ul dvs. WordPress, ar avea mai multe opțiuni. Dar, în mod ironic, toate au lipsit în funcții într-un fel sau altul. Acum, alegerea este simplă, Elementor pop-up constructor.

Elementor pop-up este o dinamică pop-up constructor care vine cu pagina de constructor Elementor. Este mâinile în jos una dintre cele mai bune pop up constructori acolo.

Cu toate acestea, dacă luați în considerare combinația de caracteristici și ușurința de utilizare, Elementor pop-up constructor este de departe cel mai bun pop-up constructor pentru site-urile WordPress.

Ești încântat pentru a afla cum vă puteți construi primul pop-up folosind Elementor? Așa suntem noi!

Do Site-ul pop-up de lucru de fapt pentru a dezvolta afacerea dvs.?

O fereastră pop-up este o fereastră mică care „pop-up“ peste partea de sus a paginilor web din browser-ul de internet. Acesta poate fi folosit pentru a prezenta informații importante sau conduce cu colectarea. Da, vorbim despre cel care irita noi tot timpul când vom încerca să deschidă majoritatea site-urilor.

Deci, de ce face acest lucru enervant ține de cotitură în sus, chiar dacă noi îl urăsc? Răspunsul se află în definiția în sine. Aceasta ajută conduce cu colectarea.

Știm cu toții importanța conduce în creștere. Cu cât este mai plumb ai, mai multe persoane, puteți trimite un e-mail promoțional sau oferă o afacere personalizat. Fie, sunteți un proprietar de site de comerț electronic, companie de dezvoltare de software, sau chiar un blogger, câștigă un mijloc de plumb obtinerea sansa de a interactiona cu un client mai potențial.

Rata medie de conversie pentru ferestre pop-up este de 3,09%, în timp ce primele 10% mai performante pop-up în medie o rată de conversie de 9,28%.

- sumo

Având în vedere statisticile de mai sus, este sigur să spun, pop-up-uri sunt de departe una dintre metodele cele mai eficiente pentru a obține conduce.

Cum de a crea dvs. dinamice pop-up-uri cu Elementor Popup Builder

Ai experiență anterioară de a folosi Elementor? Dacă nu, nu vă faceți griji, e ușor ca o placinta. Dacă aveți experiență de lucru cu Elementor înainte, construirea, sau de a crea un pop-up este la fel ca folosind sau de a crea orice alt șablon în Elementor.

Să începem cu pre-rechizite înainte de a sări în clădirea pop mai întâi folosind Elementor.

1. Un site WordPress de lucru (evident, nu?)
2. Elementor
3. Elementor Pro

Blog Related: Cum de a crea un site web gratuit în 5 pași simpli

Asta e tot ce avem nevoie pentru a avea pentru a crea pop-up nostru minunat cautati.

Utilizați-a gata Elementor pop ups

Dacă sunteți familiarizat cu Elementor, probabil știți deja cum să folosească sau de a crea șabloane. Ca pop - up , de asemenea , funcționează ca un șablon pentru Elementor, mai întâi trebuie să mergi la WP Admin Tabloul de bord> Șabloane> Pop Up

După ce faceți clic pe pop - up, va apărea un nou buton ADD POPUP. Faceți clic pe butonul și să pop sus un nume la fel ca noi nume ale noastre „Pagina de start principal„. După numirea pop - up, este timpul să faceți clic pe butonul care creează POPUP!

De îndată ce apăsați pe butonul Create Popup, veți găsi o mulțime de template-uri pop-up frumoase gata pentru tine de a alege. Cu toate acestea, dacă nu doriți să utilizați șablonul de pre-proiectate, aveți posibilitatea să proiectați, de asemenea, dvs. de tip pop-up de la sol în sus. Pentru că doar ieșirea din biblioteca de șabloane.

Personalizeaza-ti Elementor Popup design

De îndată ce închideți Biblioteca de șabloane, veți vedea un ecran ca cel de mai jos. Dați clic pe pictograma roată, așa cum am făcut -o , și veți fi pe pagina Setări Popup în cel mai scurt timp.

Setarea Popup va avea 3 file - Settings, Style & Advanced. Să știu ce fiecare dintre file este pentru.

Din fila Setări, puteți personaliza în principal aspectul. Cum ar fi lățime, înălțime orizontală / Poziție verticală, intrare / ieșire Animație și Buton de închidere.

Vom merge mai departe cu setările de mai jos. Puteți personaliza, de asemenea, după cum doriți.

Din fila Stil, puteți personaliza culorile pop - up, suprapunere și butonul de închidere.

Fila Avansat vă permite să tweak cu timpul butonul de închidere și alte câteva setări minore.

La fel ca orice alte template-uri de Elementor puteți adăuga, de asemenea, widget-uri pentru a face dvs. de pop-up arata bine. Aici este pop-up minimal pe care am proiectat.

Da, ne-am construit cu succes o fereastră pop-up pentru site-ul nostru folosind Elementor pop-up! Acum să să știe cum putem tinta pop-up în funcție de activitatea utilizatorului.

Controlați Pop-up cu setări Publicați

După crearea dvs. pop-up, urmatorul lucru ce trebuie să faceți este să stabiliți când va apărea. Cu Elementor pop-up, puteți ajusta pentru a declanșa pe baza mai multor acțiuni. După ce ați terminat cu design -ul și faceți clic pe publicare, Publish Settings va apărea. De aici controlați și reglați direcționarea.

După cum puteți vedea din imaginea de mai sus, veți vedea trei opțiuni diferite numite condiții, declanșatoare și reguli avansate.

Așa că hai să cunoască modul în care acestea funcționează.

Set Condiții pentru popup

Fila Condiții vă permite să gestionați în cazul în care emisiunile pop-up în sus. De exemplu, puteți lăsa pop-up afișate pe o singură pagină, cu mai multe pagini, sau chiar site-ul întreg.

După cum vedeți, aici am inclus o singură pagină, care este prima pagină, pentru a afișa pop-up noastre.

Configurarea Popup declanșatoare Reguli

Declanșatoare vă permit să controlați exact atunci când emisiunile pop-up în sus. Cu Elementor, aveți toate tipurile de declanșatoare care veți avea nevoie. Puteți seta pop-up-ul pentru a arăta -

1. On-încărcare a paginii
2. Pe Derulare
3. Pe Defilați la Element
4. Pe clic
5. După Inactivitatea
6. On-pagină Exit Intenție

Ne-am stabilit pop-up nostru să fie afișat pe primul click de utilizator pe pagina noastră web.

Set Reguli avansate

După cum sugerează și numele, Reguli avansat vă permite să setați avansate condițiile de exact când sau cui vor fi afișate pop-up-ul.

Există o mulțime de reguli diferite și puteți selecta mai multe reguli, de asemenea.

Acum suntem pregătiți să publice pop-up nostru. Deci , mergeți mai departe și faceți clic pe butonul Salvați și ÎNCHIS.

De asemenea, să vedem pop noastră în acțiune. Yaay!

Grand Colectia de Pop Up Template-uri de la Elementor Pop Up Library

Așa cum am arătat deja te, Elementor are o colectie mare de pop-up de pre-proiectate în biblioteca de șabloane.

Vei avea acces la sute de popup-uri, astfel încât, chiar dacă nu au un sentiment de design mare, Elementor pop-up o bună acoperire. Din biblioteca de șabloane Elementor, veți găsi diferite tipuri de template-uri pop-up, cum ar fi lightbox, plutitoare, ecran complet, magnet de plumb, și multe altele!

În afară de popup, Elementor are, de asemenea, multe alte pre-proiectate șabloane și widget-uri. Puteți chiar extinde și mai mult caracteristicile Elementor folosind diferite addons. Care sunt obtinerea foarte popular în zilele noastre.

Dacă doriți să vedeți cum addons face ușor de a proiecta site-ul dvs., nu uitați să încercați HappyAddons. Acesta este acum unul dintre cele mai Elementor Addons, cu mai mult de 80,000+ instalări active. Există o versiune premium a acesteia, împreună cu o versiune gratuită.

Elementor Pop Up - Ultimate Pop Up Builder

Elementor este considerat ca fiind unul dintre cei mai buni constructori de pagini pentru WordPress. Împreună cu mai multe caracteristici, puteți crea, de asemenea, frumoase, cu ferestre pop-up de direcționare specifică.

Procesul de creare a pop-up este foarte ușor, și sperăm că acum sunteți capabili de a crea un pop-up care vizitatorii vor dori (cel puțin nu urăsc!). Puteți crea, de asemenea, pop-up modal cu constructorul pop-up Elementor.

Să terminăm blogul cu, probabil, cel mai extravagant reclama produs de la o companie de WordPress? Bine, aici te duci!