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

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

Un pop-up este afișat deasupra conținutului site-ului tău. Plasează oferta de abonare direct în raza vizuală a vizitatorului, păstrând pagina de dedesubt.

Pop-up-urile sunt utile pentru oferte de newsletter, reduceri, înscrieri la evenimente, lead magnet-uri și alte îndemnuri la acțiune bine definite. Deoarece întrerup experiența normală a paginii, momentul afișării și frecvența sunt la fel de importante ca designul.

Acest ghid explică setările specifice pop-up-urilor. Aspectele, blocurile de conținut, câmpurile abonaților, etichetele, tipografia, straturile și fluxurile de abonare sunt prezentate în Ghidul principal pentru crearea formularelor de abonare.

Crearea unui pop-up

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

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

Folosește un nume care explică oferta sau poziționarea, precum „Homepage Discount Popup”, „Webinar Registration Popup” sau „Guide Download Popup”. Numele intern nu este afișat automat vizitatorilor.

Alegerea unui șablon pentru pop-up

Pop-up-urile oferă un formular gol, un formular standard și patru șabloane create special:

• Reducere simplă
• Ghid prietenos
• Webinar întunecat
• Comunitate discretă

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

Proiectarea pop-up-ului

Folosește creatorul vizual pentru a aranja pop-up-ul. Poți combina formularul de abonare cu text, imagini, videoclipuri, liste, butoane, linkuri 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. De obicei, un titlu clar, o explicație scurtă și un buton de trimitere specific sunt mai eficiente decât mai multe mesaje concurente.

Selectează blocul formularului de abonare pentru a configura câmpurile, informațiile obligatorii, etichetele ascunse, indicatorul de progres, contorul de abonați, câmpurile de introducere ș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, cu un control de închidere. Lasă suficient spațiu vizual î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 abonare ș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” definește câte secunde așteaptă Maildroppa înainte de a afișa pop-up-ul pe o pagină de site încorporată.

Introdu 0 pentru a-l afișa fără o întârziere suplimentară. Folosește o valoare mai mare când vizitatorii ar trebui să aibă timp să citească pagina înainte de apariția ofertei. Creatorul 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ă de campanie concentrată, în timp ce o întârziere mai lungă poate fi mai puțin deranjantă într-un articol.

Frecvența afișării

„Display Frequency” controlează perioada după care pop-up-ul poate fi afișat din nou aceluiași vizitator. Opțiunile disponibile sunt:

• Întotdeauna
• O dată pe oră
• O dată pe zi
• O dată pe săptămână
• O dată pe lună

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

Frecvența este stocată în browserul vizitatorului. Prin urmare, testarea într-un alt browser, într-o fereastră de navigare privată sau după ștergerea spațiului de stocare al browserului poate produce un rezultat diferit.

Utilizarea intenției de ieșire

Activează „Exit Intent Popup” atunci când pop-up-ul ar trebui să se deschidă după ce vizitatorul mută cursorul în afara zonei paginii, indicând că este posibil să fie pe punctul de a pleca.

Când intenția de ieșire este activată, pop-up-ul așteaptă acest comportament în loc să urmeze afișarea întârziată normală. Frecvența de afișare selectată împiedică în continuare afișarea sa din nou prea curând.

Intenția de ieșire se bazează pe mișcarea cursorului și este, prin urmare, relevantă în principal pentru browserele de desktop și laptop. Dispozitivele tactile nu oferă același semnal de ieșire. Asigură-te întotdeauna că vizitatorii de pe mobil îți pot descoperi oferta de abonare prin intermediul paginii sau al unui 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ă atunci când vizitatorul mută cursorul în afara paginii.

Configurează și instalează declanșatorul manual prin clic după cum urmează:

1. Deschide pop-up-ul în Signup Form Builder.
2. Fă clic pe blocul formularului de abonare de pe pânză ș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 prezentarea generală Signup Forms și activează pop-up-ul dacă este inactiv.
6. Fă clic pe „Show Code Snippet” în rândul pop-up-ului respectiv.

Dialogul conține cele două valori necesare pe site-ul tău:

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

ID-ul urmează acest format:

maildroppa-popup-btn-[form-id]

De exemplu:

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

JavaScript-ul încarcă pop-up-ul. ID-ul conectează pop-up-ul la elementul de pagină selectat. 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 site-ului 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 al doilea pop-up furnizat de creatorul site-ului.

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

Conectarea fluxului de abonare

Verifică fluxul de abonare atribuit în antetul creatorului. Acesta controlează răspunsul imediat după trimitere, e-mailul Double Opt-in și rezultatul 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 atunci când oferta are nevoie de propriul mesaj de confirmare sau de livrarea unui lead magnet.

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ă aspectul, controlul de închidere, ordinea câmpurilor, spațiul pentru validare și răspunsul după trimitere.

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

Activarea și încorporarea automată a pop-up-ului

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 pe care pop-up-ul ar trebui să fie disponibil. Codul conține ID-ul unic al formularului pop-up-ului și încarcă configurația sa salvată curentă.

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

Această secțiune se aplică atunci când pop-up-ul ar trebui să se deschidă automat pe baza întârzierii de afișare sau a comportamentului de intenție de ieșire. Pentru un buton, o imagine sau un link care deschide pop-up-ul la clic, urmează

.

Pentru instrucțiuni generale de încorporare, consultă Crearea și încorporarea unui formular încorporat.

Testarea pop-up-ului pe site

Testează pop-up-ul pe pagina reală a site-ului după adăugarea codului:

1. Verifică întârzierea configurată.
2. Testează butonul de închidere și fă clic în afara formularului.
3. Dacă este activată, mută cursorul în afara paginii pentru a testa intenția de ieșire.
4. Dacă este activat, fă clic pe elementul de pagină configurat pentru a testa declanșatorul manual.
5. Verifică aspectul pe un ecran îngust.
6. Trimite formularul și finalizează procesul 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 spațiul de stocare relevant al browserului atunci când ai nevoie de o vizită de testare curată.

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 JavaScript va continua să utilizeze același ID de formular.

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