Trebate znati kako stvoriti skočne prozore s Elementor ?
Elementor nije samo alat za izradu stranica. To je WordPress plugin svestran. Postoji nekoliko drugih stvari koje možete učiniti s njim Elementor osim izrade web stranica. Jedan od njih je stvaranje skočnih prozora.
U ovom ćemo vam članku pokazati kako stvoriti skočni prozor uz pomoć značajke Popup BuilderElementor.
Stvaranje skočnog prozora s Elementorom vrlo je jednostavno. Možete stvoriti svoj skočni prozor s vizualnim sučeljem Elementora gdje se sve povlači i ispušta. Elementor također nudi predloške skočnih prozora koje možete koristiti za izradu svojih skočnih prozora. Jednostavno ćete morati odabrati model, objaviti ga i definirati okidač.
Otkrijte Kako instalirati Elementor na WordPress
Prije nego što krenemo dalje, ključno je napomenuti da je Elementor's Popup Builder dostupan samo na pro verziji.
Kako stvoriti skočni prozor s Elementorom
Kada stvarate skočni prozor s Elementorom, možete postaviti okidač (radnju za prikaz skočnog prozora) i konfigurirati uvjet (na kojim stranicama želite da se vaš skočni prozor pojavi). Osim toga, također možete postaviti napredno pravilo (opisano u nastavku).
Pročitajte također: Kako stvoriti višebojni gumb za gradijent u Elementoru
U ovom ćemo vodiču izraditi skočni prozor s pozivom na radnju s okidačem na klikove gumba. Skočni prozor će se prikazati kada korisnik klikne gumb.
Pod pretpostavkom da ste instalirali Elementor Pro, prijavite se na WordPress nadzornu ploču i idite na Predlošci – > Skočni prozori a zatim pritisnite gumb Dodaj On iznad.
Dajte ime svom skočnom prozoru i kliknite gumb IZRADI MODEL.
Odaberite skočni predložak koji želite koristiti. Prijeđite mišem preko njega i kliknite gumb umetnuti da ga umetnete u Elementor editor.
Ako želite stvoriti skočni prozor od nule, možete jednostavno zatvoriti biblioteku predložaka da biste otvorili Elementorov uređivač.
U uređivaču Elementor možete prilagoditi skočni prozor. Zadani sadržaj (osobito tekstove) možete zamijeniti vlastitim sadržajem. Upotrijebite preglednik za lakše skakanje između odjeljaka i widgeta.
Također možete dodati animaciju za ulaz/izlaz, omogućiti/onemogućiti preklapanje i omogućiti/onemogućiti gumb za zatvaranje.
Nakon što završite, kliknite na gumb Objavi.
U sljedećem koraku od vas će se tražiti da postavite uvjete prikaza i okidače. Također postoji opcija postavljanja naprednih pravila:
- Pojmovi prikaza: Određuje na kojim se stranicama skočni prozor pojavljuje na vašoj web stranici. Možete konfigurirati skočni prozor da se pojavi na cijeloj web stranici, određenim stranicama, određenim objavama, određenim kategorijama itd.
- Okidači: Okidač je radnja za prikaz skočnog prozora. Elementor podržava 6 vrsta okidača: pri učitavanju stranice, pri pomicanju, pri pomicanju elementa, pri kliku, Nakon neaktivnosti, izlaz na stranici
- Napredna pravila: Zahtjevi koji moraju biti ispunjeni da bi se skočni prozor pojavio. Na primjer, možete konfigurirati skočni prozor da se pojavi ako posjetitelj dođe na vašu web stranicu putem tražilice ili određenog URL-a. Sam Elementor's Popup Builder nudi 7 naprednih opcija pravila koje možete postaviti.
Budući da želimo prikazati skočni prozor kada korisnik klikne gumb, otvorite karticu okidači i aktivirajte opciju Na klik, Kliknite na Spremi i zatvori.
Napravite novu stranicu/post i uredite je pomoću Elementora (možete urediti i postojeću stranicu).
Dodajte Widget gumba povlačenjem s lijeve ploče u područje za uređivanje. Ili, ako uređujete postojeću stranicu koja već sadrži gumb, kliknite widget Gumb da biste ga stavili u način uređivanja.
Otkrijte također: Kako postaviti prilagođenu veličinu za ikonu gumba Elementor
Na opciju dugme ispod kartice Sadržaj, postavite vezu na Popup. Da biste to učinili, možete kliknuti u odjeljku Dinamička veza.
Pritisnite ikonu francuskog ključa na polju Popup i odaberite skočni prozor koji ste upravo stvorili. Upišite naziv skočnog prozora da biste pronašli svoj skočni prozor.
Kliknite OBJAVI / AŽURIRAJ nakon uređivanja stranice. Prije klika na gumb OBJAVI / AŽURIRAJ, prvo možete pregledati svoju stranicu kako biste vidjeli radi li skočni prozor.
Nabavite Elementor Pro sada!!!
Zaključak
Uz Elementor Pro više ne morate instalirati nikakav dodatak za skočne prozore jer značajke koje nudi Elementor Pro uključuju alat za izradu skočnih prozora.
Elementor's Popup Builder omogućuje vam stvaranje bilo koje vrste skočnih prozora. Od skočnog prozora s pozivom na radnju kakav smo upravo stvorili gore, skočni prozor od obrazac registracija, traka s obavijestima, gumb za dijeljenje na društvenim mrežama itd.
Budući da se skočni prozor stvara pomoću uređivača Elementor, u osnovi možete dodati bilo koji widget u svoj skočni prozor. S Elementor's Popup Builderom također možete izraditi kreativni izbornik web stranice kao što je ovaj ispod:
Elementor nudi predloške skočnih prozora kako biste uštedjeli vrijeme pri stvaranju skočnih prozora. Također možete koristiti predložak ako nemate ideju kakav dizajn skočnog prozora želite stvoriti.
Ovdje! To je to za ovaj članak koji vam pokazuje kako stvoriti skočne prozore s Elementorom. Ako imate bilo kakvih nedoumica o tome kako doći tamo, javite nam unutar Komentari.
Međutim, možete se konzultirati naši resursi, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na internetu Izrada bloga WordPress ili onaj koji je uključen Divi: najbolja WordPress tema svih vremena.
Ali u međuvremenu, ovaj članak podijelite na svojim različitim društvenim mrežama.
...
