Treba da shvatim kako otvoriti popup Elementor u Gutenbergu?
U online zajednicama, uvijek postoji jedna stvar koja je sporna: iskačući prozori. Neki ljudi se pitaju da li da koriste iskačuće prozore ili ne. Ali po našem mišljenju, skočni prozori su u redu ako su iskačući prozori koje ste kreirali jednostavni, atraktivni i ne smetaju vašim korisnicima.
Recimo da ste već kreirali iskačuće prozore sa Elementor i želite da ih otvorite u WordPress Gutenberg editoru; jer želite da postavite skočne prozore na svoje postove na blogu ili stranice. Ako se pitate, da li je to moguće uraditi? Pa, odgovor je da, moguće je.
Ovaj članak će vam pokazati kako otvoriti iskačuće prozore Elementor Gutenberg.
Kako otvoriti Elementor popup u WordPress Gutenberg Editoru
Korak 1: Pripremite popup
Idite do iskačućeg predloška koji ste kreirali. Ako ste novi u Elementoru i želite naučiti kako kreirati iskačuće prozore, možete pogledati sljedeći vodič: klikom na ovo pravo zadržavanja.
U redu, kada je kreiranje iskačućeg prozora završeno, kliknite na ikonu zupčanika (️ ) u donjem lijevom kutu panela postavki stavke da biste otvorili iskačući panel. U iskačućem panelu postavki idite na karticu napredan i dodajte selektor na polje Otvaranje selektorom .
Obavezno dodajte simbol tačke kao prefiks (npr. .popup12345).
Nakon što dodate navedeni birač, ne zaboravite ažurirati ili objaviti svoj popup predložak.
Napomena: Na kartici Uslovi prikaza vašeg skočnog prozora, molim konfigurirajte ga tako da prikazuje vaš skočni prozor na Cijela stranica; Ovo će vam omogućiti pristup vašem popup-u u cjelini site Web. Također ne morate definirati okidač, jer ćete prikazati iskačući prozor pomoću selektora koji ste upravo definirali.
Korak 2: Otvorite skočni prozor u Gutenbergu
Sada je vrijeme da otvorite popup u WordPress Gutenberg editoru.
Idite na WordPress-ov Gutenberg editor; možete kreirati novu sadržaja (stranica/publikacija) ili odaberite a sadržaja postojeći. Zatim odaberite bilo koji blok koji želite koristiti kao okidač za pojavljivanje skočnog prozora.
U ovom vodiču ćemo koristiti blok Buttons.
Nakon što odlučite koji blok želite koristiti kao okidač za prikaz skočnog prozora, idite na Postavke Blokiraj – > Napredno. Zatim dodajte svoje Specificirane CSS klase u Dodatna CSS klasa ( es ) šampion.
Dobro. To je to. Da vidite kako je to funkcioniralo, objavite svoj projekt i otvorite ga u novom prozoru.
Nabavite Elementor Pro odmah!!!
zaključak
Ovaj članak vam pokazuje kako lako možete otvoriti iskačući prozor Elementor u WordPress-ovom Gutenberg editoru. Nadamo se da će vam ovaj članak biti od koristi. Na kraju, ali ne i najmanje važno, imajte na umu da uspjeh vašeg skočnog prozora ovisi o konverziji vaših korisnika pomoću a sadržaja relevantan i uvjerljiv poziv na akciju.
Ako imate bilo kakvih nedoumica oko toga kako doći do tamo, javite nam unutar komentari.
Međutim, možete se posavjetovati naši resursi, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem o Izrada bloga WordPress ili onaj on Divi: najbolja WordPress tema svih vremena.
Ali u međuvremenu, ovaj članak podijelite na svojim različitim društvenim mrežama.
...
