Želite li znati kako stvoriti a obrazac u nekoliko koraka sa Elementor ?

Znate li Typeform? On je kreator obrasci popularna online platforma poznata po svom interaktivnom stilu. U Typeformu možete stvoriti a obrazac interaktivni online u više koraka za širok raspon namjena.

Ako imate web stranicu temeljenu na WordPressu koju pokreće Elementor, možete bez napora integrirati svoje obrasci Tipkajte koristeći Essential Addons.

Vidi također: Kako dodati mrežu cijena u Elementor

Ali od verzije 2.9, Elementor ima značajku koju možete koristiti za stvaranje obrasci u nekoliko faza. U ovom članku ćemo vam pokazati kako to učiniti uz pomoćElementor.

Un obrazac multi-step sam po sebi odlična je ideja za uštedu prostora na vašem dizajnu (bilo da se radi o stranici ili predlošku za izradu tema). Omogućuje vam da skratite dugačak obrazac u jednostavniji oblik.

Kako stvoriti obrazac s više koraka u Elementoru

Prije nego što započnete, provjerite jeste li nadogradili Elementor na pro verziju u slučaju da niste jer je widget Form (widget Elementor za stvaranje obrazaca) dostupan samo u profilu.

Pročitajte također: Kako stvoriti obrazac za kontakt u Elementoru

U ovom ćemo članku prijeći izravno na dodavanje widgeta Form. Obrazac u više koraka koji ćemo stvoriti sastoji se od tri koraka kako slijedi:

  • Korak 1: Ime i spol
  • Korak 2: Telefon i e-pošta
  • Korak 3: Radio gumb

Prvo povucite widget Obrazac u uređivački okvir Elementara.

Idite na ploču s postavkama na lijevoj strani da biste izvršili postavke. U bloku Polja obrasca pod karticu Sadržaj, definirajte polja prema svojim potrebama. U našem slučaju, polja su sljedeća:

  • ime
  • Žanr
  • Telefon
  • E-mail
  • Hobi

stvorite obrazac u nekoliko koraka

Kada završite s dodavanjem i definiranjem polja obrasca koja su vam potrebna, dodajte drugo polje i postavite vrstu polja na Korak.

Vidi također: Kako stvoriti zaobljenu sliku u Elementoru

Ovaj korak automatski dodaje novo polje u gornjem redoslijedu i novo polje u dnu. Oznaku gornjeg polja možete postaviti na nešto slično korak 1.

Zatim povucite donje polje i postavite ga tik iznad polja iz drugog koraka (u ovom slučaju polje Telefon).

Dodajte drugo polje i postavite vrstu polja na Koraku. Povucite je i stavite odmah iznad polja u trećem koraku (u ovom slučaju polje Hobi).

stvorite obrazac u nekoliko koraka

Ovdje. Rezultat možete pregledati prije nego prilagodite obrazac. Po zadanom je vrsta koraka postavljena na broj i tekst.

Možete uređivati ​​iz bloka Parametri koraka ispod kartice Sadržaj.

Možete pristupiti kartici Stil da prilagodite svoj obrazac. Postoji 5 blokova za podešavanje koje možete otvoriti.

stvorite obrazac u više koraka s Elementorom

  • Oblik : ovaj blok možete otvoriti da biste definirali razmak između stupaca i linija obrasca, tipografiju (obitelj fontova, veličinu fonta, stil fonta itd.) naljepnica obrasca i boju teksta potonjeg .
  • Polja : Možete otvoriti ovaj blok da definirate tipografiju polja obrasca, boju teksta polja, pozadinu, širinu obruba, boju obruba i radijus obruba.
  • Dugme : Ovaj blok možete otvoriti za prilagodbu gumba. Bez obzira radi li se o gumbu za slanje, prethodnom ili sljedećem gumbu. Možete definirati elemente kao što su tipografija teksta, boja teksta, boja pozadine itd.
  • Poruka: Ovaj blok možete otvoriti da biste definirali tipografiju poruka kao i boju teksta.
  • Koraci: Ovaj blok možete otvoriti kako biste definirali tipografiju koraka, boju, širinu separatora, prostor separatora itd.

Nakon što završite s uređivanjem predloška, ​​možete ga objaviti ili ažurirati.

Pročitajte također: Kako stvoriti odjeljak za člana tima s Elementorom 

Ako želite umetnuti obrazac koji ste upravo stvorili na Gutenbergovu stranicu (ili ga možda želite umetnuti u blog post), widget Obrazac možete spremiti kao globalni widget. Zatim widget možete uvesti pomoću dodatka Elementarni blokovi za Gutenberga.

Nabavite Elementor Pro odmah!

Zaključak

Ovdje je ! To je to za ovaj članak koji vam pokazuje kako stvoriti obrazac u više koraka s Elementorom.  Ako imate bilo kakvih nedoumica kako doći tamo fjavite nam u Komentari.

Međutim, možete se konzultirati naši resursi, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na internetu Izrada bloga WordPress ili onaj koji je uključen Divi: najbolja WordPress tema svih vremena.

Ali u međuvremenu, ovaj članak podijelite na svojim različitim društvenim mrežama.

...