Chcete vytvořit vícekrokový formulář nebo chcete vytvořit vícestránkový formulář ve WordPressu? Tento WordPress tutoriál vše ti vysvětlí ?

Chcete-li na svém webu vytvářet formuláře, které se vám daří, vícestránkové formuláře jsou správnou cestou. Rozprostírají se na více stránkách, bojují proti únavě a zvyšují zapojení uživatelů.

V tomto článku vám ukážeme, jak vytvořit vícestránkový formulář ve WordPressu, abyste získali více konverzí.

Ale dříve, pokud jste nikdy nenainstalovali WordPress objevit Jak nainstalovat 7 kroků WordPress blogu et Jak najít, nainstalovat a aktivovat WordPress téma na svém blogu 

Pak zpět k tomu, proč jsme tady. 

Ale proč používat vícestránkové formuláře ve WordPressu?

Proč přidat vícestránkový formulář ve WordPressu?

Jak jsme uvedli výše, vícestránkové formuláře jsou rozděleny na více stránek. Přidání dalších kroků do formuláře se může zdát neintuitivní, ale ve skutečnosti může zvýšit míru konverze formuláře.

Vícestránkové formuláře snižují tření pro uživatele, kteří musí dělat příliš mnoho možností najednou. Díky jednoduchým možnostem je každý krok formuláře méně zahlcující a ukazatele průběhu vybízejí uživatele, aby pokračovali a vyplnili formulář.

Vzhledem k tomu, že jste svůj formulář navrhli tak, abyste zvýšili míru dokončení, bude méně pravděpodobné, že zaznamenáte opuštění formuláře. A s využitím podmíněné logiky můžete uživatelům poskytovat různé stránky na základě jejich odpovědí, což usnadní shromažďování potřebných informací.

Nyní, když víte, proč je použití vícestránkových formulářů ideální uživatelská zkušenost, Pojďme k vytvoření formuláře ve WordPressu.

Jak vytvořit vícestránkový formulář ve WordPressu

V tomto tutoriálu použijeme WPForms k vytváření vícestránkových formulářů ve WordPressu. WPForms je nejlepší plugin pro tvorbu formulářů WordPress přetažením. A s více než 3 miliony aktivních instalací je to nejpřívětivější nástroj pro začátečníky, který je k dispozici.

Nejlepší ze všeho je, že má bezplatnou i placenou verzi, ale dnes budeme používat Pro verzi WPForms k vytvoření vícestránkového formuláře ve WordPressu.

Přečtěte si také našeho průvodce Jak přizpůsobit formuláře WPForms pomocí Elementor

Začněme tedy prvním krokem, kterým je vytvoření nového formuláře.

Krok 1: Vytvořte nový formulář ve WordPressu

První věcí, kterou musíte udělat, je nainstalovat a aktivovat WPForms plugin. Pokud nevíte jak, můžete postupovat podle tohoto průvodce krok za krokem k instalaci pluginů WordPress pro začátečníky.

S WPForms můžete rozdělit jakýkoli typ formuláře na více částí, takže pojďme do toho a vytvořte a kontaktní formulář jednoduchý.

Přejděte do nabídky WPForms -> Přidat vytvořit nový formulář a zobrazit dostupné šablony.

Poté na této stránce svůj formulář pojmenujte, zadejte vícestránkový Kontaktní formulář ve vyhledávacím poli v levém postranním panelu. poté najeďte myší na výsledek vyhledávání a klikněte na tlačítko Použijte šablonu.

WPForms otevře šablonu formuláře v nástroji pro tvorbu formulářů přetažením, abyste ji mohli upravit.

Jak vidíte, formulář je prázdný, tak do něj začneme přetahovat pole. Vynecháme následující pole: 

  • Příjmení
  • email
  • Komentář nebo zpráva

Pole můžete do formuláře přidat přetažením z levého sloupce do pravého sloupce. Jednoduše klikněte na libovolné pole formuláře pro úpravu obsahu a přetažením změňte jeho pozici.

