Izradite i postavite obrasce koji se pojavljuju sa strane

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

Obrazac koji se pojavljuje sa strane kompaktan je obrazac za prijavu koji se prikazuje uz rub ili na odabranom mjestu prozora preglednika.

Privlači više pažnje od obrasca smještenog unutar stranice, a prekriva manji dio web-mjesta od skočnog prozora u sredini. Obrasci koji se pojavljuju sa strane dobro funkcioniraju za podsjetnike na newsletter, popuste, novosti o proizvodima i kratke ponude koje trebaju ostati vidljive dok posjetitelj čita stranicu.

Ovaj vodič objašnjava postavke jedinstvene za obrasce koji se pojavljuju sa strane. Zajedničke funkcije izgleda, sadržaja, polja, oznaka, tipografije, sloja i tijeka prijave opisane su u glavnom vodiču za izradu obrazaca za prijavu.

Izrada obrasca koji se pojavljuje sa strane

Otvorite „Signup Forms”, kliknite „Create Form” i odaberite „Slide-in”. Unesite jasan interni naziv i nastavite u alatu za izradu.

Postojeći obrazac koji se pojavljuje sa strane možete urediti i klikom na njegov naziv u pregledu obrazaca za prijavu.

Upotrijebite naziv kao što su „Blog Newsletter Slide-in”, „New Product Reminder” ili „Summer Coupon Slide-in”. Interni naziv pomaže vam u upravljanju obrascem i ne prikazuje se automatski posjetiteljima.

Odabir predloška obrasca koji se pojavljuje sa strane

Obrasci koji se pojavljuju sa strane nude prazan obrazac, standardni obrazac i četiri dizajnirana predloška:

• Clean reminder
• Dark offer
• Warm coupon
• Minimal note

Predlošci su osmišljeni za kratke poruke, ali svaki element ostaje moguće uređivati. Nakon odabira početnog predloška možete promijeniti sadržaj, polja, boje, tipografiju, obrub, razmak i gumb za slanje.

Dizajniranje obrasca koji se pojavljuje sa strane

Vizualnim alatom za izradu rasporedite elemente obrasca koji se pojavljuje sa strane. Može sadržavati obrazac za prijavu zajedno s tekstom, slikom, videozapisom, popisom, gumbom, poveznicama na društvene mreže, brojačem pretplatnika, praznim prostorom ili razdjelnikom.

Prostor je ograničeniji nego na odredišnoj stranici ili širokom ugrađenom obrascu. Neka ponuda bude usmjerena i izbjegavajte dodavanje sadržaja zbog kojeg bi posjetitelji morali tražiti polja ili gumb za slanje.

Odaberite blok obrasca za prijavu kako biste konfigurirali polja, obavezne podatke, skrivene oznake, pokazatelj napretka, brojač pretplatnika, polja za unos i gumb za slanje. Otvorite „Page settings” kako biste promijenili pozadinu obrasca koji se pojavljuje sa strane i zadane postavke njegova ukupnog izgleda.

Raspored u jednom stupcu obično je najjasniji izbor. Ako upotrebljavate više stupaca, pažljivo provjerite kako se slažu na uskim zaslonima.

Odabir položaja na zaslonu

Odaberite blok obrasca za prijavu i otvorite „Widget Settings”. Birač položaja nudi mrežu tri puta tri:

• Gornji lijevi, gornji središnji ili gornji desni
• Srednji lijevi, središnji ili srednji desni
• Donji lijevi, donji središnji ili donji desni

Odaberite položaj koji ne prekriva važne kontrole web-mjesta. Prije donošenja odluke provjerite obavijesti o kolačićima, chat-widgete, navigaciju, gumbe košarice i druge fiksne elemente.

Na uskim mobilnim zaslonima Maildroppa pojednostavljuje smještaj kako bi obrazac koji se pojavljuje sa strane stao u dostupnu širinu. Gornji položaji ostaju pri vrhu, dok se ostali položaji prikazuju uz donji rub. Uvijek testirajte rezultat na malom zaslonu umjesto da se oslanjate samo na položaj na stolnom računalu.

Postavljanje odgode prikaza

„Display Delay” određuje koliko sekundi Maildroppa čeka prije nego što prikaže obrazac koji se pojavljuje sa strane na ugrađenoj stranici web-mjesta.

Upotrijebite 0 kada obrazac treba biti odmah dostupan. Unesite dulju odgodu ako posjetiteljima najprije želite dati vremena da se posvete stranici. Alat za izradu prihvaća odgodu do 86.400 sekundi.

