Креирајте и прикажите искачуће формуларе

Published: 16. јул 2026. · Last updated: 21. јул 2026. · By Marcus Biel

Искачући формулар се приказује изнад садржаја ваше веб-сајта. Поставља понуду за пријаву директно у видно поље посетиоца, док страница у позадини остаје на месту.

Искачући формулари су корисни за понуде билтена, попусте, регистрације за догађаје, магнете за потенцијалне клијенте и друге усмерене позиве на акцију. Пошто прекидају уобичајено искуство на страници, време и учесталост приказивања подједнако су важни као и дизајн.

Овај водич објашњава подешавања специфична за искачуће формуларе. Распореди, блокови садржаја, поља претплатника, ознаке, типографија, слојеви и токови пријаве обрађени су у главном водичу за алатку за прављење формулара за пријаву.

Креирање искачућег формулара

Отворите „Signup Forms“, кликните на „Create Form“ и изаберите „Popup“. Унесите јасан интерни назив и наставите у алатку за прављење.

Постојећи искачући формулар можете уређивати и тако што кликнете на његов назив у прегледу формулара за пријаву.

Користите назив који објашњава понуду или место приказивања, као што су „Homepage Discount Popup“, „Webinar Registration Popup“ или „Guide Download Popup“. Интерни назив се посетиоцима не приказује аутоматски.

Избор шаблона искачућег формулара

Искачући формулари нуде празан формулар, стандардни формулар и четири дизајнирана шаблона:

• Чист попуст
• Топао водич
• Тамни вебинар
• Нежна заједница

Изаберите шаблон чија величина и структура садржаја одговарају понуди. Сав текст, поља, боје, слике, размаци и распоред могу се накнадно променити.

Дизајнирање искачућег формулара

Користите визуелну алатку за прављење да бисте распоредили искачући формулар. Формулар за пријаву можете комбиновати са текстом, сликама, видео-записима, листама, дугмадима, везама ка друштвеним мрежама, бројачем претплатника, празним просторима и раздвајачима.

Главна порука треба да буде довољно кратка да се одмах разуме. Јасан наслов, једно кратко објашњење и конкретно дугме за слање обично су делотворнији од више порука које се надмећу за пажњу.

Изаберите блок формулара за пријаву да бисте подесили поља, обавезне информације, скривене ознаке, индикатор напретка, бројач претплатника, уносе и дугме за слање. Отворите „Page settings“ да бисте променили укупну позадину и подразумеване поставке изгледа искачућег формулара.

Искачући формулар се приказује преко веб-сајта са контролом за затварање. Оставите довољно визуелног простора око важног текста и поља како би формулар остао једноставан за коришћење на малом екрану.

Подешавање понашања искачућег формулара

Изаберите блок формулара за пријаву и отворите „Widget Settings“. Овај одељак одређује када се искачући формулар приказује и колико често посетилац може да га види.

Кашњење приказивања

„Display Delay“ одређује колико секунди Maildroppa чека пре него што прикаже искачући формулар на уграђеној страници веб-сајта.

Унесите 0 да би се приказао без додатног кашњења. Користите већу вредност када посетиоци треба да имају времена да прочитају страницу пре него што се понуда појави. Алатка прихвата кашњење до 86.400 секунди.

Изаберите кашњење на основу странице. Кратко кашњење може бити прикладно на усмереној кампањској страници, док дуже кашњење може бити мање наметљиво у чланку.

Учесталост приказивања

„Display Frequency“ одређује период након којег се искачући формулар може поново приказати истом посетиоцу. Доступне опције су:

• Увек
• Једном на сат
• Једном дневно
• Једном недељно
• Једном месечно

Опцију „Always“ користите опрезно. Искачући формулар који више пута прекида истог посетиоца може постати фрустрирајућ. Дневна или недељна учесталост често је боља почетна поставка за понуду на општем веб-сајту.

Учесталост се чува у прегледачу посетиоца. Зато тестирање у другом прегледачу, приватном прозору или након брисања меморије прегледача може дати другачији резултат.

Коришћење намере изласка

Омогућите „Exit Intent Popup“ када искачући формулар треба да се отвори након што посетилац помери показивач ван области странице, што указује на то да можда намерава да оде.

Када је намера изласка омогућена, искачући формулар чека ово понашање уместо да прати уобичајено одложено приказивање. Изабрана учесталост приказивања и даље спречава његово поновно приказивање пре истека одговарајућег периода.

Намера изласка заснива се на померању показивача и зато је углавном релевантна за прегледаче на рачунарима и лаптоповима. Уређаји са додирним екраном не пружају исти сигнал изласка. Увек се уверите да посетиоци на мобилним уређајима и даље могу да открију понуду за пријаву преко саме странице или другог одговарајућег формулара.

Ручно отварање искачућег формулара са елемента странице

Искачући формулар може да се отвори када посетилац кликне на одређено дугме, слику или везу на вашем веб-сајту. То је ручни окидач кликом. Разликује се од опције „Exit Intent Popup“, која реагује када посетилац помери показивач ван странице.

Ручни окидач кликом подесите и инсталирајте на следећи начин:

1. Отворите искачући формулар у алатки Signup Form Builder.
2. Кликните на блок формулара за пријаву на платну и отворите „Settings“ са десне стране.
3. Проширите „Widget Settings“ и омогућите „Open popup when a customer clicks a page element“.
4. Кликните на „Save changes“.
5. Вратите се у преглед формулара за пријаву и активирајте искачући формулар ако није активан.
6. Кликните на „Show Code Snippet“ у реду тог искачућег формулара.

Дијалог садржи две вредности потребне на вашем веб-сајту:

1. Копирајте комплетан код са картице „JavaScript“ и додајте га на страницу веб-сајта на којој искачући формулар треба да буде доступан.
2. Испод кода копирајте ID приказан испод текста „Add this ID to element from which you want to manually trigger Popup“.
3. Додајте ту тачну вредност у атрибут id дугмета, слике или везе која треба да отвори искачући формулар.

ID има следећи формат:

maildroppa-popup-btn-[form-id]

На пример:

<button id="maildroppa-popup-btn-[form-id]">Get the guide</button>

JavaScript учитава искачући формулар. ID повезује искачући формулар са изабраним елементом странице. Оба морају да буду присутна на истој објављеној страници. Када посетилац кликне на елемент са тим тачним ID-јем, Maildroppa скрипта отвара искачући формулар.

Ако дугме на вашем веб-сајту већ има ID из другог система за искачуће прозоре, замените га Maildroppa ID-јем окидача када Maildroppa треба да обрађује клик. Немојте постављати Maildroppa искачући формулар у други искачући прозор који обезбеђује алатка за прављење вашег веб-сајта.

Сваки HTML ID користите само једном по страници. Ако више елемената треба да отвори исти искачући формулар, замолите особу која имплементира веб-сајт да повеже те елементе без дуплирања истог ID-ја.

Повезивање тока пријаве

Проверите додељени ток пријаве у заглављу алатке за прављење. Он контролише непосредан одговор након слања, имејл за Double Opt-in и резултат након потврде.

Можете да изаберете постојећи ток, да га уредите или да креирате посебан ток за овај искачући формулар. Посебан ток је користан када понуди треба сопствена порука потврде или испорука магнета за потенцијалне клијенте.

Преглед и чување

Кликните на „Preview“ да бисте проверили дизајн и понашање искачућег формулара без промене верзије која се користи на вашем веб-сајту. Проверите распоред, контролу за затварање, редослед поља, простор за валидацију и одговор након слања.

Кликните на „Save changes“ када искачући формулар буде спреман. Затим се вратите у преглед формулара за пријаву.

Активирање и аутоматско уграђивање искачућег формулара

Активирајте искачући формулар из менија радњи са три тачке ако већ није активан. Затим кликните на „Show Code Snippet“ и копирајте комплетан код са картице „JavaScript“.

Додајте скрипту на сваку страницу веб-сајта на којој искачући формулар треба да буде доступан. Код садржи јединствени ID формулара и учитава тренутно сачувану конфигурацију.

Картица „HTML“ пружа генерисану ознаку за прилагођене имплементације. Ако је користите, пажљиво тестирајте све радње и кораке слања јер код и стилови вашег веб-сајта могу утицати на резултат.

Овај одељак се примењује када искачући формулар треба да се аутоматски отвори на основу кашњења приказивања или понашања намере изласка. За дугме, слику или везу која отвара искачући формулар на клик, пратите

.

За општа упутства за уграђивање погледајте Прављење и уграђивање уграђеног формулара.

Тестирање искачућег формулара на вашем веб-сајту

Тестирајте искачући формулар на стварној страници веб-сајта након додавања кода:

1. Проверите подешено кашњење.
2. Тестирајте дугме за затварање и клик ван формулара.
3. Ако је омогућено, померите показивач ван странице да бисте тестирали намеру изласка.
4. Ако је омогућено, кликните на подешени елемент странице да бисте тестирали ручни окидач.
5. Проверите распоред на уском екрану.
6. Пошаљите формулар и довршите поступак Double Opt-in.
7. Проверите претплатника и скривене ознаке у Maildroppa-у.

Поставка учесталости може спречити поновно приказивање искачућег формулара током поновљених тестова. Користите приватни прозор за прегледање или обришите релевантну меморију прегледача када вам је потребна чиста тестна посета.

Ажурирање или деактивирање искачућег формулара

Да бисте ажурирали искачући формулар, отворите га у Maildroppa-у, уредите дизајн или понашање, прегледајте га и кликните на „Save changes“. JavaScript исечак наставља да користи исти ID формулара.

Да бисте привремено зауставили његово приказивање, изаберите „Deactivate“ из менија радњи. Деактивирање чува искачући формулар и његове претходне податке извештаја. Уклоните скрипту или елемент окидача и са веб-сајта ако више нису потребни.