Creați și poziționați formulare glisante

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

Un formular glisant este un formular compact de înscriere care apare la marginea sau într-o poziție selectată a ferestrei browserului.

Atrage mai multă atenție decât un formular plasat în interiorul paginii, ocupând în același timp mai puțin spațiu pe site decât un Popup centrat. Formularele glisante sunt potrivite pentru mementouri privind newsletterele, reduceri, actualizări ale produselor ș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 aspect, conținut, câmpuri, etichete, tipografie, straturi și fluxul de înscriere sunt prezentate în ghidul principal pentru Signup Form Builder.

Crearea unui formular glisant

Deschideți „Signup Forms”, faceți clic pe „Create Form” și selectați „Slide-in”. Introduceți un nume intern clar și continuați în constructor.

De asemenea, puteți edita un formular glisant existent făcând clic pe numele acestuia în Signup Forms Overview.

Folosiți un nume precum „Blog Newsletter Slide-in”, „New Product Reminder” sau „Summer Coupon Slide-in”. Numele intern vă ajută să gestionați formularul și nu este afișat automat vizitatorilor.

Alegerea unui șablon pentru formularul glisant

Formularele glisante oferă un formular gol, un formular standard și patru șabloane create special:

• Memento simplu
• Ofertă închisă la culoare
• Cupon cald
• Notă minimalistă

Șabloanele sunt concepute pentru mesaje compacte, dar fiecare element rămâne editabil. Puteți modifica conținutul, câmpurile, culorile, tipografia, bordura, spațierea și butonul de trimitere după alegerea unui punct de pornire.

Proiectarea formularului glisant

Folosiți constructorul vizual pentru a aranja formularul glisant. Acesta poate conține formularul de înscriere împreună cu text, o imagine, un videoclip, o listă, un buton, linkuri sociale, un contor de abonați, un spațiu sau un separator.

Spațiul este mai limitat decât pe o Landing Page sau într-un Embedded Form lat. Păstrați oferta concentrată și evitați să adăugați conținut care îi obligă pe vizitatori să caute câmpurile sau butonul de trimitere.

Selectați 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 și butonul de trimitere. Deschideți „Page settings” pentru a modifica fundalul formularului glisant și setările implicite ale aspectului general.

Un aspect cu o singură coloană este, de obicei, cea mai clară alegere. Dacă folosiți mai multe coloane, verificați cu atenție cum se aranjează acestea pe ecranele înguste.

Alegerea poziției pe ecran

Selectați blocul formularului de înscriere și deschideți „Widget Settings”. Selectorul de poziție oferă o grilă trei-pe-trei:

• Stânga sus, centru sus sau dreapta sus
• Stânga centru, centru sau dreapta centru
• Stânga jos, centru jos sau dreapta jos

Alegeți o poziție care nu acoperă controale importante ale site-ului. Verificați notificările privind cookie-urile, widgeturile de chat, navigarea, butoanele coșului de cumpărături și alte elemente fixe înainte de a lua o decizie.

Pe ecranele mobile înguste, Maildroppa simplifică poziționarea pentru ca formularul glisant să se încadreze în lățimea disponibilă. Pozițiile de sus rămân în partea de sus; celelalte poziții sunt afișate din marginea inferioară. Testați întotdeauna rezultatul pe un ecran mic, nu vă bazați doar pe poziția de pe desktop.

Setarea întârzierii de afișare

„Display Delay” definește numărul de secunde pe care Maildroppa îl așteaptă înainte de a afișa formularul glisant pe o pagină de site cu formular încorporat.

Folosiți 0 atunci când formularul glisant trebuie să fie disponibil imediat. Introduceți o întârziere mai mare dacă vizitatorii ar trebui să aibă mai întâi timp să interacționeze cu pagina. Constructorul acceptă o întârziere de până la 86.400 de secunde.

O întârziere scurtă poate funcționa bine pentru un simplu memento privind newsletterul. Pentru un articol mai lung, o apariție mai târzie poate părea mai naturală și poate face oferta mai relevantă pentru cititorii implicați.

Setarea frecvenței de afișare

„Display Frequency” controlează perioada după care formularul glisant poate fi afișat din nou aceluiași vizitator. Puteți alege:

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

Folosiți o frecvență care corespunde ofertei. O promoție temporară poate necesita un interval mai scurt, în timp ce un memento general privind newsletterul nu trebuie, de obicei, să apară la fiecare vizită.

Frecvența este stocată în browserul vizitatorului. Un alt browser, o fereastră de navigare privată sau ștergerea stocării browserului sunt tratate ca un istoric de vizite diferit.

Conectarea fluxului de înscriere

Verificați fluxul de înscriere atribuit în antetul constructorului. Acesta definește răspunsul după trimitere, e-mailul Double Opt-in și ce se întâmplă după confirmare.

Puteți selecta un flux existent, edita fluxul actual sau crea unul special pentru acest formular glisant. Dacă fluxul este utilizat de mai multe formulare, modificările asupra lui le afectează pe toate.

Previzualizarea și salvarea

Faceți clic pe „Preview” pentru a verifica formularul glisant înainte de a-l adăuga pe site. Verificați poziția selectată, comportamentul la deschidere, ordinea câmpurilor, controlul de închidere și răspunsul complet la înscriere.

Faceți clic pe „Save changes” când formularul și Widget Settings sunt pregătite. Apoi reveniți la Signup Forms Overview.

Activarea și încorporarea formularului glisant

Activați formularul glisant din meniul de acțiuni cu trei puncte dacă nu este deja activ. Faceți clic pe „Show Code Snippet” și copiați codul complet din fila „JavaScript”.

Adăugați acest script pe fiecare pagină a site-ului pe care formularul glisant ar trebui să fie disponibil. Spre deosebire de un Embedded Form, poziția exactă a scriptului în pagină nu determină poziția vizibilă a formularului glisant. Poziția aleasă în Widget Settings controlează locul în care acesta apare.

Fila „HTML” oferă marcajul generat pentru implementări personalizate. Testați cu atenție interacțiunea și fluxul complet de trimitere dacă site-ul folosește această opțiune.

Pentru instrucțiuni generale privind amplasarea codului, consultați Building and Embedding an Embedded Form.

Testarea formularului glisant pe site

După adăugarea codului, testați pagina reală a site-ului:

1. Verificați dacă formularul glisant apare după întârzierea selectată.
2. Confirmați poziția pe un ecran lat.
3. Verificați poziția și lățimea adaptate pe un ecran îngust.
4. Asigurați-vă că nu acoperă navigarea, controalele pentru cookie-uri, butoanele de chat sau alte acțiuni importante.
5. Testați deschiderea și închiderea formularului glisant.
6. Trimiteți formularul și finalizați procesul Double Opt-in.
7. Verificați abonatul și etichetele ascunse în Maildroppa.

Setarea frecvenței poate împiedica reapariția formularului în timpul testărilor repetate. Folosiți o fereastră de navigare privată sau ștergeți stocarea relevantă a browserului atunci când trebuie să simulați un vizitator nou.

Actualizarea sau dezactivarea formularului glisant

Deschideți același formular glisant în Maildroppa, efectuați modificările, previzualizați-le și faceți clic pe „Save changes”. Fragmentul JavaScript continuă să utilizeze același ID de formular și încarcă configurația salvată.

Alegeți „Deactivate” în Signup Forms Overview atunci când formularul glisant trebuie scos din funcțiune fără a fi șters. Eliminați și scriptul de pe site dacă nu mai intenționați să îl utilizați acolo.