Generator de formulare de înscriere: proiectează formulare

Published: 16 iulie 2026 · Last updated: 21 iulie 2026 · By Marcus Biel

Generatorul de formulare de înscriere este editorul vizual pentru toate formularele de înscriere și paginile de destinație Maildroppa.

Îl poți folosi pentru a aranja machete, a adăuga text și imagini, a configura câmpurile abonatului, a schimba culorile și fonturile, a atribui etichete și a decide ce se întâmplă după ce cineva trimite formularul. Pânza afișează rezultatul în timp ce lucrezi, astfel încât nu trebuie să scrii cod pentru a crea o experiență completă de înscriere.

Maildroppa folosește același generator pentru patru tipuri de formulare:

• Paginile de destinație sunt pagini complete, independente, pe care le publici și le distribui printr-un link.
• Formularele încorporate sunt plasate direct într-o pagină a site-ului tău.
• Ferestrele pop-up apar deasupra site-ului tău și pot fi deschise și de la un element al paginii.
• Panourile glisante apar la o margine sau într-o poziție selectată a ferestrei browserului.

Acest ghid explică toate funcțiile comune acestor tipuri de formulare. Ghidurile asociate explică doar setările și pașii unici fiecărui tip.

Deschiderea generatorului de formulare de înscriere

Deschide „Signup Forms” în Maildroppa. Apoi poți face clic pe „Create Form” pentru a crea o pagină de destinație, un formular încorporat, o fereastră pop-up sau un panou glisant nou.

Pentru a continua lucrul la un formular existent, fă clic pe numele acestuia sau alege „Edit Form” din meniul de acțiuni cu trei puncte din Prezentarea generală a formularelor de înscriere.

Atribuie formularului un nume intern clar. Nume precum „Newsletter pagina principală”, „Pop-up webinar” sau „Magnet de lead-uri de vară” sunt mai ușor de recunoscut ulterior decât nume generice precum „Formularul 1”. Numele formularului te ajută să gestionezi formularul în Maildroppa și nu este afișat automat vizitatorilor.

Înțelegerea generatorului

Generatorul este împărțit în patru zone principale.

Bara de sus conține numele formularului și acțiunile principale. Aici poți reveni la prezentarea generală, îți poți previzualiza lucrul și îl poți salva. Paginile de destinație afișează în această bară și comenzile pentru schiță și publicare.

Bara laterală din stânga conține „Layout”, „Content” și „Layers”. Folosește-o pentru a crea structura, a adăuga elemente noi și a gestiona tot ce este deja plasat pe pânză.

Pânza este zona centrală de lucru. Afișează pagina sau formularul curent. Fă clic pe un element pentru a-l selecta. De asemenea, poți trage elementele într-o altă poziție sau poți adăuga elemente noi din bara laterală din stânga.

Bara laterală din dreapta conține „Settings” și „Page settings”. „Settings” modifică elementul selectat. „Page settings” modifică fundalul general și setările implicite de design.

Pe ecranele mai mici, barele laterale se deschid ca panouri folosind butoanele „Content” și „Settings”. Funcțiile disponibile rămân aceleași.

Începerea cu un șablon

Când creezi un formular, generatorul oferă modele de pornire pentru tipul de formular selectat. Poți începe cu un design gol, poți folosi formularul standard sau poți alege un șablon gata creat.

Șabloanele oferă o machetă inițială, culori, tipografie și conținut demonstrativ. Ele nu limitează ceea ce poți modifica ulterior. După selectarea unui șablon, fiecare element poate fi în continuare editat, mutat, duplicat, reformatat sau eliminat.

Fiecare tip de formular are șabloane potrivite scopului său. De exemplu, paginile de destinație includ designuri complete pentru Newsletter, Magnet de lead-uri, Webinar și Listă de așteptare. Formularele încorporate, ferestrele pop-up și panourile glisante au propriile designuri compacte de pornire.

Dacă nu ești sigur ce șablon să alegi, selectează-l pe cel a cărui structură este cel mai apropiată de obiectivul tău. Modificarea textului, culorilor și imaginilor este de obicei mai rapidă decât construirea aceleiași structuri de la o pânză goală.

Crearea machetei

Deschide „Layout” în bara laterală din stânga pentru a adăuga un rând nou de celule. Machetele disponibile includ:

• O celulă
• Două, trei sau patru celule egale
• Două celule cu un raport de 2:1
• Două celule cu un raport de 1:2

Fă clic pe o machetă pentru a o adăuga la poziția curentă de inserare sau trage-o pe pânză. Apoi poți plasa conținut în fiecare celulă.

Selectează o casetă sau o coloană pentru a-i ajusta dimensiunea, spațierea, alinierea, fundalul, chenarul și umplerea în bara laterală din dreapta. Pentru machetele cu mai multe coloane, poți modifica și lățimile relative ale coloanelor.

Folosește machetele pentru a crea o ordine clară a lecturii. O singură coloană funcționează bine pentru formulare de înscriere compacte. O machetă cu două coloane este utilă atunci când o imagine, o listă de beneficii sau informații despre un eveniment trebuie să apară lângă formularul de înscriere.

