Ž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
- Hobi
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).
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.
- 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.
...