Креирање и вградување формулари за пријавување

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

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

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

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

Креирање вграден формулар

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

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

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

Избирање почетен дизајн

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

• Calm note
• Coupon strip
• Dark editorial
• Minimal blue

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

Дизајнирање на вградениот формулар

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

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

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

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

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

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

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

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

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

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

Кликнете на „Save changes“ за да ја зачувате тековната верзија. Вратете се на прегледот на формуларите за пријавување кога ќе бидете подготвени да го вградите.

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

Вградениот формулар мора да биде активен пред да може да се користи неговиот јавен код.

Ако формуларот е неактивен, отворете го менито со дејства со три точки во прегледот на формуларите за пријавување и изберете „Activate“. Активниот формулар ја прикажува опцијата „Show Code Snippet“.

Деактивирајте го формуларот кога повеќе не треба да биде достапен на вашата веб-страница. Деактивирањето го става формуларот офлајн без да го избрише неговиот дизајн или претходните податоци од извештаите.

Копирање на JavaScript-кодот

Кликнете на „Show Code Snippet“ и отворете ја картичката „JavaScript“. Maildroppa обезбедува кратка скрипта што го содржи единствениот ID на формуларот.

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

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

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

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

Додавање на формуларот на вашата веб-страница

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

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

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

Не го лепете истиот исечок на вградениот формулар повеќепати на една страница, освен ако намерно не го сакате истиот формулар на повеќе локации и не сте ја тестирале таа поставеност.

Користење на картичката HTML

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

Копирајте го целиот код ако го изберете овој метод. Бидејќи на прилагодената HTML-интеграција можат да влијаат стиловите и имплементацијата на вашата веб-страница, внимателно тестирајте ги полињата, валидацијата, испраќањето и текот на потврдата.

За вообичаениот формулар со кој управува Maildroppa, JavaScript-исечокот е пократката интеграција и ја вчитува тековната јавна конфигурација на формуларот според неговиот ID.

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

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

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

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

Ажурирање на вградениот формулар

Отворете го истиот формулар во Maildroppa, направете ги промените, прегледајте ги и кликнете на „Save changes“. JavaScript-исечокот на вашата веб-страница продолжува да го користи истиот ID на формуларот и ја вчитува зачуваната јавна конфигурација.

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