Pokud chcete přidat více než jeden kontaktní formulář na svůj web WordPress, můžete také vytvořit následující typy formulářů pomocí WPForms:

  • Poptávkový formulář
  • Online objednávkový formulář
  • typ formuláře styl formuláře
  • Formulář pro nahrání souboru

Většina těchto typů formulářů je delší než standardní kontaktní formuláře, takže jejich rozdělení do více kroků může zlepšit konverze.

Nyní, když víte, jak začít, pojďme se naučit, jak rozdělit náš formulář na části.

Krok 2: Rozdělte svůj formulář na části

Jakmile si přizpůsobíte formulář a přidáte pole, která potřebujete, přidejte pole Přestávka Page k rozdělení formuláře na různé stránky.

Chcete-li tak učinit, podívejte se níže záhlaví Sofistikovaná pole a přetáhněte pole formuláře Přestávka Page v pravém panelu.

Přetáhněte pole ve formuláři tam, kde jej chcete rozdělit.

Tento postup opakujte pro každou sekci, kde chcete formulář rozdělit na další stránku. Odtud pokračujte v přizpůsobování formuláře přidáním polí, která potřebujete k jeho vyplnění.

I když vám WPForms umožňuje přidat tolik formulářů, kolik chcete, je důležité vyhnout se zahlcení uživatelů příliš velkým množstvím informací. To může způsobit, že opustí vaši formu, což je opak toho, čeho chcete dosáhnout.

Krok 3: Přizpůsobte si ukazatel průběhu formuláře

Chcete-li zvýšit tok formuláře, můžete přidat ukazatel průběhu. Ukazatel průběhu ukazuje lidem různé sekce vašeho formuláře a je skvělým vizuálním indikátorem toho, kolik práce zbývá udělat.

WPForms přichází se 3 různými pruhy indikátoru průběhu pro vícestránkové formuláře, které jsou následující:

  1. konektory – Propojování pruhů a názvů stránek pro každý krok formuláře.
  2. Kruhy – Očíslované kroužky a názvy stránek pro každý krok formuláře.
  3. Ukazatel průběhu – Indikátor průběhu uživatele při dokončení kroků formuláře.

Chcete-li změnit ukazatel průběhu a název stránky první stránky vícestránkového formuláře, klikněte na pole Konec první stránky.

Poté uvidíte nový panel, kde si můžete vybrat typ postupu pro svůj formulář. V této oblasti můžete v případě potřeby také změnit barvu použitou ke zvýraznění indikátoru průběhu.

Pokud vyberete možnosti kruhy ou connecteurs, můžete také upravit název stránky. To pomáhá uživatelům vědět, na které části formuláře se nacházejí, takže se neztratí. Pokud však nechcete, uživatelům se zobrazí standardní ukazatel průběhu, který je provede vyplněním vašeho formuláře.

Poté můžete tlačítko upravit Strana suivante a text, který uživatele přenese na další stránku vašeho formuláře.

Chcete-li tak učinit, klepněte na tlačítko následující  vaší stránky, můžete upravit popisek tlačítka v levém sloupci.

vytvořit vícestránkový formulář

Navíc můžete přidat tlačítko předchozí aktivací přepínače Zobrazit předchozí. Tímto způsobem se uživatelé budou moci vrátit zpět, pokud zapomněli přidat informace.

vytvořit vícestránkový formulář

Až budete s přizpůsobením ukazatele průběhu hotovi, klikněte Zadat a přejděte k dalšímu kroku.

Krok 4: Upravte nastavení formuláře

Nyní přejdeme ke změně nastavení formuláře. Chcete-li tak učinit, přejděte na Nastavení -> Obecné.

V této sekci můžete nastavit následující možnosti:

  • Název formuláře – Pokud si přejete, dejte formuláři nový název.
  • Popis formuláře – Přidejte popis do formuláře pro referenci.
  • Text tlačítka Odeslat – Upravte text tlačítka Odeslat.
  • Povolit ochranu proti spamu  – Povolte možnost antispamu, abyste zabránili spammerům v odesílání nežádoucích příspěvků.

