Креирање формулари за пријавување: Дизајнирање формулари

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

Signup Form Builder е визуелниот уредувач за сите формулари за пријавување и целни страници во Maildroppa.

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

Maildroppa го користи истиот уредувач за четири типа формулари:

• Целните страници се целосни самостојни страници што ги објавувате и ги споделувате преку линк.
• Вградените формулари се поставуваат директно во страница на вашата веб-локација.
• Искачувачките прозорци се појавуваат над вашата веб-локација, а може да се отворат и од елемент на страницата.
• Лизгачките панели се појавуваат на избран раб или позиција од прозорецот на прелистувачот.

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

Отворање на Signup Form Builder

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

За да продолжите со работа на постоечки формулар, кликнете на неговото име или изберете „Edit Form“ од менито со дејства со три точки во Signup Forms Overview.

Дајте му на формуларот јасно интерно име. Имињата како „Билтен на почетната страница“, „Искачувачки прозорец за вебинар“ или „Летен магнет за потенцијални клиенти“ полесно се препознаваат подоцна од општите имиња како „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 автоматски ги доделува избраните ознаки на тој претплатник.

Ова е корисно за идентификување на изворот или интересот зад пријавувањето. На пример, формулар за вебинар може да додели ознака „Вебинар“, додека формулар за магнет за потенцијални клиенти може да додели ознака за преземената тема.

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

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

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

Индикаторот за напредок може да помогне да се објасни дека испраќањето на формуларот е првиот чекор, а потврдувањето на е-поштата за Double Opt-in е вториот.

Бројач на претплатници во формуларот

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

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

Овој бројач во формуларот се разликува од самостојниот блок со содржина „Subscriber counter“. Користете ја поставката на формуларот кога бројот треба директно да биде поврзан со областа за испраќање. Користете го блокот со содржина кога бројачот треба да се појави на друго место во дизајнот.

Дизајн на формуларот, полињата за внесување и копчето

Поставките „Signup Form Block“ го контролираат контејнерот околу полињата, вклучувајќи ги неговата заднина, раб, заобленоста на аглите и растојанието.

Поставките за внесување ги контролираат заднините на полињата, ознаките, текстот, текстот-знак, рабовите и растојанието. Копчето за испраќање има одделни поставки за текстот, типографијата, боите, работ, димензиите и порамнувањето.

Можете директно да кликнете на лентата за напредок или копчето за испраќање на платното за веднаш да ги отворите поставките за тој дел.

Менување на целокупниот изглед

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

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

• Фонтот на основниот текст и бојата на текстот
• Бојата на линковите, подвлекувањето и бојата при посочување
• Фонтот, бојата, дебелината, големината и висината на линијата на насловите
• Копчињата
• Полињата, рабовите, заобленоста на аглите, празнините и внатрешното растојание
• Внатрешното растојание на страницата на мобилни уреди и точката во која колоните се редат една под друга

Овие стандардни вредности го одржуваат дизајнот усогласен. Поединечните блокови сè уште можат да ги надминат кога е потребно.

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

Секој формулар е поврзан со Signup Flow. Текот за пријавување го контролира патувањето на претплатникот откако формуларот ќе биде испратен:

• Што посетителот веднаш го гледа по испраќањето на формуларот
• Која е-пошта за Double Opt-in се испраќа
• Што се случува откако претплатникот ќе ја потврди адресата на е-пошта

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

Еден тек за пријавување може да го користат повеќе формулари. Ако уредувате споделен тек, промената влијае на секој формулар што го користи. Затоа Maildroppa ви овозможува да изберете дали ќе го уредувате споделениот тек или ќе создадете посебна копија за тековниот формулар.

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

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

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

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

По зачувувањето, вратете се на Signup Forms Overview за да активирате и вградите формулар на веб-локација или да управувате со објавена целна страница.

Продолжете со типот формулар

Заедничката работа на дизајнот е завршена. Продолжете со водичот за формуларот што го создавате:

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