Creează și poziționează formulare glisante

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

Un formular glisant (Slide-in) este un formular compact de înscriere care apare la marginea ferestrei browserului sau într-o poziție aleasă în interiorul acesteia.

Atrage mai multă atenție decât un formular integrat în pagină și acoperă o suprafață mai mică a site-ului decât un formular de tip pop-up centrat. Formularele glisante sunt potrivite pentru mesaje care reamintesc vizitatorilor să se aboneze la newsletter, reduceri, noutăți despre produse și oferte scurte care ar trebui să rămână vizibile în timp ce vizitatorul citește pagina.

Acest ghid explică setările specifice formularelor glisante. Funcțiile comune pentru aranjarea în pagină, conținut, câmpuri, etichete, tipografie, straturi și fluxul de înscriere sunt prezentate în ghidul principal al editorului de formulare de înscriere.

Creează un formular glisant

Deschide „Signup Forms”, apasă pe „Create Form” și selectează „Slide-in”. Introdu un nume intern ușor de recunoscut și continuă în editor.

Poți edita și un formular glisant existent apăsând pe numele lui în lista formularelor de înscriere.

Folosește un nume precum „Formular glisant pentru newsletterul blogului”, „Notificare despre un produs nou” sau „Formular glisant cu un cupon de vară”. Numele intern te ajută să gestionezi formularul și nu este afișat automat vizitatorilor.

Alege un șablon pentru formularul glisant

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

• Clean reminder
• Dark offer
• Warm coupon
• Minimal note

Șabloanele sunt concepute pentru mesaje compacte, dar fiecare element poate fi editat. După ce alegi un șablon de pornire, poți modifica textul și celelalte elemente de conținut, câmpurile, culorile, tipografia, chenarul, spațierea și butonul de trimitere.

Configurează aspectul formularului glisant

Folosește editorul vizual pentru a aranja elementele formularului glisant. Acesta poate include formularul de înscriere alături de text, o imagine, un videoclip, o listă, un buton, linkuri către rețele sociale, un contor de abonați, un element de spațiere sau un separator.

Spațiul este mai limitat decât pe o pagină de destinație sau într-un formular încorporat lat. Păstrează oferta la obiect și evită să adaugi conținut care îi obligă pe vizitatori să caute câmpurile sau butonul de trimitere.

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

Aranjarea într-o singură coloană este, de obicei, cea mai clară opțiune. Dacă folosești mai multe coloane, verifică atent cum se așază una sub alta pe ecranele înguste.

Alege poziția pe ecran

Selectează blocul formularului de înscriere și deschide „Widget Settings”. Selectorul de poziție oferă o grilă cu trei rânduri și trei coloane:

• Sus: în stânga, la centru sau în dreapta
• La mijloc: în stânga, la centru sau în dreapta
• Jos: în stânga, la centru sau în dreapta

Alege o poziție care nu acoperă elemente importante de control ale site-ului. Înainte de a decide, verifică notificările privind cookie-urile, widgeturile de chat, meniurile de navigare, butoanele coșului de cumpărături și alte elemente fixe.

Pe ecranele înguste ale dispozitivelor mobile, Maildroppa simplifică poziționarea, astfel încât formularul glisant să se încadreze în lățimea disponibilă. Pozițiile de sus rămân în partea de sus; în cazul celorlalte poziții, formularul apare de la marginea de jos. Testează întotdeauna rezultatul pe un ecran mic, fără să te bazezi doar pe poziția de pe desktop.

Setează întârzierea afișării

„Display Delay” stabilește câte secunde așteaptă Maildroppa înainte de a afișa formularul glisant pe o pagină a site-ului în care ai încorporat codul.

Folosește 0 dacă formularul glisant trebuie să fie disponibil imediat. Introdu o întârziere mai mare dacă vrei ca vizitatorii să aibă mai întâi timp să interacționeze cu pagina. Editorul acceptă o întârziere de până la 86.400 de secunde.

