Trebuie să vă dați seama cum să deschideți o fereastră pop-up Elementor în Gutenberg?
În comunitățile online, există întotdeauna un lucru care este discutabil: ferestrele pop-up. Unii oameni se întreabă dacă să folosească sau nu ferestre pop-up. Dar, în opinia noastră, ferestrele pop-up sunt în regulă dacă ferestrele pop-up pe care le-ați creat sunt simple, atractive și nu deranjează utilizatorii dvs.
Să presupunem că ați creat deja ferestrele pop-up cu Elementor și doriți să le deschideți în editorul WordPress Gutenberg; deoarece doriți să implementați ferestre pop-up în postările sau paginile dvs. de blog. Dacă vă întrebați, este posibil să faceți acest lucru? Ei bine, răspunsul este da, este posibil.
Acest articol vă va arăta cum să deschideți ferestre pop-up Elementor în Gutenberg.
Cum se deschide Elementor Popup în Editorul Gutenberg WordPress
Pasul 1: Pregătiți pop-up-ul
Navigați la șablonul pop-up creat. Dacă sunteți nou în Elementor și doriți să învățați cum să creați ferestre pop-up, puteți consulta următorul tutorial: făcând clic pe acest drept de sechestru.
Bine, odată ce crearea pop-up-ului este finalizată, faceți clic pe pictograma roată ( ️ ) din colțul din stânga jos al panoului de setări a elementului pentru a deschide panoul pop-up. În panoul de setări pop-up, navigați la fila avansat și adăugați un selector pe teren Deschide prin selector .
Asigurați-vă că adăugați simbolul punctului ca prefix ( de exemplu, .popup12345).
După ce ați adăugat selectorul specificat, nu uitați să actualizați sau să publicați șablonul pop-up.
Remarque: În filă Condiții de afișare a pop-up-ului dvs., vă rog configurați-l pentru a afișa pop-up-ul pe Site întreg; Acest lucru vă va permite să accesați pop-up-ul în ansamblu site-ul web. De asemenea, nu trebuie să definiți un declanșator, deoarece veți afișa fereastra pop-up de selectorul pe care tocmai l-ați definit.
Pasul 2: Deschideți fereastra pop-up în Gutenberg
Acum este timpul să deschideți fereastra pop-up în editorul WordPress Gutenberg.
Accesați editorul Gutenberg al WordPress; poți crea unul nou cuprins (pagina/publicație) sau selectați a cuprins existent. Apoi, alegeți orice bloc pe care doriți să îl utilizați ca declanșator pentru ca pop-up să apară.
În acest tutorial, vom folosi un bloc Buttons.
După ce ați decis ce bloc doriți să utilizați ca declanșator pentru a afișa fereastra pop-up, accesați Setări Blocare – > Avansat. Apoi adăugați-vă Clase CSS specificate în Clasă ( e ) CSS suplimentară campion.
Bun. Asta e. Pentru a vedea cum a funcționat, publicați proiectul și deschideți-l într-o fereastră nouă.
Obțineți Elementor Pro acum!!!
Concluzie
Acest articol vă arată cât de ușor puteți deschide un pop-up Elementor în editorul Gutenberg al WordPress. Sperăm că acest articol vă va fi de folos. Nu în ultimul rând, rețineți că succesul pop-up-ului dvs. depinde de conversia utilizatorilor dvs. folosind a cuprins un îndemn la acțiune relevant și convingător.
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.
...
