Ustvarite in prikažite pojavne obrazce

Published: 16. julij 2026 · Last updated: 21. julij 2026 · By Marcus Biel

Pojavno okno se prikaže nad vsebino vašega spletnega mesta. Ponudbo za prijavo postavi neposredno v vidno polje obiskovalca, medtem ko stran v ozadju ostane na mestu.

Pojavna okna so uporabna za ponudbe novic, popuste, prijave na dogodke, magnete za pridobivanje potencialnih strank in druge osredotočene pozive k dejanju. Ker prekinejo običajno izkušnjo na strani, sta čas prikaza in pogostost prav tako pomembna kot zasnova.

Ta vodnik pojasnjuje nastavitve, značilne za pojavna okna. Postavitve, vsebinski bloki, polja naročnikov, oznake, tipografija, plasti in prijavni tokovi so obravnavani v glavnem vodniku za ustvarjalnik prijavnih obrazcev.

Ustvarjanje pojavnega okna

Odprite »Signup Forms«, kliknite »Create Form« in izberite »Popup«. Vnesite jasno interno ime in nadaljujte v ustvarjalnik.

Obstoječe pojavno okno lahko uredite tudi tako, da kliknete njegovo ime v pregledu prijavnih obrazcev.

Uporabite ime, ki pojasnjuje ponudbo ali umestitev, na primer »Homepage Discount Popup«, »Webinar Registration Popup« ali »Guide Download Popup«. Interno ime se obiskovalcem ne prikaže samodejno.

Izbira predloge pojavnega okna

Pojavna okna ponujajo prazen obrazec, standardni obrazec in štiri oblikovane predloge:

• Čist popust
• Topel vodnik
• Temni spletni seminar
• Nežna skupnost

Izberite predlogo, katere velikost in struktura vsebine ustrezata ponudbi. Vse besedilo, polja, barve, slike, razmike in postavitev lahko pozneje spremenite.

Oblikovanje pojavnega okna

Z vizualnim ustvarjalnikom uredite pojavno okno. Prijavni obrazec lahko kombinirate z besedilom, slikami, videoposnetki, seznami, gumbi, družbenimi povezavami, števcem naročnikov, praznimi prostori in ločilniki.

Glavno sporočilo naj bo dovolj kratko, da ga je mogoče takoj razumeti. Jasna naslovna vrstica, ena kratka razlaga in določen gumb za pošiljanje so običajno učinkovitejši od več konkurenčnih sporočil.

Izberite blok prijavnega obrazca, da nastavite polja, zahtevane podatke, skrite oznake, indikator napredka, števec naročnikov, vnose in gumb za pošiljanje. Odprite »Page settings«, da spremenite splošno ozadje pojavnega okna in privzete nastavitve videza.

Pojavno okno se prikaže nad spletnim mestom z možnostjo zapiranja. Okoli pomembnega besedila in polj pustite dovolj vizualnega prostora, da obrazec ostane enostaven za uporabo na majhnem zaslonu.

Nastavitev vedenja pojavnega okna

Izberite blok prijavnega obrazca in odprite »Widget Settings«. Ta razdelek določa, kdaj se pojavno okno prikaže in kako pogosto ga lahko obiskovalec vidi.

Zakasnitev prikaza

»Display Delay« določa, koliko sekund Maildroppa počaka, preden prikaže pojavno okno na strani vdelanega spletnega mesta.

Vnesite 0, če ga želite prikazati brez dodatne zakasnitve. Uporabite večjo vrednost, če želite obiskovalcem omogočiti, da si pred prikazom ponudbe vzamejo čas za branje strani. Ustvarjalnik sprejema zakasnitev do 86.400 sekund.

Zakasnitev izberite glede na stran. Kratka zakasnitev je lahko primerna na osredotočeni kampanjski strani, daljša zakasnitev pa je lahko manj moteča v članku.

Pogostost prikaza

»Display Frequency« določa obdobje, po katerem se lahko pojavno okno znova prikaže istemu obiskovalcu. Razpoložljive možnosti so:

• Vedno
• Enkrat na uro
• Enkrat na dan
• Enkrat na teden
• Enkrat na mesec

Možnost »Always« uporabljajte previdno. Pojavno okno, ki istega obiskovalca večkrat prekinja, lahko postane nadležno. Dnevna ali tedenska pogostost je pogosto boljše izhodišče za splošno ponudbo spletnega mesta.

Pogostost se shrani v brskalniku obiskovalca. Zato lahko testiranje v drugem brskalniku, zasebnem oknu ali po izbrisu shrambe brskalnika prikaže drugačen rezultat.

Uporaba namere izhoda

Omogočite »Exit Intent Popup«, če želite pojavno okno odpreti, ko obiskovalec kazalec premakne iz območja strani, kar nakazuje, da jo morda namerava zapustiti.

Ko je namera izhoda omogočena, pojavno okno čaka na to vedenje, namesto da bi upoštevalo običajen zamik prikaza. Izbrana pogostost prikaza še vedno preprečuje, da bi se prikazalo prehitro znova.

Namera izhoda temelji na premikanju kazalca, zato je pomembna predvsem v namiznih in prenosnih brskalnikih. Naprave na dotik ne zagotavljajo enakega signala izhoda. Vedno poskrbite, da lahko mobilni obiskovalci vašo ponudbo za prijavo odkrijejo tudi prek same strani ali drugega ustreznega obrazca.

Ročno odpiranje pojavnega okna iz elementa strani

Pojavno okno se lahko odpre, ko obiskovalec na vašem spletnem mestu klikne določen gumb, sliko ali povezavo. To je sprožilec ročnega klika. Razlikuje se od možnosti »Exit Intent Popup«, ki se odzove, ko obiskovalec kazalec premakne iz območja strani.