Po nakonfigurování nastavení klepněte na Zadat.

Krok 5: Nastavte si oznámení formuláře

Nastavení oznámení ve WPForms, odeslání e-mailu při odeslání formuláře na vašem webu WordPress.

Nastavení upozornění najdete po kliknutí Nastavení -> Oznámení.

Pokud nevypnete oznámení o formulářích, obdržíte e-mail pro každý formulář odeslaný na váš web.

Na druhou stranu můžete použít chytré značky k odeslání e-mailu lidem, kteří vyplní váš formulář. Chytré značky jsou skvělým způsobem, jak jim dát vědět, že jejich formulář byl vyplněn správně a že jste jej obdrželi.

Ještě lepší je tuto funkci používat u dlouhých formulářů s více kroky, protože jejich vyplnění může trvat déle. Kromě toho šetří uživatele od bloudění, pokud vše proběhlo v pořádku. Chcete-li další pomoc, můžete podívejte se do dokumentace k nastavení oznámení pomocí formulářů zde.

Až budete s nastavením oznámení hotovi, přejděte k nastavení zprávy s potvrzením formuláře.

Krok 6: Nastavte zprávu s potvrzením formuláře

Zprávy s potvrzením formuláře jsou krátké zprávy, které se uživatelům zobrazí po odeslání formuláře na vašem webu. Je to skvělý způsob, jak dát lidem vědět, že jejich formulář se zpracovává a jaké kroky je třeba podniknout.

Ve WPForms existují 3 typy potvrzovacích zpráv, které jsou:

  1. Zpráva – Jednoduchá zpráva informující uživatele, že jejich formulář byl odeslán.
  2. Zobrazit stránku – Po odeslání formuláře odeslat uživatele na jinou stránku, například na stránku s poděkováním.
  3. Přejít na URL (přesměrování) – Po odeslání formuláře přesměrujte návštěvníky webu na jiný web.

Chcete-li nakonfigurovat potvrzovací zprávu, klepněte na Nastavení -> Potvrzení.

Poté vyberte typ zprávy, kterou chcete po vyplnění formuláře zobrazit svým návštěvníkům. Pro tento tutoriál vybereme Zpráva.

Nyní upravte text zprávy podle svých potřeb a klikněte na Zadat když jsi spokojený.

Nyní jste připraveni přidat svůj formulář na WordPress.

Krok 7: Přidejte svůj formulář do WordPressu

Jakmile vytvoříte vícestránkový formulář, je čas jej přidat na váš web WordPress. S WPForms můžete přidat svůj formulář do mnoha oblastí svého webu. Mohou to být stránky, příspěvky, postranní panely a jakékoli další oblasti připravené pro widgety.

Podívejme se, jak přidat vícestránkový formulář na stránku WordPress.

Chcete-li začít, přejděte do oblasti správy WordPress a klikněte Stránky -> Přidat.

Poté klikněte na ikonu plus v editoru WordPress a přidejte nový blok obsahu. Do vyhledávacího pole zadejte WPForms, abyste jej snadno našli.

vytvořit vícekrokový formulář

Nyní klikněte na blok WPForms a přidejte jej na svou stránku.

Když se ve vašem bloku objeví WPForms, klikněte na šipku rozevíracího seznamu, vyberte svůj vícestránkový formulář ze seznamu a vložte jej na svou stránku.

Jakmile vyberete vícestránkový formulář, objeví se na vaší stránce.

vytvořit vícekrokový formulář

A to je vše ! Naučili jste se vytvořit vícestránkový formulář.

Další doporučené zdroje

Zveme vás také, abyste si prostudovali níže uvedené zdroje, abyste se dostali dále do sevření a kontroly nad svým webem a blogem.

Proč investovat do čističky vzduchu?

Tam ! To je pro tento tutoriál vše. Doufáme, že vám tento článek pomohl naučit se vytvořit vícekrokový nebo vícestránkový formulář.

Budete však také moci konzultovat naše ressources, 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.

Ale mezitím nám nezapomeňte nechat své commentaires a návrhy ve vyhrazené sekci.

...