Creează și afișează formulare pop-up

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

Un pop-up se afișează deasupra conținutului site-ului. Acesta aduce oferta de abonare direct în atenția vizitatorului, fără a înlocui pagina din fundal.

Pop-up-urile sunt utile pentru abonări la newsletter, reduceri, înscrieri la evenimente, resurse oferite în schimbul abonării (lead magnets) și alte îndemnuri la acțiune cu un scop clar. Deoarece întrerup navigarea obișnuită pe pagină, momentul și frecvența afișării sunt la fel de importante ca designul.

Acest ghid explică setările specifice pop-up-urilor. Aranjarea elementelor, blocurile de conținut, câmpurile abonaților, etichetele, tipografia, straturile și fluxurile de înscriere sunt prezentate în ghidul principal al editorului de formulare de înscriere.

Crearea unui pop-up

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

Poți edita și un pop-up existent făcând clic pe numele acestuia în lista formularelor de înscriere.

Folosește un nume care descrie oferta sau locul afișării, precum „Pop-up cu reducere pe pagina principală”, „Pop-up de înscriere la webinar” sau „Pop-up pentru descărcarea ghidului”. Numele intern nu este afișat automat vizitatorilor.

Alegerea unui șablon pentru pop-up

Pentru pop-up-uri ai la dispoziție un formular gol, un formular standard și patru șabloane predefinite:

• Clean discount
• Warm guide
• Dark webinar
• Soft community

Alege un șablon ale cărui dimensiuni și structură a conținutului se potrivesc ofertei. Ulterior poți modifica toate textele, câmpurile, culorile, imaginile, spațierea și aranjarea elementelor.

Designul pop-up-ului

Folosește editorul vizual pentru a aranja elementele pop-up-ului. Poți combina formularul de înscriere cu text, imagini, videoclipuri, liste, butoane, linkuri către rețelele sociale, un contor de abonați, elemente de spațiere și separatoare.

Păstrează mesajul principal suficient de scurt pentru a fi înțeles imediat. Un titlu clar, o explicație scurtă și un buton de trimitere cu un text precis sunt de obicei mai eficiente decât mai multe mesaje care concurează pentru atenție.

Selectează blocul formularului de înscriere pentru a configura câmpurile, informațiile obligatorii, etichetele ascunse, indicatorul de progres, contorul de abonați, elementele de introducere a datelor și butonul de trimitere. Deschide „Page settings” pentru a modifica fundalul general al pop-up-ului și setările implicite de aspect.

Pop-up-ul apare deasupra site-ului și include un buton de închidere. Lasă suficient spațiu în jurul textelor și câmpurilor importante, astfel încât formularul să rămână ușor de utilizat pe un ecran mic.

Configurarea comportamentului pop-up-ului

Selectează blocul formularului de înscriere și deschide „Widget Settings”. Această secțiune controlează momentul afișării pop-up-ului și cât de des îl poate vedea un vizitator.

Întârzierea afișării

„Display Delay” stabilește câte secunde așteaptă Maildroppa înainte de a afișa pop-up-ul pe pagina site-ului în care este integrat.

Introdu 0 pentru a-l afișa fără o întârziere suplimentară. Folosește o valoare mai mare dacă vrei să le lași vizitatorilor timp să citească pagina înainte de apariția ofertei. Editorul acceptă o întârziere de până la 86.400 de secunde.

Alege întârzierea în funcție de pagină. O întârziere scurtă poate fi potrivită pe o pagină dedicată unei campanii cu un scop precis, în timp ce una mai lungă poate fi mai puțin deranjantă într-un articol.

Frecvența afișării

„Display Frequency” stabilește după cât timp pop-up-ul poate fi afișat din nou aceluiași vizitator. Opțiunile disponibile sunt:

• Always — întotdeauna
• Once per hour — o dată pe oră
• Once per day — o dată pe zi
• Once per week — o dată pe săptămână
• Once per month — o dată pe lună

Folosește „Always” cu atenție. Un pop-up care întrerupe în mod repetat același vizitator poate deveni deranjant. Pentru o ofertă generală de pe site, afișarea zilnică sau săptămânală este adesea un punct de plecare mai bun.

Informațiile despre frecvență sunt stocate în browserul vizitatorului. De aceea, testarea într-un alt browser, într-o fereastră de navigare privată sau după ștergerea datelor stocate în browser poate produce un rezultat diferit.

Afișarea la intenția de ieșire

Activează „Exit Intent Popup” dacă vrei ca pop-up-ul să se deschidă când vizitatorul mută cursorul în afara zonei paginii, semnalând că este posibil să plece.

Când această opțiune este activată, pop-up-ul așteaptă acest comportament în loc să se afișeze după întârzierea obișnuită. Frecvența de afișare selectată împiedică în continuare reapariția sa prea curând.

Detectarea intenției de ieșire se bazează pe mișcarea cursorului și este, prin urmare, relevantă în principal în browserele de pe computere desktop și laptopuri. Dispozitivele cu ecran tactil nu oferă același semnal de ieșire. Asigură-te întotdeauna că vizitatorii de pe mobil pot descoperi oferta de abonare și pe pagină sau printr-un alt formular potrivit.

Deschiderea manuală a unui pop-up dintr-un element al paginii

Un pop-up se poate deschide când un vizitator face clic pe un anumit buton, o imagine sau un link de pe site. Acesta este declanșatorul manual prin clic. Este diferit de „Exit Intent Popup”, care reacționează când vizitatorul mută cursorul în afara paginii.

