Trebuie să știți cum să creați ferestre pop-up cu Elementor ?
Elementor nu este doar un generator de pagini. E o WordPress plug-in versatil. Există mai multe alte lucruri pe care le puteți face cu el Elementor altele decât crearea de pagini web. Una dintre ele este crearea de ferestre pop-up.
În acest articol, vă vom arăta cum să creați o fereastră pop-up cu ajutorul caracteristicii Popup BuilderElementor.
Crearea unui pop-up cu Elementor este foarte ușoară. Vă puteți crea pop-up cu interfața vizuală a Elementor, unde totul este drag and drop. Elementor oferă, de asemenea, șabloane pop-up pe care le puteți utiliza pentru a vă crea ferestre pop-up. Va trebui pur și simplu să selectați un model, să îl publicați și să definiți declanșatorul.
Descopera Cum se instalează Elementor pe WordPress
Înainte de a merge mai departe, este esențial să rețineți că Elementor's Popup Builder este disponibil numai pe versiunea pro.
Cum se creează o fereastră pop-up cu Elementor
Când creați un pop-up cu Elementor, puteți seta un declanșator (o acțiune pentru afișarea pop-up-ului) și puteți configura condiția (pe ce pagini doriți să apară pop-up-ul). În plus, puteți seta și o regulă avansată (acoperită mai jos).
Citiți și: Cum se creează un buton cu gradient multicolor în Elementor
În acest ghid, vom crea o fereastră pop-up de îndemn cu un declanșator la clicurile pe buton. Fereastra pop-up va apărea când un utilizator face clic pe un buton.
Presupunând că ați instalat Elementor Pro, conectați-vă la tabloul de bord WordPress și accesați Șabloane – > Ferestre pop-up și faceți clic pe butonul Add-On de mai sus.
Dați un nume ferestrei popup și faceți clic pe buton CREAȚI UN MODEL.
Selectați un șablon pop-up pe care doriți să îl utilizați. Treceți mouse-ul peste el și faceți clic pe butonul insera pentru a-l introduce în editorul Elementor.
Dacă preferați să creați pop-up-ul de la zero, puteți pur și simplu să închideți biblioteca de șabloane pentru a deschide editorul Elementor.
În editorul Elementor, puteți personaliza fereastra pop-up. Puteți înlocui conținutul implicit (în special textele) cu propriul conținut. Utilizați browserul pentru a facilita trecerea între secțiuni și widget-uri.
De asemenea, puteți adăuga animație de intrare/ieșire, activați/dezactivați suprapunerea și activați/dezactivați butonul de închidere.
După ce ați terminat, faceți clic pe buton publier.
În pasul următor, vi se va cere să setați condițiile de afișare și declanșatoarele. Există, de asemenea, o opțiune pentru a seta reguli avansate:
- Condiții de afișare: Stabilește pe ce pagini apare popup-ul pe site-ul dvs. web. Puteți configura fereastra pop-up să apară pe întregul site web, anumite pagini, anumite postări, anumite categorii etc.
- Declanșatoare: Un declanșator este o acțiune de afișare a ferestrei pop-up. Elementor acceptă 6 tipuri de declanșatoare: On Page Load, On Scroll, On Element Scroll, On Click, După inactivitate, Ieșire din pagină
- Reguli avansate: Cerințe care trebuie îndeplinite pentru ca fereastra pop-up să apară. De exemplu, puteți configura fereastra pop-up să apară dacă un vizitator ajunge pe site-ul dvs. printr-un motor de căutare sau o anumită adresă URL. Elementor Popup Builder în sine oferă 7 opțiuni avansate de reguli pe care le puteți seta.
Deoarece dorim să afișăm fereastra pop-up atunci când un utilizator dă clic pe un buton, deschideți fila declanșatoare și activați opțiunea La clic. Faceți clic pe Salveaza si inchide.
Creați o pagină/postare nouă și editați-o cu Elementor (puteți edita și o pagină existentă).
Adaugă Widget cu butoane trăgându-l din panoul din stânga în zona de editare. Sau, dacă editați o pagină existentă care conține deja un buton, faceți clic pe widgetul Buton pentru a o pune în modul de editare.
Descoperiți și: Cum să setați dimensiunea personalizată pentru pictograma butonului Elementor
Pe opțiune buton sub filă Conținut, setați linkul la Popup. Pentru a face acest lucru, puteți face clic în secțiune Legătură dinamică.
Faceți clic pe pictograma cheie de pe câmp Popup și selectați pop-up-ul pe care tocmai l-ați creat. Introduceți numele pop-up-ului pentru a vă găsi pop-up.
Faceți clic pe PUBLICARE / ACTUALIZARE după editarea paginii. Înainte de a face clic pe butonul PUBLICARE / ACTUALIZARE, vă puteți previzualiza mai întâi pagina pentru a vedea dacă fereastra pop-up funcționează deja.
Obțineți Elementor Pro acum!!!
Concluzie
Cu Elementor Pro, nu mai trebuie să instalați niciun plugin pop-up, deoarece funcțiile oferite de Elementor Pro includ un generator de pop-up.
Elementor Popup Builder vă permite să creați orice tip de popup. Dintr-o fereastră pop-up cu îndemn, așa cum tocmai am creat mai sus, o fereastră pop-up de formă înregistrare, o bară de notificare, un buton de partajare socială etc.
Deoarece pop-up-ul este creat cu editorul Elementor, practic puteți adăuga orice widget la pop-up. Cu Popup Builder de la Elementor, puteți crea și un meniu creativ pentru site-ul web, cum ar fi cel de mai jos:
Elementor oferă șabloane pop-up pentru a vă economisi timp în crearea unui pop-up. De asemenea, puteți utiliza un șablon dacă nu aveți idee ce design pop-up doriți să creați.
Aici ! Gata pentru acest articol care vă arată cum creați ferestre pop-up cu Elementor. Dacă aveți nelămuriri despre cum să ajungeți acolo, anunțați-ne în termen comentarii.
Cu toate acestea, puteți consulta și resursele noastre, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress sau cea de pe Divi: cea mai bună temă WordPress din toate timpurile.
Dar între timp, împărtășește acest articol pe diferitele rețele de socializare.
...