Chcete vytvoriť viackrokový formulár alebo chcete vytvoriť viacstranový formulár vo WordPress? Toto WordPress tutoriál všetko ti vysvetlí ?
Ak chcete na svojom webe vytvárať formuláre, ktoré sa vám daria, viacstranové formuláre sú správna cesta. Rozložené na viacerých stránkach bojujú proti únave a zvyšujú zapojenie používateľov.
V tomto článku vám ukážeme, ako vytvoriť viacstránkový formulár vo WordPress, aby ste mohli získať viac konverzií.
Ale predtým, ak ste nikdy nenainštalovali WordPress objaviť Ako nainštalovať 7 krokov WordPress blogu et Ako nájsť, nainštalovať a aktivovať WordPress tému na svojom blogu
Potom späť k tomu, prečo sme tu.
Prečo však používať viacstránkové formuláre vo WordPress?
Prečo pridať viacstránkový formulár do WordPress?
Ako sme uviedli vyššie, viacstránkové formuláre sú rozdelené na viacero stránok. Pridanie ďalších krokov do formulára sa môže zdať neintuitívne, ale v skutočnosti môže zvýšiť mieru konverzie formulára.
Viacstranové formuláre znižujú trenie pre používateľov, ktorí musia robiť príliš veľa možností naraz. Vďaka jednoduchým možnostiam je každý krok formulára menej náročný a indikátory priebehu povzbudzujú používateľov, aby pokračovali vo formulári a vyplnili ho.
Keďže ste svoj formulár navrhli tak, aby ste zvýšili mieru dokončenia, bude menej pravdepodobné, že zaznamenáte opustenie formulára. A pomocou podmienenej logiky môžete používateľom poskytovať rôzne stránky na základe ich odpovedí, čo vám uľahčí zhromažďovanie potrebných informácií.
Teraz, keď už viete, prečo je používanie viacstránkových formulárov ideálne užívateľská skúsenosť, Prejdime k vytvoreniu formulára vo WordPresse.
Ako vytvoriť viacstránkový formulár vo WordPress
V tomto návode použijeme WPForms na vytváranie viacstránkových formulárov vo WordPress. WPForms je najlepším doplnkom na tvorbu formulárov WordPress pre drag and drop. A s viac ako 3 miliónmi aktívnych inštalácií je to najprívetivejší nástroj pre začiatočníkov, ktorý je k dispozícii.
Najlepšie zo všetkého je, že má bezplatnú aj platenú verziu, ale dnes budeme používať Pro verziu WPForms na vytvorenie viacstránkového formulára vo WordPress.
Prečítajte si tiež nášho sprievodcu Ako prispôsobiť formuláre WPForms pomocou nástroja Elementor
Začnime teda prvým krokom, ktorým je vytvorenie nového formulára.
Krok 1: Vytvorte nový formulár vo WordPress
Prvá vec, ktorú musíte urobiť, je nainštalovať a aktivovať WPForms plugin. Ak neviete ako, môžete postupovať podľa tohto sprievodcu krok za krokom na inštaláciu doplnkov WordPress pre začiatočníkov.
Pomocou WPForms môžete rozdeliť akýkoľvek typ formulára na viacero častí, takže poďme ďalej a vytvorte a Kontaktný formulár jednoduché.
Prejdite do ponuky WPForms -> Pridať na vytvorenie nového formulára a zobrazenie dostupných šablón.
Potom na tejto stránke pomenujte formulár a zadajte viacstránkový Kontaktný formulár vo vyhľadávacom poli v ľavom bočnom paneli. potom umiestnite kurzor myši na výsledok vyhľadávania a kliknite na tlačidlo Použite šablónu.
WPForms otvorí šablónu formulára v nástroji na tvorbu formulárov drag and drop, aby ste ju mohli upraviť.
Ako vidíte, formulár je prázdny, takže do neho začneme presúvať polia. Vynecháme nasledujúce polia:
- názov
- Komentár alebo správa
Polia môžete do formulára pridať ich presunutím z ľavého stĺpca do pravého stĺpca. Ak chcete upraviť obsah, jednoducho kliknite na ľubovoľné pole formulára a presuňte ho, aby ste zmenili jeho polohu.
Ak chcete pridať viac ako jeden Kontaktný formulár na svoju webovú stránku WordPress môžete pomocou WPForms vytvoriť aj nasledujúce typy formulárov:
- Dopytový formulár
- Online objednávkový formulár
- napíšte štýl formulára formulár
- Formulár na nahranie súboru
Väčšina týchto typov formulárov je dlhšia ako štandardné kontaktné formuláre, takže ich rozdelenie do viacerých krokov môže zlepšiť konverzie.
Teraz, keď viete, ako začať, poďme sa naučiť, ako rozdeliť náš formulár na časti.
Krok 2: Rozdeľte formulár na časti
Keď si prispôsobíte formulár a pridáte polia, ktoré potrebujete, pridajte pole prestávka Page na rozdelenie formulára na rôzne strany.
Ak to chcete urobiť, pozrite sa nižšie hlavička Sofistikované polia a potiahnite pole formulára prestávka Page v pravom paneli.
Presuňte pole vo formulári na miesto, kde ho chcete rozdeliť.
Zopakujte to pre každú sekciu, kde chcete rozdeliť formulár na ďalšiu stranu. Odtiaľ pokračujte v prispôsobovaní formulára pridaním polí, ktoré potrebujete na jeho vyplnenie.
Aj keď vám WPForms umožňuje pridať toľko formulárov, koľko chcete, je dôležité vyhnúť sa zahlcovaniu používateľov príliš veľkým množstvom informácií. To môže spôsobiť, že opustia vašu formu, čo je opak toho, čo chcete dosiahnuť.
Krok 3: Prispôsobte si indikátor priebehu formulára
Ak chcete zvýšiť tok formulára, môžete pridať indikátor priebehu. Ukazovateľ priebehu ukazuje ľuďom rôzne časti vášho formulára a je skvelým vizuálnym indikátorom toho, koľko práce ešte zostáva vykonať.
WPForms sa dodáva s 3 rôznymi pruhmi indikátora priebehu pre viacstranové formuláre, ktoré sú nasledovné:
- Konektory – Prepojenie pruhov a názvov strán pre každý krok vášho formulára.
- Kruhy – Očíslované krúžky a názvy strán pre každý krok formulára.
- Ukazateľ postupu – Indikátor priebehu používateľa pri dokončení krokov formulára.
Ak chcete zmeniť indikátor priebehu a názov stránky prvej strany viacstranového formulára, kliknite na pole Zlom prvej strany.
Potom uvidíte nový panel, kde si môžete vybrať typ postupu pre svoj formulár. V tejto oblasti môžete v prípade potreby zmeniť aj farbu použitú na zvýraznenie indikátora priebehu.
Ak vyberiete možnosti kruhy ou konektory, môžete tiež upraviť názov stránky. Používatelia tak vedia, na ktorej časti formulára sa nachádzajú, aby sa nestratili. Ak však nechcete, používateľom sa zobrazí štandardná lišta postupu, ktorá ich prevedie vyplnením vášho formulára.
Potom môžete tlačidlo upraviť Strana suivante a text, ktorý používateľov presmeruje na ďalšiu stránku vášho formulára.
Ak to chcete urobiť, kliknite na tlačidlo nasledujúce vašej stránky, môžete upraviť označenie tlačidla v ľavom stĺpci.
Okrem toho môžete pridať tlačidlo predchádzajúca aktiváciou prepínača Zobraziť predchádzajúce. Týmto spôsobom sa používatelia budú môcť vrátiť, ak zabudli pridať informácie.
Keď skončíte s prispôsobením indikátora priebehu, kliknite Registrovať a prejdite na ďalší krok.
Krok 4: Upravte nastavenia formulára
Teraz prejdime k zmene nastavení formulára. Ak to chcete urobiť, prejdite na stránku Nastavenia -> Všeobecné.
V tejto časti môžete nastaviť nasledujúce možnosti:
- Názov formulára – Ak chcete, dajte svojmu formuláru nový názov.
- Popis formulára – Pridajte popis do formulára pre referenciu.
- Text tlačidla Odoslať – Upravte text tlačidla Odoslať.
- Povoliť ochranu proti spamu – Povoľte možnosť ochrany pred spamom, aby ste zabránili odosielateľom nevyžiadanej pošty odosielať nechcené príspevky.
Keď sú vaše nastavenia nakonfigurované, kliknite Registrovať.
Krok 5: Nastavte si upozornenia formulára
Nastavenia upozornení vo WPForms, odosielanie e-mailu pri odoslaní formulára na vašom webe WordPress.
Nastavenia upozornení nájdete po kliknutí Nastavenia -> Upozornenia.
Ak nevypnete upozornenia na formuláre, dostanete e-mail pre každý formulár odoslaný na váš web.
Na druhej strane môžete použiť inteligentné značky na odoslanie e-mailu ľuďom, ktorí vyplnia váš formulár. Inteligentné značky sú skvelým spôsobom, ako im dať vedieť, že ich formulár bol vyplnený správne a že ste ho dostali.
Ešte lepšie je použiť túto funkciu na dlhých formulároch s viacerými krokmi, pretože ich vyplnenie môže trvať dlhšie. Okrem toho šetrí používateľov od blúdenia, ak všetko prebehlo v poriadku. Ak potrebujete ďalšiu pomoc, môžete pozrite si dokumentáciu o nastavení upozornení formulára tu.
Po dokončení nastavení upozornení prejdite na nastavenie správy s potvrdením formulára.
Krok 6: Nastavte správu s potvrdením formulára
Správy s potvrdením formulára sú krátke správy, ktoré sa používateľom zobrazujú po odoslaní formulára na vašej webovej lokalite. Je to skvelý spôsob, ako dať ľuďom vedieť, že ich formulár sa spracováva a aké kroky je potrebné podniknúť.
Vo WPForms existujú 3 typy potvrdzovacích správ, ktoré sú:
- správa – Jednoduchá správa informujúca používateľov, že ich formulár bol odoslaný.
- Zobraziť stránku – Po odoslaní formulára poslať používateľov na inú stránku, napríklad stránku s poďakovaním.
- Prejsť na URL (presmerovanie) – Po odoslaní formulára presmerujte návštevníkov webu na iný web.
Ak chcete nakonfigurovať správu s potvrdením, kliknite na Nastavenia -> Potvrdenie.
Potom vyberte typ správy, ktorú chcete zobraziť návštevníkom po vyplnení formulára. Pre tento tutoriál vyberieme správa.
Teraz upravte text správy podľa svojich potrieb a kliknite na Registrovať keď si spokojný.
Teraz ste pripravení pridať svoj formulár do WordPress.
Krok 7: Pridajte svoj formulár do WordPress
Po vytvorení viacstranového formulára je čas pridať ho na váš web WordPress. Pomocou WPForms môžete pridať svoj formulár do mnohých oblastí svojho webu. Môžu to byť stránky, príspevky, bočné panely a akékoľvek iné oblasti pripravené pre miniaplikácie.
Pozrime sa, ako pridať viacstránkový formulár na stránku WordPress.
Ak chcete začať, prejdite do oblasti správy WordPress a kliknite Stránky -> Pridať.
Potom kliknite na ikonu plus v editore WordPress a pridajte nový blok obsahu. Do vyhľadávacieho poľa zadajte WPForms, aby ste ho jednoducho našli.
Teraz kliknite na blok WPForms a pridajte ho na svoju stránku.
Keď sa vo vašom bloku zobrazí WPForms, kliknutím na šípku rozbaľovacej ponuky vyberte zo zoznamu svoj viacstránkový formulár a vložte ho na svoju stránku.
Hneď ako vyberiete viacstranový formulár, zobrazí sa na vašej stránke.
A to je všetko ! Naučili ste sa, ako vytvoriť viacstranový formulár.
Ďalšie odporúčané zdroje
Tiež vás pozývame, aby ste si prečítali zdroje uvedené nižšie, aby ste sa presadili a ovládali svoje webové stránky a blog.
- Za použitia rôznych pozadí WordPress
- Ako spravovať adresy URL obrázkov blogu WordPress
- Ako nakonfigurovať CloudFlare CDN pre váš blog WordPress
- PayPal podvody: Ako ich rozpoznať?
záver
tam ! To je pre tento tutoriál všetko. Dúfame, že vám tento článok pomohol naučiť sa, ako vytvoriť viackrokový alebo viacstranový formulár.
Môžete sa však poradiť aj s našimi zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, konzultujte nášho sprievodcu na internete Tvorba blogu WordPress.
Ale zatiaľ nám nezabudni nechať svoje Komentáre a návrhy vo vyhradenej sekcii.
...
