Creează și integrează formulare de înscriere

Publicat: 16 iulie 2026 · Ultima actualizare: 12 septembrie 2026 · De Marcus Biel

Un formular integrat este plasat direct într-o pagină existentă a site-ului. Acesta face parte din conținutul paginii, în loc să se afișeze deasupra lui.

Formularele integrate sunt potrivite pentru articole de blog, pagini de destinație de pe propriul site, secțiuni de newsletter, bare laterale și subsoluri. Formularul apare în locul în care adaugi codul său.

Acest ghid prezintă pașii specifici formularelor integrate. Funcțiile comune de editare vizuală sunt explicate în ghidul principal al editorului de formulare de înscriere.

Creează un formular integrat

Deschide „Signup Forms”, fă clic pe „Create Form” și selectează „Embedded Form”. Introdu un nume intern clar și continuă în editor.

Poți edita și un formular existent făcând clic pe numele lui în pagina de prezentare generală a formularelor de înscriere.

Numele intern nu este afișat automat vizitatorilor. Alege un nume care reflectă locul sau scopul formularului, de exemplu „Newsletter pe pagina principală”, „Subsolul blogului” sau „Noutăți despre produse”.

Alege un design de pornire

Pentru formularele integrate ai la dispoziție un formular gol, un formular standard și patru șabloane cu design predefinit:

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

Alege designul care se potrivește cel mai bine spațiului disponibil și tonului site-ului în care va apărea formularul. Poți modifica integral orice design de pornire după ce îl selectezi.

Personalizează designul formularului integrat

Folosește „Layout” și „Content” pentru a organiza formularul. Un formular integrat poate include, pe lângă formularul de înscriere propriu-zis, texte explicative, imagini, liste, butoane, linkuri către rețele sociale, un contor de abonați, blocuri de spațiere sau separatoare.

Pentru o bară laterală sau un subsol cu lățime redusă, un design cu o singură coloană este de obicei cel mai ușor de citit. Într-o secțiune mai lată a paginii, o structură cu două coloane permite plasarea unei scurte explicații sau a unei imagini lângă câmpuri.

Selectează blocul formularului de înscriere pentru a alege câmpurile pentru abonați, câmpurile obligatorii, denumirile afișate ale câmpurilor, etichetele ascunse, un indicator de progres și un contor opțional de abonați. Apoi poți personaliza separat aspectul containerului formularului, al câmpurilor și al butonului de trimitere.

Deschide „Page settings” pentru a modifica fundalul și setările generale implicite de design ale zonei de lucru a formularului integrat. Ține cont de aspectul paginii în care va apărea. Un fundal transparent sau simplu se integrează adesea mai natural, în timp ce un fundal contrastant scoate în evidență oferta de înscriere.

Găsești instrucțiunile complete despre structuri, conținut, straturi, câmpuri, etichete, tipografie și aspect în Utilizarea editorului de formulare de înscriere.

Asociază un flux de înscriere

Folosește controlul pentru fluxul de înscriere din antetul editorului pentru a verifica ce se întâmplă după trimiterea formularului, ce e-mail de confirmare a înscrierii (double opt-in) este trimis și ce vede vizitatorul după confirmare.

Poți selecta un flux existent, edita fluxul asociat sau crea unul nou. Dacă fluxul selectat este folosit și de alte formulare, reține că modificarea lui poate afecta și acele formulare.

Previzualizează și salvează

Fă clic pe „Preview” pentru a verifica formularul complet înainte de a-l adăuga pe site. Verifică ordinea câmpurilor, denumirile lor, spațiul rezervat mesajelor de eroare, textul butonului și volumul de conținut explicativ.

Fă clic pe „Save changes” pentru a salva versiunea curentă. Revino la pagina de prezentare generală a formularelor de înscriere când ești gata să integrezi formularul.

Activează formularul

Formularul integrat trebuie să fie activ pentru a putea folosi codul său public.

