Конструктор на формуляри за регистрация: проектиране на формуляри

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

Конструкторът на формуляри за регистрация е визуалният редактор за всички формуляри за регистрация и целеви страници в Maildroppa.

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

Maildroppa използва един и същ конструктор за четири типа формуляри:

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

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

Отваряне на конструктора на формуляри за регистрация

Отворете „Signup Forms“ в Maildroppa. След това можете да щракнете върху „Create Form“, за да създадете нова целева страница, вграден формуляр, изскачащ прозорец или плъзгащ се панел.

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

Дайте на формуляра ясно вътрешно име. Имена като „Homepage Newsletter“, „Webinar Popup“ или „Summer Lead Magnet“ се разпознават по-лесно по-късно от общи имена като „Form 1“. Името на формуляра ви помага да управлявате формуляра в Maildroppa и не се показва автоматично на посетителите.

Запознаване с конструктора

Конструкторът е разделен на четири основни области.

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

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

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

Дясната странична лента съдържа „Settings“ и „Page settings“. „Settings“ променя избрания елемент. „Page settings“ променя общия фон и основните настройки на дизайна.

На по-малки екрани страничните ленти се отварят като панели чрез бутоните „Content“ и „Settings“. Наличните функции остават същите.

Започване с шаблон

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

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

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

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

Създаване на оформлението

Отворете „Layout“ в лявата странична лента, за да добавите нов ред от клетки. Наличните оформления включват:

• Една клетка
• Две, три или четири равни клетки
• Две клетки със съотношение 2:1
• Две клетки със съотношение 1:2

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

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

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

Добавяне на съдържание

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

Конструкторът предоставя следните блокове със съдържание:

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

Text — Добавя заглавия, абзаци или друг форматиран текст.

Image — Добавя изображение от URL адрес, качен файл или медийната библиотека на Maildroppa. Можете да добавите алтернативен текст, връзка и да управлявате размерите, съотношението на страните, изрязването, фокусната точка, завъртането и обръщането.

Video — Добавя видеоклип от YouTube или Vimeo, URL адрес за вграждане или директен видеофайл. Можете също да конфигурирате изображението за преглед и вида на бутона за възпроизвеждане.

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

Button — Добавя бутон с връзка и настройки за текста, URL адреса, размера, ширината, цветовете, рамката, типографията и подравняването.

Social links — Добавя икони с връзки към услуги като Facebook, Instagram, LinkedIn, TikTok, YouTube или вашия уебсайт.

Subscriber counter — Показва текущия брой потвърдени абонати. Можете да добавите отместване, да промените етикета и да стилизирате числото и текста.

Spacer — Добавя контролирано празно пространство. Разстоянието за настолни и мобилни устройства може да се задава отделно.

Divider — Добавя хоризонтална линия с настройки за цвят, дебелина, ширина, стил, подравняване и разстояние.

Целевите страници предоставят и цялостни преизползваеми секции. Те са обяснени в ръководството за целеви страници.

Избиране и подреждане на елементи

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

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

Отворете „Layers“, когато страницата съдържа много вложени кутии, колони и блокове със съдържание. Панелът „Layers“ показва цялата структура в списък. Оттам можете да:

• Изберете елемент
• Преименувате го за по-лесно разпознаване
• Преместите го нагоре или надолу
• Плъзнете го до друга позиция
• Заключите или отключите го
• Дублирате го
• Изтриете го

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

Използвайте „Undo“ и „Redo“ в лентата с инструменти на конструктора, за да се връщате назад или да преминавате напред през последните промени по дизайна.

Редактиране на текст

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

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

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

Конфигуриране на формуляра за регистрация

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

Полета за абонати

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

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

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

Скрити тагове

Скритите тагове не се показват на посетителите. Когато някой се регистрира чрез формуляра, Maildroppa автоматично задава избраните тагове на този абонат.

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

Лента за напредъка

Лентата за напредъка може да бъде деактивирана или показвана като процентен индикатор или индикатор в две стъпки.

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

Индикаторът за напредъка може да помогне да се обясни, че изпращането на формуляра е първата стъпка, а потвърждаването на имейла за двойно потвърждение (Double Opt-in) е втората.

Брояч на абонати във формуляра

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

Можете да добавите отместване, да напишете етикет, да изберете позицията и да настроите типографията и подравняването. Отместването се добавя към броя на потвърдените абонати, показван от Maildroppa.

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

Дизайн на формуляра, полетата и бутона

Настройките „Signup Form Block“ управляват контейнера около полетата, включително неговия фон, рамка, радиус на ъглите и разстоянията.

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

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

Промяна на цялостния вид

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

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

• Шрифт и цвят на основния текст
• Цвят на връзките, подчертаване и цвят при посочване
• Шрифт, цвят, дебелина, размер и височина на реда на заглавията
• Бутони
• Кутии, рамки, радиуси на ъглите, разстояния и вътрешни отстъпи
• Вътрешен отстъп на страницата за мобилни устройства и точката, при която колоните се подреждат една под друга

Тези стойности по подразбиране поддържат дизайна последователен. При необходимост отделните блокове все още могат да ги заменят.

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

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

• Какво вижда посетителят непосредствено след изпращане на формуляра
• Кой имейл за двойно потвърждение (Double Opt-in) се изпраща
• Какво се случва, след като абонатът потвърди имейл адреса си

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

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

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

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

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

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

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

Продължете с вашия тип формуляр

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

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