Sprožilec ročnega klika nastavite in namestite tako:

1. Odprite pojavno okno v ustvarjalniku prijavnih obrazcev.
2. Kliknite blok prijavnega obrazca na platnu in na desni odprite »Settings«.
3. Razširite »Widget Settings« in omogočite »Open popup when a customer clicks a page element«.
4. Kliknite »Save changes«.
5. Vrnite se v pregled prijavnih obrazcev in aktivirajte pojavno okno, če je neaktivno.
6. V vrstici tega pojavnega okna kliknite »Show Code Snippet«.

Pogovorno okno vsebuje dve vrednosti, ki ju potrebujete na svojem spletnem mestu:

1. Kopirajte celotno kodo z zavihka »JavaScript« in jo dodajte na stran spletnega mesta, na kateri naj bo pojavno okno na voljo.
2. Pod kodo kopirajte ID, prikazan pod »Add this ID to element from which you want to manually trigger Popup«.
3. Točno to vrednost dodajte v atribut id gumba, slike ali povezave, ki naj odpre pojavno okno.

ID ima naslednjo obliko:

maildroppa-popup-btn-[form-id]

Na primer:

<button id="maildroppa-popup-btn-[form-id]">Pridobi vodnik</button>

JavaScript naloži pojavno okno. ID poveže pojavno okno z izbranim elementom strani. Oba morata biti prisotna na isti objavljeni strani. Ko obiskovalec klikne element s točnim ID-jem, skript Maildroppa odpre pojavno okno.

Če ima gumb na vašem spletnem mestu že ID iz drugega sistema pojavnih oken, ga zamenjajte z ID-jem sprožilca Maildroppa, kadar naj klik upravlja Maildroppa. Pojavnega okna Maildroppa ne vstavljajte v drugo pojavno okno, ki ga zagotavlja ustvarjalnik vašega spletnega mesta.

Vsak HTML-ID uporabite na strani samo enkrat. Če naj isto pojavno okno odpre več elementov, prosite osebo, ki izvaja spletno mesto, naj te elemente poveže brez podvajanja istega ID-ja.

Povezovanje prijavnega toka

Preglejte dodeljeni prijavni tok v glavi ustvarjalnika. Ta nadzoruje takojšnji odziv po pošiljanju, e-poštno sporočilo dvojne potrditve in rezultat po potrditvi.

Izberete lahko obstoječi tok, ga uredite ali ustvarite ločen tok za to pojavno okno. Namenski tok je uporaben, ko ponudba potrebuje lastno potrditveno sporočilo ali dostavo magneta za pridobivanje potencialnih strank.

Predogled in shranjevanje

Kliknite »Preview«, da preverite zasnovo in vedenje pojavnega okna, ne da bi spremenili različico, ki se uporablja na vašem spletnem mestu. Preglejte postavitev, možnost zapiranja, vrstni red polj, prostor za preverjanje veljavnosti in odziv po pošiljanju.

Ko je pojavno okno pripravljeno, kliknite »Save changes«. Nato se vrnite v pregled prijavnih obrazcev.

Aktiviranje in samodejno vdelovanje pojavnega okna

Če pojavno okno še ni aktivno, ga aktivirajte v meniju dejanj s tremi pikami. Nato kliknite »Show Code Snippet« in kopirajte celotno kodo z zavihka »JavaScript«.

Skript dodajte na vsako stran spletnega mesta, na kateri naj bo pojavno okno na voljo. Koda vsebuje edinstveni ID obrazca pojavnega okna in naloži njegovo trenutno shranjeno konfiguracijo.

Zavihek »HTML« ponuja ustvarjeno označevanje za prilagojene izvedbe. Če ga uporabite, natančno preizkusite vse vedenje in korake pošiljanja, saj lahko koda in slogi vašega spletnega mesta vplivajo na rezultat.

Ta razdelek velja, kadar naj se pojavno okno samodejno odpre na podlagi zakasnitve prikaza ali vedenja ob nameri izhoda. Za gumb, sliko ali povezavo, ki odpre pojavno okno ob kliku, sledite navodilom

.

Za splošna navodila za vdelavo glejte Izdelava in vdelava vdelanega obrazca.

Preizkušanje pojavnega okna na spletnem mestu

Po dodajanju kode pojavno okno preizkusite na dejanski strani spletnega mesta:

1. Preverite nastavljeno zakasnitev.
2. Preizkusite gumb za zapiranje in klik zunaj obrazca.
3. Če je omogočeno, premaknite kazalec izven strani, da preizkusite namero izhoda.
4. Če je omogočeno, kliknite nastavljen element strani, da preizkusite ročni sprožilec.
5. Preverite postavitev na ozkem zaslonu.
6. Pošljite obrazec in dokončajte postopek dvojne potrditve.
7. Preverite naročnika in skrite oznake v Maildroppa.

Nastavitev pogostosti lahko prepreči, da bi se pojavno okno med ponavljajočimi se preizkusi znova prikazalo. Ko potrebujete čist testni obisk, uporabite zasebno okno ali izbrišite ustrezno shrambo brskalnika.

Posodabljanje ali deaktiviranje pojavnega okna

Če želite posodobiti pojavno okno, ga odprite v Maildroppa, uredite zasnovo ali vedenje, si oglejte predogled in kliknite »Save changes«. Izsek JavaScript bo še naprej uporabljal isti ID obrazca.

Če ga želite začasno prenehati prikazovati, v meniju dejanj izberite »Deactivate«. Deaktiviranje ohrani pojavno okno in njegove prejšnje podatke poročil. Če skript ali sprožilni element nista več potrebna, ju odstranite tudi s spletnega mesta.