Jak vytvořit vícestupňový formulář s Elementorem

Chtěli byste vědět, jak vytvořit a formulář v několika krocích s Elementor ?

Znáte Typeform? Je tvůrcem formuláře populární online platforma známá pro svůj interaktivní styl. V Typeform můžete vytvořit a formulář vícekroková interaktivní online hra pro širokou škálu účelů.

Pokud máte web založený na WordPress založený na Elementor, můžete bez námahy integrovat svůj formuláře Typeform pomocí Essential Addons.

Viz též: Jak přidat cenovou mřížku v Elementoru

Ale od verze 2.9, Elementor sám má funkci, kterou můžete použít k vytvoření formuláře v několika fázích. V tomto článku vám ukážeme, jak na to s pomocíElementor.

Un formulář multi-step sám o sobě je skvělý nápad, jak ušetřit místo na vašem návrhu (ať už jde o stránku nebo šablonu pro tvorbu témat). Umožňuje zkrátit dlouhý formulář do jednoduššího tvaru.

Jak vytvořit vícestupňový formulář v Elementoru

Než začnete, ujistěte se, že jste upgradovali svůj Elementor na profesionální verzi pro případ, že jste to ještě neudělali, protože widget Form (widget Elementor pro vytváření formulářů) je k dispozici pouze pro.

Čtěte také: Jak vytvořit kontaktní formulář v Elementoru

V tomto článku přejdeme přímo k přidání widgetu Formulář. Vícekrokový formulář, který vytvoříme, se skládá ze tří následujících kroků:

• Krok 1: Jméno a pohlaví
• Krok 2: Telefon a e-mail
• Krok 3: Přepínač

Nejprve přetáhněte widget Formulář do editačního pole Elementor.

Přejděte na panel nastavení na levé straně a proveďte nastavení. V bloku Pole formuláře sous karta Obsah, definujte pole podle svých potřeb. V našem případě jsou pole následující:

• Příjmení
• Žánr
• telefon
• E-mailem
• Koníček

Jakmile dokončíte přidávání a definování požadovaných polí formuláře, přidejte další pole a nastavte typ pole na Krok.

Viz též: Jak vytvořit zaoblený obraz v Elementoru

Tento krok automaticky přidá nové pole v horním pořadí a nové pole v dolní části. Štítek horního pole můžete nastavit na něco podobného kroku 1.

Poté přetáhněte spodní pole a umístěte jej těsně nad pole z druhého kroku (v tomto případě pole Telefon).

Přidejte další pole a nastavte typ pole na kroku. Přetáhněte ji a umístěte ji těsně nad pole ve třetím kroku (v tomto případě pole Hobby).

Tady. Před přizpůsobením formuláře si můžete zobrazit náhled výsledku. Ve výchozím nastavení je typ kroku nastaven na číslo a text.

Můžete upravovat z bloku Krokové parametry pod záložkou Obsah.

Na tuto kartu se dostanete Styl přizpůsobit svůj formulář. Existuje 5 bloků nastavení, které můžete otevřít.

• Formulář : tento blok můžete otevřít a definovat mezeru mezi sloupci a řádky formuláře, typografii (rodinu písem, velikost písma, styl písma atd.) popisků formuláře a barvu jeho textu .
• Pole : Tento blok můžete otevřít a definovat typografii polí formuláře, barvu textu polí, pozadí, šířku ohraničení, barvu ohraničení a poloměr ohraničení.
• Knoflík : Tento blok můžete otevřít a přizpůsobit si tlačítka. Ať už je to tlačítko odeslání, tlačítko předchozí nebo další tlačítko. Můžete definovat prvky, jako je typografie textu, barva textu, barva pozadí atd.
• Zpráva: Tento blok můžete otevřít a definovat typografii zpráv a barvu textu.
• Kroky: Tento blok můžete otevřít a definovat typografii kroků, barvu, šířku oddělovače, prostor oddělovače atd ...

Jakmile dokončíte úpravy šablony, můžete ji publikovat nebo aktualizovat.

Čtěte také: Jak vytvořit sekci člena týmu s Elementorem 

Pokud chcete vložit formulář, který jste právě vytvořili, na stránku Gutenberg (nebo ho chcete vložit do příspěvku na blogu), můžete widget Form uložit jako globální widget. Widget pak můžete importovat pomocí pluginu Bloky elementů pro Gutenberga.

Získejte nyní prvek Elementor Pro!

Proč investovat do čističky vzduchu?

Tady je ! To je pro tento článek, který vám ukáže, jak vytvořit vícestupňový formulář s Elementorem.  Pokud máte nějaké obavy, jak se tam dostat fdejte nám vědět v commentaires.

Můžete však také konzultovat naše zdroje, pokud potřebujete více prvků k realizaci vašich projektů vytváření internetových stránek, nahlédněte do našeho průvodce na internetu Vytvoření blogu WordPress nebo ten, který je zapnutý Divi: nejlepší téma WordPress všech dob.

Mezitím sdílejte tento článek na různých sociálních sítích.

...