Adăugarea conținutului

Deschide „Content” în bara laterală din stânga pentru a adăuga blocuri individuale de conținut. Poți face clic pe un bloc pentru a-l insera sau îl poți trage în poziția dorită pe pânză.

Generatorul oferă următoarele blocuri de conținut:

Signup form — Conține câmpurile abonatului și butonul de trimitere. Un design are nevoie de un bloc de formular de înscriere înainte de a putea fi salvat ca formular funcțional. Odată ce blocul este prezent, nu mai este oferit ca bloc de conținut suplimentar.

Text — Adaugă titluri, paragrafe sau alt text formatat.

Image — Adaugă o imagine de la un URL, încărcată sau din biblioteca media Maildroppa. Poți furniza un text alternativ, poți adăuga un link și poți controla dimensiunile, raportul de aspect, decuparea, punctul focal, rotirea și răsturnarea.

Video — Adaugă un videoclip YouTube sau Vimeo, un URL de încorporare sau un fișier video direct. De asemenea, poți configura o imagine de previzualizare și aspectul butonului de redare.

List — Adaugă o listă cu marcatori sau numerotată. Editează elementele și controlează culoarea marcatorului, spațierea, tipografia și alinierea.

Button — Adaugă un buton cu link, cu text, URL, dimensiune, lățime, culori, chenar, tipografie și aliniere configurabile.

Social links — Adaugă pictograme cu linkuri pentru servicii precum Facebook, Instagram, LinkedIn, TikTok, YouTube sau site-ul tău.

Subscriber counter — Afișează numărul actual de abonați confirmați. Poți adăuga o valoare de ajustare, poți schimba eticheta și poți stiliza numărul și textul.

Spacer — Adaugă spațiu gol controlat. Spațierea pentru desktop și mobil poate fi setată separat.

Divider — Adaugă o linie orizontală cu culoare, grosime, lățime, stil, aliniere și spațiere configurabile.

Paginile de destinație oferă și secțiuni complete reutilizabile. Acestea sunt explicate în Ghidul paginilor de destinație.

Selectarea și aranjarea elementelor

Fă clic pe un element de pe pânză pentru a-l selecta. Setările sale apar în bara laterală din dreapta.

Comenzile de pe sau din apropierea elementului selectat îți permit să îl muți, să îl duplici sau să îl ștergi. De asemenea, poți trage un element într-o altă celulă sau poziție. Un indicator de plasare arată unde va fi inserat.

Deschide „Layers” când pagina conține multe casete, coloane și blocuri de conținut imbricate. Panoul Layers afișează întreaga structură sub forma unei liste. De aici poți:

• Selecta un element
• Să îi schimbi numele pentru o identificare mai ușoară
• Să îl muți în sus sau în jos
• Să îl tragi într-o altă poziție
• Să îl blochezi sau deblochezi
• Să îl duplici
• Să îl ștergi

Blocarea este utilă atunci când un fundal, o imagine sau o secțiune finalizată nu trebuie mutată accidental. Deblochează stratul când vrei să îl editezi sau să îl repoziționezi din nou.

Folosește „Undo” și „Redo” în bara de instrumente a generatorului pentru a reveni înapoi sau a avansa prin modificările recente de design.

Editarea textului

Fă clic în interiorul unui element text pentru a-i edita conținutul direct pe pânză. Bara de instrumente pentru text oferă stiluri de paragraf și titlu, împreună cu opțiuni comune de formatare.

În funcție de textul selectat, poți folosi aldin, cursiv, subliniat, tăiat, indice, exponent, aliniere, liste cu marcatori sau numerotate, linkuri și emoji. Setările textului selectat îți permit și să ajustezi tipografia și culorile fără a modifica toate celelalte elemente text.

Folosește setările globale de tipografie din „Page settings” când toate titlurile, textele principale, linkurile sau butoanele trebuie să aibă un stil consecvent. Folosește setările elementului selectat când doar un singur bloc trebuie să arate diferit.

Configurarea formularului de înscriere

Selectează blocul formularului de înscriere de pe pânză pentru a-i deschide setările. Secțiunile disponibile acoperă bara de progres, contorul de abonați, câmpurile, etichetele ascunse, containerul formularului, câmpurile de introducere și butonul de trimitere.

Câmpurile abonatului

Adresa de e-mail este câmpul central al unui formular de înscriere. Poți adăuga și câmpuri de abonat existente în contul tău Maildroppa.

Pentru fiecare câmp, poți modifica eticheta și textul substituent, poți decide dacă este obligatoriu și poți alege dacă eticheta câmpului este afișată. Câmpurile pot fi reordonate prin tragere sau folosind comenzile de deplasare.

Solicită doar informațiile de care ai cu adevărat nevoie. Formularele mai scurte se completează mai rapid, în timp ce câmpurile suplimentare sunt utile atunci când informațiile vor fi folosite pentru segmentare sau personalizare.

Etichete ascunse

