Kako dodati formular ili popup na vaš systeme.io blog
Ovaj članak će vas naučiti kako da podesite inline formular ili popup formular na vašem systeme.io blogu.
Korak 1: Kreirajte inline formular
Prvo, potrebno je da kreirate kontakt formular iz vašeg prodajnog levka.
Da biste to uradili, idite na Sales Funnel, kliknite na Create step (1) da kreirate novi korak, zatim izaberite Inline Form (2).
Izaberite šablon po vašoj želji klikom na Select (3).
Pređite na editor stranice formulara klikom na Edit Page da prilagodite svoj formular (4).
Kontakt formular mora imati najmanje jedno Form input polje, ali možete dodati koliko god polja želite.
Izaberite element Form input. Zatim, kliknite na Settings (ikona zupčanika) da konfigurišete polje. Izaberite Input type koji želite da prikupite iz padajuće liste.
Takođe je potrebno da konfigurišete akciju dugmeta. Izaberite dugme i odredite šta se dešava nakon što korisnik pošalje formular.
Ne zaboravite da kliknete na Save changes pre nego što napustite editor ili vaš Inline formular.
Korak 2: Kreirajte popup formular
Idite na Sales Funnel, kliknite na Add step (5) da kreirate novi korak, zatim izaberite Popup Form (6).
Izaberite šablon po vašoj želji klikom na Select (7).
Pređite na editor stranice formulara klikom na Edit Page (8) da prilagodite svoj popup formular.
Kontakt formular mora imati najmanje jedno Form input polje, tako da možete dodati koliko god polja želite.
Izaberite element Form input. Zatim, kliknite na Settings (ikona zupčanika) da konfigurišete polje. Izaberite Input type koji želite da prikupite iz padajuće liste.
Takođe će biti potrebno da podesite dugme koje će zabeležiti akciju koja treba da se izvrši sa prikupljenim podacima.
Možete izabrati vreme nakon kojeg će se kontakt formular pojaviti na vašoj blog stranici; ovo vreme se može podesiti u Editoru (vreme koje treba navesti je u sekundama).
Ne zaboravite da kliknete na Save changes pre nego što napustite editor ili vaš popup formular.
Korak 3: Podesite Inline formular na vašem blogu
Da biste dodali kontakt formular na vaš blog, morate kopirati njegov skript i nalepiti ga na vašu blog stranicu.
Prvi korak je da se vratite na Step configuration vašeg Inline formulara, zatim treba da kliknete na Script.
Pojaviće se popup koji sadrži link ka vašoj Inline Form stranici. Kliknite na Copy link to clipboard.
Zatim ćete morati da pređete na editor blog stranice klikom na Edit iz menija ili direktnim klikom na naziv stranice na koju želite da dodate Inline formular.
Zatim, prevucite i pustite Raw HTML element na vašu blog stranicu.
Na kraju, potrebno je da pređete na podešavanja vašeg Raw HTML elementa.
Kliknite na Edit code i nalepite skript linka preuzetog sa vaše Inline Form stranice u njega.
Obavezno kliknite na Save da sačuvate HTML kod, kliknite na Save changes u editoru i sačuvajte pre nego što napustite vašu blog stranicu.
Ako pogledamo pregled blog stranice nakon toga, primetićemo prikaz formulara kao što je prikazano u nastavku:
Korak 4: Podešavanje popup formulara na vašem blogu:
Prilikom podešavanja kontakt formulara kao popup-a, postoje dva moguća načina da ga prikažete na vašoj blog stranici:
- Automatski: Popup se pojavljuje nakon određenog vremenskog odlaganja.
- Klikom: Popup se pojavljuje kada korisnik klikne na određeni link ili tekst.
Napomena: Za prvu opciju, metod je isti kao kada dodajete inline formular na blog, tako da ćemo detaljno objasniti drugi metod.
Da biste prikazali popup formular nakon klika na tekst, prvo se morate vratiti na Configuration koraka vašeg popup formulara, zatim treba da kliknete na Create a Link.
Pojaviće se popup koji će vam omogućiti da kreirate link koji otvara popup iz teksta:
- Morate izabrati sadržaj teksta koji će biti klikabilan.
- Morate kliknuti na Copy link to clipboard.
Otvorite editor za blog stranicu na koju želite da dodate link.
Zatim, potrebno je da podesite Raw HTML element na vašoj blog stranici.
Na kraju, potrebno je da pređete na podešavanja vašeg Raw HTML elementa**.**
Kliknite na Edit code i nalepite skript linka koji otvara stranicu popup formulara u njega, zatim kliknite na Save.
Obavezno kliknite na Save changes u editoru da sačuvate svoju stranicu pre nego što napustite vašu blog stranicu.
Ako pogledamo pregled blog stranice nakon toga, primetićemo prikaz popup formulara kada kliknemo na tekst Click here to open the popup kao što je prikazano u nastavku:
