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

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

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

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

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

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

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

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

Вътрешното име не се показва автоматично на посетителите. Наименувайте формуляра според местоположението или предназначението му, например „Бюлетин на началната страница“, „Долен колонтитул на блога“ или „Актуализации на продукта“.

Избор на начален дизайн

Вградените формуляри предлагат празен формуляр, стандартен формуляр и четири дизайнерски шаблона:

• Спокойна бележка
• Лента с купон
• Тъмна редакционна визия
• Минималистично синьо

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

Проектиране на вградения формуляр

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

За тясна странична лента или долен колонтитул дизайнът с една колона обикновено е най-лесен за четене. В по-широка секция на страницата оформлението с две колони може да постави кратко обяснение или изображение до полетата.

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

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

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

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

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

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

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

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

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

Активиране на формуляра

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

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

Деактивирайте формуляра, когато той вече не трябва да е достъпен на уебсайта ви. Деактивирането го изключва, без да изтрива дизайна или предишните данни от отчетите.

Копиране на JavaScript кода

Кликнете върху „Show Code Snippet“ и отворете раздела „JavaScript“. Maildroppa предоставя кратък скрипт, съдържащ уникалния идентификатор на формуляра.

Кодът следва тази структура:

<script async src="https://form.maildroppa.com/md-form-loader.js" data-md-form="[form-id]"></script>

Копирайте целия код, без да променяте адреса на скрипта или идентификатора на формуляра.

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

Добавяне на формуляра към уебсайта ви

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

Точните стъпки зависят от системата на уебсайта ви. В конструктор на страници или система за управление на съдържанието използвайте блок, който приема персонализиран HTML или скриптов код. В персонализиран уебсайт добавете скрипта към съответния шаблон или маркировката на страницата.

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

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

Използване на раздела HTML

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

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

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

Тестване на вградения формуляр

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

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

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

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

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

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