Etichetele ascunse nu sunt afișate vizitatorilor. Când cineva se înscrie prin formular, Maildroppa atribuie automat etichetele selectate abonatului respectiv.

Acest lucru este util pentru identificarea sursei sau a interesului din spatele unei înscrieri. De exemplu, un formular pentru un webinar poate aplica eticheta „Webinar”, iar un formular pentru un magnet de lead-uri poate aplica o etichetă pentru subiectul descărcat.

Bara de progres

Bara de progres poate fi dezactivată sau afișată ca procent ori indicator în doi pași.

Pentru un indicator procentual, poți modifica textul, culorile, dimensiunea fontului, grosimea și alinierea. Pentru un indicator în doi pași, poți edita etichetele ambilor pași și poți alege culorile pentru stările activă și inactivă.

Un indicator de progres poate ajuta la explicarea faptului că trimiterea formularului este primul pas, iar confirmarea e-mailului de Double Opt-in este al doilea.

Contorul de abonați în formular

Formularul de înscriere poate afișa numărul actual de abonați confirmați înaintea sau după butonul de trimitere.

Poți adăuga o valoare de ajustare, poți scrie o etichetă, poți alege poziția și poți ajusta tipografia și alinierea. Valoarea de ajustare este adăugată la numărul abonaților confirmați afișat de Maildroppa.

Acest contor al formularului este diferit de blocul de conținut independent „Subscriber counter”. Folosește setarea formularului când numărul trebuie să fie conectat direct la zona de trimitere. Folosește blocul de conținut când contorul trebuie să apară în altă parte a designului.

Designul formularului, câmpurilor și butonului

Setările „Signup Form Block” controlează containerul din jurul câmpurilor, inclusiv fundalul, chenarul, raza colțurilor și spațierea.

Setările câmpurilor controlează fundalurile câmpurilor, etichetele, textul, textele substituente, chenarele și spațierea. Butonul de trimitere are setări separate pentru text, tipografie, culori, chenar, dimensiuni și aliniere.

Poți face clic direct pe bara de progres sau pe butonul de trimitere de pe pânză pentru a deschide imediat setările acelei componente.

Schimbarea aspectului general

Deschide „Page settings” în bara laterală din dreapta pentru a modifica designul general. Pentru formularele încorporate, ferestrele pop-up și panourile glisante, aceste setări se aplică pânzei formularului, nu unei pagini găzduite complete.

Poți configura fundalul principal, imaginea de fundal, lățimea maximă și spațierea pentru mobil. Setările de aspect definesc valorile implicite pentru:

• Fontul corpului și culoarea textului
• Culoarea linkurilor, sublinierea și culoarea la trecerea cursorului
• Fontul titlurilor, culoarea, grosimea, dimensiunea și înălțimea liniei
• Butoane
• Casete, chenare, raze ale colțurilor, spații și umplere
• Umplerea paginii pe mobil și punctul la care coloanele se așază una sub alta

Aceste valori implicite mențin consecvența designului. Blocurile individuale le pot suprascrie în continuare atunci când este necesar.

Conectarea unui flux de înscriere

Fiecare formular este conectat la un Flux de înscriere. Fluxul de înscriere controlează parcursul abonatului după trimiterea formularului:

• Ce vede vizitatorul imediat după trimiterea formularului
• Ce e-mail de Double Opt-in este trimis
• Ce se întâmplă după ce abonatul confirmă adresa de e-mail

Deschide controlul fluxului de înscriere din antetul generatorului pentru a vedea fluxul atribuit în prezent. Poți selecta un alt flux existent, poți edita fluxul selectat sau poți crea unul nou.

Un flux de înscriere poate fi folosit de mai multe formulare. Dacă editezi un flux partajat, modificarea afectează fiecare formular care îl folosește. De aceea, Maildroppa îți permite să alegi dacă editezi fluxul partajat sau creezi o copie separată pentru formularul curent.

Previzualizarea și salvarea

Fă clic pe „Preview” pentru a verifica designul complet și experiența de înscriere înainte de a-l face public. Previzualizarea este utilă pentru verificarea textelor lungi, proporțiilor imaginilor, ordinii câmpurilor, etichetelor butoanelor și echilibrului general al formularului.

Pentru formularele încorporate, ferestrele pop-up și panourile glisante, fă clic pe „Save changes” când ești gata să salvezi versiunea curentă.

Paginile de destinație folosesc comenzile pentru schiță și publicare din bara de sus. Acestea pot fi salvate fără a fi publicate, iar modificările aduse unei pagini deja publicate rămân nepublicate până când le publici. Fluxul complet este explicat în Construirea și publicarea unei pagini de destinație.

După salvare, revino la Prezentarea generală a formularelor de înscriere pentru a activa și încorpora un formular pe site sau pentru a gestiona o pagină de destinație publicată.

Continuă cu tipul tău de formular

Lucrul de design comun este acum finalizat. Continuă cu ghidul pentru formularul pe care îl creezi:

• Construiește și publică o pagină de destinație
• Construiește și încorporează un formular încorporat
• Configurează și afișează o fereastră pop-up
• Configurează și poziționează un panou glisant