Cum să adaugi un formular sau un popup pe blogul tău systeme.io
Acest articol te va învăța cum să configurezi un formular inline sau un formular popup pe blogul tău systeme.io.
Pasul 1: Creează un formular inline
Mai întâi, va trebui să creezi un formular de contact din funnel-ul tău de vânzări.
Pentru a face acest lucru, mergi la Funnel-ul de vânzări, dă clic pe Creează pas (1) pentru a crea un pas nou, apoi alege Formular Inline (2).
Alege șablonul dorit dând clic pe Selectează (3).
Mergi la editorul paginii formularului dând clic pe Editează pagina pentru a-ți personaliza formularul (4).
Un formular de contact trebuie să aibă cel puțin un câmp de formular, dar poți adăuga câte câmpuri dorești.
Selectează elementul Câmp de formular. Apoi, dă clic pe pictograma Setări (roată dințată) pentru a configura câmpul. Selectează Tipul de câmp pe care dorești să îl colectezi din lista derulantă.
De asemenea, trebuie să configurezi acțiunea butonului. Selectează butonul și alege ce se întâmplă după ce utilizatorul trimite formularul.
Nu uita să dai clic pe Salvează modificările înainte de a părăsi editorul sau formularul tău inline.
Pasul 2: Creează un formular popup
Mergi la Funnel-ul de vânzări, dă clic pe Adaugă pas (5) pentru a crea un pas nou, apoi alege Formular Popup (6).
Alege șablonul dorit dând clic pe Selectează (7).
Mergi la editorul paginii formularului dând clic pe Editează pagina (8) pentru a-ți personaliza formularul popup.
Un formular de contact trebuie să aibă cel puțin un câmp de formular, astfel încât poți pune câte câmpuri dorești.
Selectează elementul Câmp de formular. Apoi, dă clic pe pictograma Setări (roată dințată) pentru a configura câmpul. Selectează Tipul de câmp pe care dorești să îl colectezi din lista derulantă.
Va fi necesar, de asemenea, să setezi butonul care va înregistra acțiunea de efectuat cu elementul colectat.
Poți alege un timp pentru ca formularul de contact să apară pe pagina blogului tău; acest timp poate fi ajustat folosind editorul (timpul de indicat este în secunde).
Nu uita să dai clic pe Salvează modificările înainte de a părăsi editorul sau formularul tău popup.
Pasul 3: Configurează formularul inline pe blogul tău
Pentru a adăuga formularul de contact pe blogul tău, trebuie să copiezi scriptul său și să îl lipești pe pagina blogului tău.
Primul pas este să te întorci la Configurarea pasului formularului tău Inline, apoi trebuie să dai clic pe Script.
Va fi afișat un popup care conține un link către pagina formularului tău inline. Dă clic pe Copiază linkul în clipboard.
Apoi va trebui să mergi la editorul paginii blogului dând clic pe Editează din meniu sau dând clic direct pe numele paginii pe care dorești să adaugi formularul inline.
Apoi, trage și plasează un element Raw HTML pe pagina blogului tău.
În final, va trebui să mergi la setările elementului tău Raw HTML.
Dă clic pe Editează cod și lipește scriptul linkului recuperat din pagina formularului tău Inline în el.
Asigură-te că dai clic pe Salvează pentru a salva codul HTML, dă clic pe Salvează modificările în editor și salvează înainte de a ieși din pagina blogului tău.
Dacă previzualizăm pagina blogului după aceea, vom observa afișarea formularului după cum se arată mai jos:
Pasul 4: Configurarea formularului popup pe blogul tău:
Când configurezi un formular de contact ca popup, există două moduri posibile de a-l afișa pe pagina blogului tău:
- Automat: Popup-ul apare după o întârziere de timp specifică.
- La clic: Popup-ul apare când un utilizator dă clic pe un link sau text specific.
Notă: Pentru prima opțiune, metoda este aceeași ca atunci când adaugi un formular inline pe un blog, așa că vom explica în detaliu a doua metodă.
Pentru a afișa formularul popup după ce dai clic pe un text, mai întâi trebuie să te întorci la Configurarea pasului formularului tău popup, apoi trebuie să dai clic pe Creează un link.
Va apărea un popup care îți va permite să dai clic pe un link care deschide popup-ul dintr-un text:
- Trebuie să alegi conținutul textului care va fi clicabil.
- Trebuie să dai clic pe Copiază linkul în clipboard.
Deschide editorul pentru pagina blogului pe care dorești să adaugi linkul.
Apoi, trebuie să configurezi un element Raw HTML pe pagina blogului tău.
În final, va trebui să mergi la setările elementului tău Raw HTML.
Dă clic pe Editează cod și lipește scriptul linkului care deschide o pagină de formular popup în el, apoi dă clic pe Salvează.
Asigură-te că dai clic pe Salvează modificările în editor pentru a salva pagina înainte de a ieși din pagina blogului tău.
Dacă previzualizăm pagina blogului după aceea, vom observa afișarea formularului popup când dăm clic pe textul Dă clic aici pentru a deschide popup-ul după cum se arată mai jos:
