Креирајте и прикажувајте Popup формулари

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

Popup се прикажува над содржината на вашата веб-страница. Ја поставува понудата за пријавување директно во видното поле на посетителот, додека страницата во заднина останува на своето место.

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

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

Креирање Popup

Отворете „Signup Forms“, кликнете на „Create Form“ и изберете „Popup“. Внесете јасно интерно име и продолжете до креаторот.

Можете да уредувате и постоечки Popup со кликнување на неговото име во прегледот на Signup Forms.

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

Избирање шаблон за Popup

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

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

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

Дизајнирање на Popup

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

Главната порака нека биде доволно кратка за да се разбере веднаш. Јасен наслов, едно кратко објаснување и конкретно копче за испраќање обично се поефикасни од неколку пораки што се натпреваруваат за внимание.

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

Popup се појавува над веб-страницата со контрола за затворање. Оставете доволно визуелен простор околу важниот текст и полињата за формуларот да остане лесен за користење на мал екран.

Конфигурирање на однесувањето на Popup

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

Display Delay

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

Внесете 0 за да се прикаже без дополнително одложување. Користете поголема вредност кога посетителите треба да имаат време да ја прочитаат страницата пред да се појави понудата. Креаторот прифаќа одложување до 86.400 секунди.

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

Display Frequency

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

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

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

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

Користење Exit Intent

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

Кога е овозможен exit intent, Popup го чека ваквото однесување наместо да го следи нормалното одложено прикажување. Избраната зачестеност и понатаму спречува повторно прикажување прерано.

Exit intent се заснова на движењето на покажувачот и затоа главно е релевантен за десктоп и лаптоп прелистувачи. Уредите со допир не го обезбедуваат истиот сигнал за излез. Секогаш погрижете се посетителите на мобилни уреди сепак да ја откријат вашата понуда за пријавување преку самата страница или друг соодветен формулар.

Рачно отворање Popup од елемент на страница

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

Конфигурирајте го и инсталирајте го рачниот тригер со следниве чекори:

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

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

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

ID-то го следи овој формат:

maildroppa-popup-btn-[form-id]

На пример:

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

JavaScript го вчитува Popup. ID-то го поврзува Popup со избраниот елемент на страницата. И двете мора да бидат присутни на истата објавена страница. Кога посетителот ќе кликне на елементот со точното ID, скриптата на Maildroppa го отвора Popup.

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

Користете го секое HTML ID само еднаш на страница. Ако повеќе елементи треба да го отвораат истиот Popup, побарајте од лицето што ја имплементира веб-страницата да ги поврзе тие елементи без да го дуплира истото ID.

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

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

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

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

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

Кликнете на „Save changes“ кога Popup е подготвен. Потоа вратете се во прегледот на Signup Forms.

Активирање и автоматско вградување на Popup

Активирајте го Popup од менито со дејства со три точки ако сè уште не е активен. Потоа кликнете на „Show Code Snippet“ и копирајте го целиот код од јазичето „JavaScript“.

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

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

Овој дел се применува кога Popup треба автоматски да се отвора врз основа на неговото одложено прикажување или однесувањето со exit intent. За копче, слика или врска што го отвора Popup со кликнување, следете

.

За општи упатства за вградување, видете Креирање и вградување на вграден формулар.

Тестирање на Popup на вашата веб-страница

Тестирајте го Popup на вистинската страница на веб-страницата откако ќе го додадете кодот:

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

Поставката за зачестеност може да спречи Popup повторно да се појави при повторени тестирања. Користете приватен прозорец за прелистување или избришете го релевантното складирање на прелистувачот кога ви е потребна чиста тест-посета.

Ажурирање или деактивирање на Popup

За да го ажурирате Popup, отворете го во Maildroppa, уредете го дизајнот или однесувањето, прегледајте го и кликнете на „Save changes“. JavaScript исечокот ќе продолжи да го користи истото ID на формуларот.

За привремено да престанете да го прикажувате, изберете „Deactivate“ од менито со дејства. Деактивирањето ги зачувува Popup и неговите претходни податоци од извештаите. Отстранете ја скриптата или елементот на тригерот од веб-страницата ако повеќе не се потребни.