Ustvarjanje in umeščanje drsnih obrazcev

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

Drsni obrazec je kompakten prijavni obrazec, ki se prikaže na robu ali na izbranem mestu v oknu brskalnika.

Pritegne več pozornosti kot obrazec, umeščen znotraj strani, hkrati pa prekrije manjši del spletnega mesta kot pojavno okno na sredini. Drsni obrazci so primerni za opomnike na e-novice, popuste, posodobitve izdelkov in kratke ponudbe, ki naj ostanejo vidne, medtem ko obiskovalec bere stran.

Ta vodnik pojasnjuje nastavitve, značilne za drsne obrazce. Skupne funkcije za postavitev, vsebino, polja, oznake, tipografijo, sloje in prijavni tok so opisane v glavnem vodniku za gradnik prijavnih obrazcev.

Ustvarjanje drsnega obrazca

Odprite »Signup Forms«, kliknite »Create Form« in izberite »Slide-in«. Vnesite jasno interno ime in nadaljujte v gradnik.

Obstoječi drsni obrazec lahko uredite tudi tako, da kliknete njegovo ime v pregledu prijavnih obrazcev.

Uporabite ime, kot je »Blog Newsletter Slide-in«, »New Product Reminder« ali »Summer Coupon Slide-in«. Interno ime vam pomaga pri upravljanju obrazca in obiskovalcem ni samodejno prikazano.

Izbira predloge drsnega obrazca

Drsni obrazci ponujajo prazen obrazec, standardni obrazec in štiri oblikovane predloge:

• Čisti opomnik
• Temna ponudba
• Topel kupon
• Minimalistično sporočilo

Predloge so zasnovane za kratka sporočila, vendar je vsak element še vedno mogoče urejati. Po izbiri začetne predloge lahko spremenite vsebino, polja, barve, tipografijo, obrobo, razmike in gumb za oddajo.

Oblikovanje drsnega obrazca

Z vizualnim gradnikom razporedite drsni obrazec. Vsebuje lahko prijavni obrazec skupaj z besedilom, sliko, videoposnetkom, seznamom, gumbom, družabnimi povezavami, števcem naročnikov, praznim prostorom ali ločilom.

Prostora je manj kot na ciljni strani ali v širokem vdelanem obrazcu. Ponudba naj bo osredotočena, izogibajte pa se dodajanju vsebine, zaradi katere bi morali obiskovalci iskati polja ali gumb za oddajo.

Izberite blok prijavnega obrazca, da nastavite polja, zahtevane podatke, skrite oznake, kazalnik napredka, števec naročnikov, vnosna polja in gumb za oddajo. Odprite »Page settings«, da spremenite ozadje drsnega obrazca in privzete nastavitve njegovega videza.

Postavitev z enim stolpcem je običajno najbolj pregledna izbira. Če uporabite več stolpcev, natančno preverite, kako se zložijo na ozkih zaslonih.

Izbira položaja na zaslonu

Izberite blok prijavnega obrazca in odprite »Widget Settings«. Izbirnik položaja ponuja mrežo tri krat tri:

• zgoraj levo, na sredini zgoraj ali zgoraj desno
• na sredini levo, na sredini ali na sredini desno
• spodaj levo, na sredini spodaj ali spodaj desno

Izberite položaj, ki ne prekriva pomembnih kontrolnikov spletnega mesta. Preden se odločite, preverite obvestila o piškotkih, gradnike za klepet, navigacijo, gumbe nakupovalne košarice in druge fiksne elemente.

Na ozkih mobilnih zaslonih Maildroppa prilagodi postavitev, da se drsni obrazec prilega razpoložljivi širini. Položaji na vrhu ostanejo na vrhu, drugi položaji pa se prikažejo od spodnjega roba. Rezultat vedno preizkusite na majhnem zaslonu, namesto da bi se zanašali samo na položaj na namizju.

Nastavitev zakasnitve prikaza

»Display Delay« določa, koliko sekund Maildroppa počaka, preden prikaže drsni obrazec na vdelani strani spletnega mesta.

