Създаване и позициониране на плъзгащи се формуляри

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

Плъзгащият се формуляр е компактен формуляр за регистрация, който се появява в края или на избрана позиция в прозореца на браузъра.

Той привлича повече внимание от формуляр, поставен в самата страница, като същевременно покрива по-малка част от уебсайта в сравнение с центриран изскачащ прозорец. Плъзгащите се формуляри са подходящи за напомняния за бюлетин, отстъпки, актуализации на продукти и кратки оферти, които трябва да останат видими, докато посетителят чете страницата.

Това ръководство обяснява настройките, специфични за плъзгащите се формуляри. Общите функции за оформление, съдържание, полета, тагове, типография, слоеве и процес на регистрация са разгледани в основното ръководство за създаване на формуляри за регистрация.

Създаване на плъзгащ формуляр

Отворете „Signup Forms“, кликнете върху „Create Form“ и изберете „Slide-in“. Въведете ясно вътрешно име и продължете към създателя.

Можете също да редактирате съществуващ плъзгащ формуляр, като кликнете върху името му в общия преглед на формулярите за регистрация.

Използвайте име като „Blog Newsletter Slide-in“, „New Product Reminder“ или „Summer Coupon Slide-in“. Вътрешното име ви помага да управлявате формуляра и не се показва автоматично на посетителите.

Избор на шаблон за плъзгащ формуляр

Плъзгащите се формуляри предлагат празен формуляр, стандартен формуляр и четири готови шаблона:

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

Шаблоните са създадени за кратки съобщения, но всеки елемент може да се редактира. След избора на начален шаблон можете да промените съдържанието, полетата, цветовете, типографията, рамката, разстоянията и бутона за изпращане.

Проектиране на плъзгащия формуляр

Използвайте визуалния създател, за да подредите плъзгащия формуляр. Той може да съдържа формуляра за регистрация заедно с текст, изображение, видео, списък, бутон, връзки към социални мрежи, брояч на абонати, празно пространство или разделител.

Пространството е по-ограничено в сравнение с целева страница или широк вграден формуляр. Фокусирайте офертата и избягвайте добавянето на съдържание, което принуждава посетителите да търсят полетата или бутона за изпращане.

Изберете блока на формуляра за регистрация, за да конфигурирате полетата, задължителната информация, скритите тагове, индикатора за напредък, брояча на абонати, полетата за въвеждане и бутона за изпращане. Отворете „Page settings“, за да промените фона на плъзгащия формуляр и настройките по подразбиране за цялостния му вид.

Оформлението с една колона обикновено е най-ясният избор. Ако използвате няколко колони, проверете внимателно как се подреждат на тесни екрани.

Избор на позиция на екрана

Изберете блока на формуляра за регистрация и отворете „Widget Settings“. Селекторът за позиция предлага решетка три по три:

• Горе вляво, горе в центъра или горе вдясно
• Вляво по средата, в центъра или вдясно по средата
• Долу вляво, долу в центъра или долу вдясно

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

На тесни мобилни екрани Maildroppa опростява позиционирането, така че плъзгащият формуляр да се побере в наличната ширина. Позициите отгоре остават в горната част, а останалите позиции се показват от долния край. Винаги тествайте резултата на малък екран, вместо да разчитате само на позицията за настолен компютър.

Задаване на забавянето при показване

„Display Delay“ определя колко секунди Maildroppa изчаква, преди да покаже плъзгащия формуляр на вградена страница на уебсайт.

Използвайте 0, когато плъзгащият формуляр трябва да е достъпен незабавно. Въведете по-дълго забавяне, когато посетителите първо трябва да имат време да се запознаят със страницата. Създателят приема забавяне до 86 400 секунди.

Краткото забавяне може да работи добре за обикновено напомняне за бюлетин. При по-дълга статия по-късното появяване може да се усеща по-естествено и да направи офертата по-релевантна за ангажираните читатели.

Задаване на честотата на показване

„Display Frequency“ контролира периода, след който плъзгащият формуляр може да бъде показан отново на същия посетител. Можете да изберете:

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

Използвайте честота, която съответства на офертата. Временната промоция може да изисква по-кратък интервал, докато общото напомняне за бюлетин обикновено не е необходимо да се показва при всяко посещение.

Честотата се съхранява в браузъра на посетителя. Друг браузър, частен прозорец за сърфиране или изчистено хранилище на браузъра се третират като различна история на посещенията.

Свързване на процеса на регистрация

Прегледайте зададения процес на регистрация в заглавната част на създателя. Той определя отговора след изпращането, имейла за потвърждение с Double Opt-in и какво се случва след потвърждението.

Можете да изберете съществуващ процес, да редактирате текущия процес или да създадете такъв специално за този плъзгащ формуляр. Ако процесът се използва от няколко формуляра, промените в него ще засегнат всички.

Преглед и запазване

Кликнете върху „Preview“, за да прегледате плъзгащия формуляр, преди да го добавите към уебсайта си. Проверете избраната позиция, поведението при отваряне, реда на полетата, контрола за затваряне и пълния отговор след регистрация.

Кликнете върху „Save changes“, когато формулярът и „Widget Settings“ са готови. След това се върнете към общия преглед на формулярите за регистрация.

Активиране и вграждане на плъзгащия формуляр

Активирайте плъзгащия формуляр от менюто с действия с три точки, ако все още не е активен. Кликнете върху „Show Code Snippet“ и копирайте целия код от раздела „JavaScript“.

Добавете този скрипт към всяка страница на уебсайта, на която плъзгащият формуляр трябва да е достъпен. За разлика от вградения формуляр, точната позиция на скрипта в страницата не определя видимата позиция на плъзгащия формуляр. Избраната в „Widget Settings“ позиция контролира къде се появява той.

Разделът „HTML“ предоставя генерираната маркировка за персонализирани реализации. Тествайте внимателно цялото взаимодействие и процеса на изпращане, ако уебсайтът ви използва тази опция.

За общи инструкции за поставяне на кода вижте Създаване и вграждане на вграден формуляр.

Тестване на плъзгащия формуляр на уебсайта ви

След като добавите кода, тествайте реалната страница на уебсайта:

1. Проверете дали плъзгащият формуляр се появява след избраното забавяне.
2. Потвърдете позицията му на широк екран.
3. Проверете адаптираната позиция и ширина на тесен екран.
4. Уверете се, че не покрива навигацията, контролите за бисквитки, бутоните за чат или други важни действия.
5. Тествайте отварянето и затварянето на плъзгащия формуляр.
6. Изпратете формуляра и завършете процеса Double Opt-in.
7. Проверете абоната и скритите тагове в Maildroppa.

Настройката за честота може да попречи на формуляра да се появи отново при повтарящи се тестове. Използвайте частен прозорец за сърфиране или изчистете съответното хранилище на браузъра, когато трябва да симулирате нов посетител.

Актуализиране или деактивиране на плъзгащия формуляр

Отворете същия плъзгащ формуляр в Maildroppa, направете промените, прегледайте ги и кликнете върху „Save changes“. JavaScript фрагментът продължава да използва същия идентификатор на формуляра и зарежда запазената конфигурация.

Изберете „Deactivate“ в общия преглед на формулярите за регистрация, когато плъзгащият формуляр трябва да бъде изведен офлайн, без да бъде изтрит. Премахнете и скрипта му от уебсайта, ако вече не планирате да го използвате там.