Configurează și instalează declanșatorul manual prin clic astfel:

1. Deschide pop-up-ul în editorul de formulare de înscriere.
2. Fă clic pe blocul formularului de înscriere din zona de lucru și deschide „Settings” în partea dreaptă.
3. Extinde „Widget Settings” și activează „Open popup when a customer clicks a page element”.
4. Fă clic pe „Save changes”.
5. Revino la lista din „Signup Forms” și activează pop-up-ul dacă este inactiv.
6. Fă clic pe „Show Code Snippet” pe rândul pop-up-ului respectiv.

Fereastra de dialog conține cele două valori necesare pe site:

1. Copiază codul complet din fila „JavaScript” și adaugă-l pe pagina site-ului unde vrei să fie disponibil pop-up-ul.
2. Sub cod, copiază ID-ul afișat la „Add this ID to element from which you want to manually trigger Popup”.
3. Adaugă exact acea valoare în atributul id al butonului, imaginii sau linkului care trebuie să deschidă pop-up-ul.

ID-ul are următorul format:

maildroppa-popup-btn-[form-id]

De exemplu:

<button id="maildroppa-popup-btn-[form-id]">Get the guide</button>

Codul JavaScript încarcă pop-up-ul. ID-ul leagă pop-up-ul de elementul selectat de pe pagină. Ambele trebuie să fie prezente pe aceeași pagină publicată. Când un vizitator face clic pe elementul cu acel ID exact, scriptul Maildroppa deschide pop-up-ul.

Dacă butonul de pe site are deja un ID de la un alt sistem de pop-up-uri, înlocuiește-l cu ID-ul declanșatorului Maildroppa atunci când Maildroppa trebuie să gestioneze clicul. Nu plasa pop-up-ul Maildroppa în interiorul unui alt pop-up oferit de platforma cu care ai creat site-ul.

Folosește fiecare ID HTML o singură dată pe pagină. Dacă mai multe elemente trebuie să deschidă același pop-up, roagă persoana care implementează site-ul să conecteze acele elemente fără a duplica ID-ul.

Conectarea fluxului de înscriere

Verifică fluxul de înscriere atribuit, afișat în antetul editorului. Acesta controlează răspunsul imediat după trimiterea formularului, e-mailul de confirmare a abonării (double opt-in) și rezultatul afișat după confirmare.

Poți selecta un flux existent, îl poți edita sau poți crea un flux separat pentru acest pop-up. Un flux dedicat este util când oferta are nevoie de propriul mesaj de confirmare sau de livrarea unei resurse oferite în schimbul abonării.

Previzualizarea și salvarea

Fă clic pe „Preview” pentru a verifica designul și comportamentul pop-up-ului fără a modifica versiunea utilizată pe site. Verifică aranjarea elementelor, butonul de închidere, ordinea câmpurilor, spațiul pentru mesajele de validare și răspunsul după trimiterea formularului.

Fă clic pe „Save changes” când pop-up-ul este gata. Apoi revino la lista din „Signup Forms”.

Activarea și integrarea pop-up-ului pentru afișare automată

Activează pop-up-ul din meniul de acțiuni cu trei puncte, dacă nu este deja activ. Apoi fă clic pe „Show Code Snippet” și copiază codul complet din fila „JavaScript”.

Adaugă scriptul pe fiecare pagină a site-ului unde vrei să fie disponibil pop-up-ul. Codul conține ID-ul unic al formularului pop-up și încarcă cea mai recentă configurație salvată.

Fila „HTML” oferă codul de marcare generat pentru implementări personalizate. Dacă o folosești, testează cu atenție toate comportamentele și etapele de trimitere a formularului, deoarece codul și stilurile site-ului pot afecta rezultatul.

Această secțiune se aplică atunci când pop-up-ul trebuie să se deschidă automat, în funcție de întârzierea afișării sau de intenția de ieșire. Pentru un buton, o imagine sau un link care deschide pop-up-ul la clic, urmează instrucțiunile din

.

Pentru instrucțiuni generale de integrare, consultă Crearea și integrarea unui formular în pagină.

Testarea pop-up-ului pe site

După adăugarea codului, testează pop-up-ul direct pe pagina site-ului:

1. Verifică întârzierea configurată.
2. Testează butonul de închidere și comportamentul la clic în afara formularului.
3. Dacă afișarea la intenția de ieșire este activată, mută cursorul în afara paginii pentru a o testa.
4. Dacă declanșatorul manual este activat, fă clic pe elementul configurat al paginii pentru a-l testa.
5. Verifică aranjarea elementelor pe un ecran îngust.
6. Trimite formularul și finalizează procesul de confirmare a abonării prin e-mail (double opt-in).
7. Verifică abonatul și etichetele ascunse în Maildroppa.

Setarea frecvenței poate împiedica reapariția pop-up-ului în timpul testărilor repetate. Folosește o fereastră de navigare privată sau șterge datele relevante stocate în browser când ai nevoie de un test neinfluențat de vizitele anterioare.

Actualizarea sau dezactivarea pop-up-ului

Pentru a actualiza pop-up-ul, deschide-l în Maildroppa, editează designul sau comportamentul, previzualizează-l și fă clic pe „Save changes”. Fragmentul de cod JavaScript va folosi în continuare același ID de formular.

Pentru a opri temporar afișarea, alege „Deactivate” din meniul de acțiuni. Dezactivarea păstrează pop-up-ul și datele sale anterioare din rapoarte. Elimină de pe site și scriptul sau elementul declanșator dacă nu mai sunt necesare.