O întârziere scurtă poate fi potrivită pentru un simplu mesaj care reamintește vizitatorilor să se aboneze la newsletter. În cazul unui articol mai lung, o apariție mai târzie poate părea mai firească și poate face oferta mai relevantă pentru cititorii interesați de conținut.

Setează frecvența afișării

„Display Frequency” stabilește intervalul după care formularul glisant poate fi afișat din nou aceluiași vizitator. Poți alege:

• Always — de fiecare dată
• 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 o frecvență potrivită ofertei. O promoție temporară poate necesita un interval mai scurt, în timp ce un mesaj general care reamintește vizitatorilor să se aboneze la newsletter nu trebuie, de obicei, să apară la fiecare vizită.

Frecvența este memorată în browserul vizitatorului. Folosirea unui alt browser, a unei ferestre de navigare privată sau ștergerea datelor stocate în browser sunt tratate ca un istoric de vizite diferit.

Asociază fluxul de înscriere

Verifică fluxul de înscriere asociat, afișat în antetul editorului. Acesta definește răspunsul după trimiterea formularului, e-mailul de confirmare a abonării (double opt-in) și ce se întâmplă după confirmare.

Poți selecta un flux existent, îl poți edita pe cel actual sau poți crea unul special pentru acest formular glisant. Dacă mai multe formulare folosesc același flux, modificările aduse acestuia le afectează pe toate.

Previzualizează și salvează

Apasă pe „Preview” pentru a verifica formularul glisant înainte de a-l adăuga pe site. Verifică poziția selectată, comportamentul la deschidere, ordinea câmpurilor, butonul de închidere și întregul răspuns la înscriere.

Apasă pe „Save changes” când formularul și setările din „Widget Settings” sunt gata. Apoi revino la lista „Signup Forms”.

Activează și încorporează formularul glisant

Activează formularul glisant din meniul de acțiuni cu trei puncte, dacă nu este deja activ. Apasă pe „Show Code Snippet” și copiază întregul cod din fila „JavaScript”.

Adaugă acest script pe fiecare pagină a site-ului pe care vrei să fie disponibil formularul glisant. Spre deosebire de un formular încorporat, poziția exactă a scriptului în pagină nu determină poziția vizibilă a formularului glisant. Poziția aleasă în „Widget Settings” stabilește locul în care apare acesta.

Fila „HTML” oferă codul HTML generat pentru implementări personalizate. Dacă site-ul folosește această opțiune, testează atent toate interacțiunile și întregul flux de trimitere a formularului.

Pentru instrucțiuni generale despre amplasarea codului, consultă Crearea și încorporarea unui formular în pagină.

Testează formularul glisant pe site

După ce adaugi codul, testează pagina propriu-zisă a site-ului:

1. Verifică dacă formularul glisant apare după întârzierea selectată.
2. Confirmă poziția acestuia pe un ecran lat.
3. Verifică poziția și lățimea adaptate pe un ecran îngust.
4. Asigură-te că nu acoperă meniurile de navigare, comenzile pentru cookie-uri, butoanele de chat sau alte acțiuni importante.
5. Testează deschiderea și închiderea formularului glisant.
6. Trimite formularul și finalizează confirmarea abonării prin e-mail (double opt-in).
7. Verifică abonatul și etichetele ascunse în Maildroppa.

Setarea frecvenței poate împiedica reapariția formularului în timpul testelor repetate. Folosește o fereastră de navigare privată sau șterge datele relevante stocate în browser când trebuie să simulezi un vizitator nou.

Actualizează sau dezactivează formularul glisant

Deschide același formular glisant în Maildroppa, fă modificările, previzualizează-le și apasă pe „Save changes”. Fragmentul de cod JavaScript continuă să folosească același ID de formular și încarcă configurația salvată.

Alege „Deactivate” din lista „Signup Forms” când vrei să oprești afișarea formularului glisant fără să îl ștergi. Elimină și scriptul de pe site dacă nu mai intenționezi să îl folosești acolo.