Dacă formularul este inactiv, deschide meniul său de acțiuni cu trei puncte din pagina de prezentare generală a formularelor de înscriere și alege „Activate”. Pentru un formular activ este afișată acțiunea „Show Code Snippet”.

Dezactivează formularul când nu mai trebuie să fie disponibil pe site. Dezactivarea îl face indisponibil online, fără a-i șterge designul sau datele anterioare din rapoarte.

Copiază codul JavaScript

Fă clic pe „Show Code Snippet” și deschide fila „JavaScript”. Maildroppa oferă un script scurt care conține ID-ul unic al formularului.

Codul are următoarea structură:

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

Copiază codul complet, fără a modifica adresa scriptului sau ID-ul formularului.

Opțiunea JavaScript încarcă versiunea salvată curentă a formularului prin mediul de execuție a formularelor Maildroppa. Când editezi și salvezi ulterior același formular în Maildroppa, fragmentul de cod existent trimite în continuare la același ID de formular. Nu trebuie să creezi un formular nou doar pentru a-i modifica textul sau designul.

Adaugă formularul pe site

Lipește scriptul în locul din pagină în care vrei să apară formularul integrat.

Pașii exacți depind de sistemul folosit pentru site. Într-un editor de pagini sau într-un sistem de gestionare a conținutului, folosește un bloc care acceptă HTML personalizat sau cod de script. Pe un site dezvoltat la comandă, adaugă scriptul în șablonul corespunzător sau în codul HTML al paginii.

Unele editoare de site-uri elimină tagurile de script din motive de securitate. Dacă formularul nu apare după publicarea paginii, verifică mai întâi dacă editorul a păstrat scriptul Maildroppa complet. Poate fi necesar să folosești zona dedicată codului personalizat din sistem sau să ceri ajutorul persoanei care administrează site-ul.

Nu lipi de mai multe ori același fragment de cod pentru formularul integrat pe o pagină, decât dacă vrei în mod intenționat să afișezi același formular în mai multe locuri și ai testat această configurație.

Folosește fila HTML

Fila „HTML” oferă codul HTML generat al formularului. Această opțiune este destinată implementărilor personalizate în care vrei să lucrezi direct cu HTML-ul folosit la afișare.

Copiază codul HTML complet dacă alegi această metodă. Deoarece o integrare HTML personalizată poate fi afectată de stilurile și implementarea site-ului, testează cu atenție câmpurile, validarea, trimiterea formularului și fluxul de confirmare.

Pentru un formular gestionat în mod obișnuit de Maildroppa, fragmentul JavaScript este varianta de integrare cu mai puțin cod și încarcă configurația publică actuală a formularului pe baza ID-ului său.

Testează formularul integrat

Publică sau previzualizează pagina site-ului care conține codul. Apoi testează formularul așa cum l-ar folosi un vizitator:

1. Verifică dacă formularul apare în locul corect.
2. Vizualizează pagina pe un ecran lat și pe unul îngust.
3. Completează fiecare câmp obligatoriu.
4. Trimite formularul și verifică răspunsul.
5. Deschide e-mailul de confirmare a înscrierii (double opt-in).
6. Confirmă adresa și verifică răspunsul final.
7. Verifică dacă abonatul și eventualele etichete ascunse apar corect în Maildroppa.

Dacă formularul este mai lat decât containerul său din site, ajustează în editor lățimea formularului, structura coloanelor, spațierea interioară sau setările de așezare pe verticală a elementelor pe mobil. Evită să corectezi problemele de aranjare modificând codul generat de Maildroppa.

Actualizează un formular integrat

Deschide același formular în Maildroppa, fă modificările, previzualizează-le și fă clic pe „Save changes”. Fragmentul JavaScript de pe site folosește în continuare același ID de formular și încarcă configurația publică salvată.

Dacă formularul trebuie retras temporar, dezactivează-l din pagina de prezentare generală a formularelor de înscriere. Dacă nu mai este necesar, elimină și fragmentul de cod de pe site, astfel încât pagina să nu conțină cod neutilizat.