Divi: Najlepšia WordPress tému všetkých čias!

viac Stahovanie 901.000, Divi je najobľúbenejšia WordPress tému na svete. Je kompletný, ľahko použiteľný a je dodávaný s viac než 62 bezplatnými šablónami.

Chceli by ste vedieť, ako vytvoriť viacstupňový formulár s Elementorom?

Poznáte Typeform? Je populárnym tvorcom online formulárov, ktorý je známy svojim interaktívnym štýlom. V Typeforme môžete vytvoriť interaktívny viacstupňový online formulár pre rôzne účely.

Ak máte web založený na WordPress, ktorý používa technológiu Elementor, môžete ľahko integrovať svoje formuláre Typeform pomocou Essential Addons.

Pozri tiež: Ako pridať cenovú mriežku v Elementore

Ale od verzie 2.9 má samotný Elementor funkciu, ktorú môžete použiť na vytváranie viacstupňových formulárov. V tomto článku vám ukážeme, ako to urobiť pomocou Elementoru.

Samotný viacstupňový formulár je vynikajúci nápad, ako ušetriť miesto na svojom dizajne (či už ide o stránku alebo šablónu na tvorbu tém). Umožňuje vám skrátiť dlhú formu na jednoduchšiu formu.

Ako vytvoriť viacstupňový formulár v Elementore

Skôr ako začnete, uistite sa, že ste upgradovali svoj Elementor na profesionálnu verziu pre prípad, že ste tak ešte neurobili, pretože miniaplikácia Formulár (miniaplikácia Elementor na vytváranie formulárov) je k dispozícii iba v profesionálnej verzii.

Čítajte tiež: Ako vytvoriť kontaktný formulár v aplikácii Elementor

V tomto článku prejdeme priamo k pridaniu miniaplikácie Formulár. Viacstupňový formulár, ktorý vytvoríme, sa skladá z troch krokov:

  • Krok 1: Meno a pohlavie
  • Krok 2: Telefón a e-mail
  • Krok 3: Prepínač

Najskôr potiahnite miniaplikáciu Formulár do editačného poľa Elementora.

Ľahko vytvorte svoje webové stránky pomocou Elementoru

Elementor vám umožňuje vytvárať Jednoducho a zadarmo akýkoľvek dizajn webovej stránky alebo blogu s profesionálnym vzhľadom. Prestaňte platiť veľa za webovú stránku, ktorú môžete urobiť sami.

Prejdite na panel nastavení na ľavej strane a vykonajte nastavenia. V bloku Polia formulára pod karta Obsah, definujte polia podľa svojich potrieb. V našom prípade sú to tieto polia:

  • názov
  • Žáner
  • Telefón
  • Email
  • hobby

vytvoriť formulár v niekoľkých krokoch

Po dokončení pridávania a definovania potrebných polí formulára pridajte ďalšie pole a nastavte typ poľa na Krok.

Pozri tiež: Ako vytvoriť zaoblený obrázok v aplikácii Elementor

Tento krok automaticky pridá nové pole v hornom poradí a nové pole v dolnej časti. Môžete nastaviť štítok horného poľa na niečo ako krok 1.

Chcete predávať svoje produkty na internete?

Stiahnite si zadarmo WooCommerce, najlepšie doplnky elektronického obchodu na predaj vašich fyzických a digitálnych produktov na WordPress a jednoduché vytvorenie vášho online obchodu. Ideálne pre začiatočníkov.

Potom potiahnite dolné pole a umiestnite ho tesne nad pole z druhého kroku (v tomto prípade pole Telefón).

Pridajte ďalšie pole a nastavte typ poľa v kroku. Potiahnite ho a umiestnite ho tesne nad pole v treťom kroku (v tomto prípade pole Hobby).

vytvoriť formulár v niekoľkých krokoch

Tu. Pred prispôsobením formulára si môžete pozrieť ukážku výsledku. Predvolene je typ kroku nastavený na číslo a text.

Upravovať môžete z bloku Parametre kroku pod záložkou Obsah.

Môžete prejsť na kartu Štýl prispôsobiť svoj formulár. Môžete otvoriť 5 nastavovacích blokov.

vytvorte s Elementorom viacstupňový formulár

  • Formulár : tento blok môžete otvoriť a definovať tak priestor medzi stĺpcami a riadkami formulára, typografiu (rodinu fontov, veľkosť písma, štýl písma atď.) štítkov formulára a farbu jeho textu .
  • Pole : Tento blok môžete otvoriť a definovať typografiu polí formulára, farbu textu polí, pozadie, šírku okraja, farbu okraja a polomer okraja.
  • Tlačidlo: Tento blok môžete otvoriť a prispôsobiť tlačidlá. Či už je to tlačidlo odoslania, predchádzajúce tlačidlo alebo nasledujúce tlačidlo. Môžete definovať prvky, ako je typografia textu, farba textu, farba pozadia atď.
  • Správa: Tento blok môžete otvoriť a definovať tak typografiu správ, ako aj farbu textu.
  • Udalosti: Tento blok môžete otvoriť a určiť typografiu krokov, farbu, šírku oddeľovača, priestor oddeľovača atď.

Po dokončení úprav šablóny ju môžete zverejniť alebo aktualizovať.

Prečítajte si tiež: Ako vytvoriť sekciu členov tímu s Elementorom 

Ak chcete vložiť formulár, ktorý ste práve vytvorili, na stránku Gutenberg (alebo ho možno chcete vložiť do blogového príspevku), môžete widget Form uložiť ako globálny widget. Potom môžete widget importovať pomocou doplnku Bloky elementov pre Gutenberga.

Získajte teraz prvok Elementor!

záver

Tu je! To je všetko pre tento článok, ktorý vám ukáže, ako vytvoriť viacstupňový formulár s Elementorom.  Ak máte nejaké obavy, ako sa tam dostať, fdajte nám vedieť v Komentáre.

Môžete sa však tiež poradiť naše zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, konzultujte nášho sprievodcu na internete Tvorba blogu WordPress alebo jeden na Divi: najlepšia téma WordPress všetkých čias.

Ale medzičasom zdieľajte tento článok na rôznych sociálnych sieťach.

...

0 akcie
podiel
tweet
Registrovať