Uporabite 0, če naj bo drsni obrazec na voljo takoj. Vnesite daljšo zakasnitev, če želite obiskovalcem najprej omogočiti čas za interakcijo s stranjo. Gradnik sprejema zakasnitev do 86.400 sekund.

Kratka zakasnitev je lahko primerna za preprost opomnik na e-novice. Pri daljšem članku je lahko poznejši prikaz bolj naraven, ponudba pa pomembnejša za zavzete bralce.

Nastavitev pogostosti prikaza

»Display Frequency« določa obdobje, po katerem se lahko drsni obrazec znova prikaže istemu obiskovalcu. Izbirate lahko med:

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

Uporabite pogostost, ki ustreza ponudbi. Začasna promocija morda potrebuje krajši interval, medtem ko se splošni opomnik na e-novice običajno ne mora prikazati ob vsakem obisku.

Pogostost se shrani v brskalniku obiskovalca. Drug brskalnik, zasebno okno za brskanje ali izbrisani podatki brskalnika se obravnavajo kot drugačna zgodovina obiskov.

Povezovanje prijavnega toka

V glavi gradnika preverite dodeljeni prijavni tok. Določa odziv po oddaji, e-pošto za dvojno potrditev in dogajanje po potrditvi.

Izberete lahko obstoječi tok, uredite trenutni tok ali ustvarite tok posebej za ta drsni obrazec. Če si tok deli več obrazcev, spremembe vplivajo na vse.

Predogled in shranjevanje

Kliknite »Preview«, da pregledate drsni obrazec, preden ga dodate na spletno mesto. Preverite izbrani položaj, vedenje ob odprtju, vrstni red polj, kontrolnik za zapiranje in celoten odziv ob prijavi.

Ko so obrazec in nastavitve gradnika pripravljeni, kliknite »Save changes«. Nato se vrnite v pregled prijavnih obrazcev.

Aktiviranje in vdelava drsnega obrazca

Če drsni obrazec še ni aktiven, ga aktivirajte v meniju dejanj s tremi pikami. Kliknite »Show Code Snippet« in kopirajte celotno kodo z zavihka »JavaScript«.

To skripto dodajte na vsako stran spletnega mesta, na kateri naj bo drsni obrazec na voljo. Za razliko od vdelanega obrazca natančen položaj skripte znotraj strani ne določa vidnega položaja drsnega obrazca. Njegov položaj določa nastavitev v razdelku Widget Settings.

Zavihek »HTML« vsebuje ustvarjeno označevalno kodo za prilagojene izvedbe. Če vaše spletno mesto uporablja to možnost, skrbno preizkusite celotno interakcijo in tok oddaje.

Za splošna navodila o umestitvi kode glejte Izdelava in vdelava vdelanega obrazca.

Preizkušanje drsnega obrazca na vašem spletnem mestu

Ko dodate kodo, preizkusite pravo stran spletnega mesta:

1. Preverite, ali se drsni obrazec prikaže po izbrani zakasnitvi.
2. Na širokem zaslonu potrdite njegov položaj.
3. Na ozkem zaslonu preverite prilagojeni položaj in širino.
4. Prepričajte se, da ne prekriva navigacije, kontrolnikov za piškotke, gumbov za klepet ali drugih pomembnih dejanj.
5. Preizkusite odpiranje in zapiranje drsnega obrazca.
6. Oddajte obrazec in dokončajte postopek dvojne potrditve.
7. V Maildroppa preverite naročnika in skrite oznake.

Nastavitev pogostosti lahko prepreči, da bi se obrazec med ponavljajočimi se preizkusi znova prikazal. Ko morate simulirati novega obiskovalca, uporabite zasebno okno za brskanje ali izbrišite ustrezne podatke brskalnika.

Posodabljanje ali deaktiviranje drsnega obrazca

V Maildroppa odprite isti drsni obrazec, izvedite spremembe, si jih oglejte v predogledu in kliknite »Save changes«. Izsek JavaScript še naprej uporablja isti ID obrazca in naloži shranjeno konfiguracijo.

V pregledu prijavnih obrazcev izberite »Deactivate«, ko želite drsni obrazec umakniti brez brisanja. Če ga na spletnem mestu ne nameravate več uporabljati, iz njega odstranite tudi njegovo skripto.