Treba znati kako kreirati iskačuće prozore Elementor ?

Elementor nije samo kreator stranica. To je WordPress dodatak svestran. Postoji nekoliko drugih stvari koje možete učiniti s njim Elementor osim kreiranja web stranica. Jedna od njih je kreiranje iskačućih prozora.

U ovom članku ćemo vam pokazati kako da kreirate iskačući prozor uz pomoć značajke Popup BuilderElementor.

Kreiranje skočnog prozora pomoću Elementora je super jednostavno. Možete kreirati svoj iskačući prozor sa vizuelnim interfejsom Elementora gde se sve može povući i ispustiti. Elementor također nudi iskačuće šablone koje možete koristiti za kreiranje iskačućih prozora. Jednostavno ćete morati odabrati model, objaviti ga i definirati okidač.

Discover Kako instalirati Elementor na WordPress

Prije nego što krenete dalje, ključno je napomenuti da je Elementorov Popup Builder dostupan samo u pro verziji.

Kako napraviti iskačući prozor pomoću Elementora

Prilikom kreiranja iskačućeg prozora pomoću Elementora, možete postaviti okidač (radnju za prikaz iskačućeg prozora) i konfigurirati uvjet (na kojim stranicama želite da se vaš skočni prozor pojavi). Osim toga, možete postaviti i napredno pravilo (o čemu se govori dalje u nastavku).

Pročitajte takođe: Kako kreirati višebojni gradijent dugme u Elementoru

U ovom vodiču ćemo kreirati iskačući prozor sa pozivom na akciju sa okidačem na klikove na dugme. Iskačući prozor će se prikazati kada korisnik klikne na dugme.

Pod pretpostavkom da ste instalirali Elementor Pro, prijavite se na WordPress kontrolnu tablu i idite na Predlošci – > Skočni prozori i kliknite na dugme dodati gore.

Dajte ime svom skočnom prozoru i kliknite na dugme KREIRAJTE MODEL.

Odaberite iskačući predložak koji želite koristiti. Zadržite pokazivač miša preko njega i kliknite na dugme umetnuti da ga umetnete u uređivač Elementor.

Ako više volite da kreirate iskačući prozor od nule, možete jednostavno zatvoriti biblioteku šablona da biste otvorili Elementorov uređivač.

U uređivaču Elementor možete prilagoditi skočni prozor. Zadani sadržaj (posebno tekstove) možete zamijeniti svojim vlastitim sadržajem. Koristite pretraživač da olakšate skakanje između odjeljaka i widgeta.

Također možete dodati animaciju za ulazak/izlazak, omogućiti/onemogućiti preklapanje i omogućiti/onemogućiti dugme za zatvaranje.

Elementor Popup Builder

Nakon što završite, kliknite na dugme OBJAVLJUJEMO.

Elementor Popup Builder

U sljedećem koraku od vas će se tražiti da postavite uvjete prikaza i okidače. Postoji i opcija za postavljanje naprednih pravila:

  • Uslovi prikaza: Određuje na kojim stranicama se skočni prozor pojavljuje na vašoj web stranici. Možete konfigurirati skočni prozor tako da se pojavljuje na cijeloj web stranici, određenim stranicama, određenim objavama, određenim kategorijama itd.
  • Okidači: Okidač je radnja za prikaz iskačućeg prozora. Elementor podržava 6 tipova okidača: na učitavanje stranice, na pomicanje, na pomicanje elementa, na klik, Nakon neaktivnosti, na izlazu sa stranice
  • Napredna pravila: Zahtjevi koji moraju biti ispunjeni da bi se skočni prozor pojavio. Na primjer, možete konfigurirati da se skočni prozor pojavljuje ako posjetitelj dođe na vašu web stranicu putem tražilice ili određenog URL-a. Sam Elementorov Popup Builder nudi 7 naprednih opcija pravila koje možete postaviti.

Pošto želimo da prikažemo skočni prozor kada korisnik klikne na dugme, otvorite karticu okidači i aktivirajte opciju On-Click. Kliknite na Sačuvaj i zatvori.

Kreirajte novu stranicu/objavu i uredite je pomoću Elementora (možete urediti i postojeću stranicu).

Dodajte Vidžet za dugme tako što ćete ga prevući sa lijevog panela u područje za uređivanje. Ili, ako uređujete postojeću stranicu koja već sadrži dugme, kliknite na widget Dugme da biste ga stavili u režim za uređivanje.

Otkrijte i: 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 na odjeljak Dynamic Link.

Kliknite na ikonu francuskog ključa na polju popup i odaberite iskačući prozor koji ste upravo kreirali. Unesite ime iskačućeg prozora da biste pronašli svoj skočni prozor.

kliknite na OBJAVITI / AŽURIRATI nakon uređivanja stranice. Prije klika na dugme  OBJAVITI / AŽURIRATI, možete prvo pregledati svoju stranicu da vidite da li iskačući prozor već radi.

kako kreirati iskačuće prozore

Nabavite Elementor Pro odmah!!!

zaključak

Uz Elementor Pro, više ne morate instalirati bilo koji popup plugin jer funkcije koje nudi Elementor Pro uključuju izradu iskačućih prozora.

Elementorov Popup Builder vam omogućava da kreirate bilo koju vrstu iskačućih prozora. Iz iskačućeg prozora s pozivom na akciju kakav smo upravo kreirali iznad, iskačućeg prozora od obrazac registracija, traka s obavijestima, dugme za dijeljenje na društvenim mrežama, itd.

Pošto je iskačući prozor kreiran pomoću Elementorovog uređivača, u osnovi možete dodati bilo koji widget svom iskačućem prozoru. Uz Elementor's Popup Builder, možete kreirati i kreativni meni za web stranicu poput onog ispod:

kako kreirati iskačuće prozore

Elementor nudi predloške iskačućih prozora kako biste uštedjeli vaše vrijeme u kreiranju iskačućih prozora. Možete koristiti i predložak ako nemate pojma koji skočni dizajn želite da kreirate.

Evo! To je sve za ovaj članak koji vam pokazuje kako kreirajte iskačuće prozore pomoću Elementora. 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.

...