Kratka odgoda može dobro funkcionirati za jednostavan podsjetnik na newsletter. Kod duljeg članka kasniji prikaz može djelovati prirodnije i učiniti ponudu relevantnijom čitateljima koji su se zainteresirali za sadržaj.

Postavljanje učestalosti prikaza

„Display Frequency” određuje razdoblje nakon kojeg se obrazac koji se pojavljuje sa strane može ponovno prikazati istom posjetitelju. Možete odabrati:

• Always
• Once per hour
• Once per day
• Once per week
• Once per month

Upotrijebite učestalost koja odgovara ponudi. Privremena promocija možda zahtijeva kraći razmak, dok se opći podsjetnik na newsletter obično ne mora prikazivati pri svakom posjetu.

Učestalost se pohranjuje u pregledniku posjetitelja. Drugi preglednik, privatni prozor za pregledavanje ili izbrisana pohrana preglednika smatraju se drugačijom poviješću posjeta.

Povezivanje tijeka prijave

Provjerite dodijeljeni tijek prijave u zaglavlju alata za izradu. On određuje odgovor nakon slanja, poruku e-pošte za Double Opt-in i ono što se događa nakon potvrde.

Možete odabrati postojeći tijek, urediti trenutačni tijek ili izraditi tijek posebno za ovaj obrazac koji se pojavljuje sa strane. Ako isti tijek upotrebljava više obrazaca, njegove promjene utječu na sve njih.

Pregled i spremanje

Kliknite „Preview” kako biste pregledali obrazac koji se pojavljuje sa strane prije nego što ga dodate na svoje web-mjesto. Provjerite odabrani položaj, ponašanje pri otvaranju, redoslijed polja, kontrolu za zatvaranje i potpuni odgovor nakon prijave.

Kliknite „Save changes” kada su obrazac i postavke widgeta spremni. Zatim se vratite na pregled obrazaca za prijavu.

Aktivacija i ugrađivanje obrasca koji se pojavljuje sa strane

Aktivirajte obrazac koji se pojavljuje sa strane putem izbornika radnji s tri točke ako već nije aktivan. Kliknite „Show Code Snippet” i kopirajte potpuni kôd s kartice „JavaScript”.

Dodajte ovu skriptu na svaku stranicu web-mjesta na kojoj obrazac treba biti dostupan. Za razliku od ugrađenog obrasca, točan položaj skripte unutar stranice ne određuje vidljivi položaj obrasca koji se pojavljuje sa strane. Položajem koji ste odabrali u postavkama widgeta određuje se gdje će se obrazac prikazati.

Kartica „HTML” sadrži generirano označavanje za prilagođene implementacije. Ako vaše web-mjesto upotrebljava tu mogućnost, pažljivo testirajte potpunu interakciju i tijek slanja.

Opće upute za postavljanje kôda potražite u vodiču Izrada i ugrađivanje ugrađenog obrasca.

Testiranje obrasca koji se pojavljuje sa strane na vašem web-mjestu

Nakon dodavanja kôda testirajte stvarnu stranicu web-mjesta:

1. Provjerite pojavljuje li se obrazac nakon odabrane odgode.
2. Potvrdite njegov položaj na širokom zaslonu.
3. Provjerite prilagođeni položaj i širinu na uskom zaslonu.
4. Provjerite da ne prekriva navigaciju, kontrole kolačića, gumbe za chat ni druge važne radnje.
5. Testirajte otvaranje i zatvaranje obrasca.
6. Pošaljite obrazac i dovršite postupak Double Opt-in.
7. Provjerite pretplatnika i skrivene oznake u sustavu Maildroppa.

Postavka učestalosti može spriječiti ponovno pojavljivanje obrasca tijekom ponovljenih testova. Upotrijebite privatni prozor za pregledavanje ili izbrišite odgovarajuću pohranu preglednika kada trebate simulirati novog posjetitelja.

Ažuriranje ili deaktivacija obrasca koji se pojavljuje sa strane

Otvorite isti obrazac koji se pojavljuje sa strane u sustavu Maildroppa, unesite promjene, pregledajte ih i kliknite „Save changes”. Isječak JavaScripta nastavlja upotrebljavati isti ID obrasca i učitava spremljenu konfiguraciju.

Odaberite „Deactivate” u pregledu obrazaca za prijavu kada obrazac treba ukloniti s web-mjesta bez brisanja. Uklonite njegovu skriptu s web-mjesta ako ga ondje više ne planirate upotrebljavati.