Vytvářejte a navrhujte formuláře pomocí widgetu Elementor Form

Každý web musí obsahovat kontaktní formulář! Kontaktní formuláře jsou užitečné pro různé účely, bez ohledu na to, jaký typ webu máte. Mohou generovat potenciální zákazníky, budovat spojení a vztahy, umožnit uživatelům hlásit problémy s vaším webem a vše mezi tím.

K vytváření kontaktních formulářů ve WordPressu není nutné být technickým expertem. Tvůrce stránek Elementor usnadňuje než kdy jindy vytváření krásných webových stránek.

Abychom předvedli, jak vytvořit kontaktní formuláře pomocí Elementoru, projdeme si různé možnosti a vše, co je třeba vědět o kontaktních formulářích v Elementoru.

Elementor již nějakou dobu obsahuje widget Form, což znamená, že už nemusíte chodit nikam jinam, abyste vytvořili formuláře pro svůj web WordPress, což je požehnání!

V minulosti jste se mohli setkat s problémy při vytváření formulářů pomocí některých dostupných plugin . Proces navrhování a konfigurace formulářů může být časově náročný a frustrující. Naštěstí pro nás všechny je s widgetem Elementor Form přímočará práce.

Než začneme s tvůrcem formulářů Elementor, pojďme se rychle podívat na některé z jeho nejdůležitějších funkcí.

Jednou z nejvýraznějších funkcí pro začátek je, že je plně integrována do rozhraní Elementor, což znamená, že máte přístup k mnoha možnostem designu/stylů/rozvržení dostupných v Elementor. Nevěřím, že najdete samostatný formulářový plugin s designovým systémem, který je tak robustní jako tento.

Odtud můžete vytvořit až 18 různých typů polí:

  • Text Email Textová oblast Textová oblast
  • Adresa URL a telefonní číslo jsou následující:
  • Přepínače jsou typem přepínacího tlačítka.
  • Vyberte ze seznamu (rozbalovací nabídka)
  • Zaškrtávací políčka se používají v kontrolních seznamech.
  • Je pouze jedno zaškrtávací políčko (přijetí)
  • reCAPTCHA
  • Honeypots jsou typem nádoby, která obsahuje med (zabraňuje spamu)

Formuláře můžete také rozdělit na více stránek a vytvořit tak vícekrokové formuláře, což je výhodné pro aplikace s dlouhým formulářem.

Elementor Pro má více než 12 integrací s oblíbenými e-mailovými marketingovými službami a systémy řízení vztahů se zákazníky, které vám pomohou co nejlépe využít vaše formuláře. K dispozici je také univerzální integrace Zapier, která vám umožní připojit se k libovolnému z tisíců nástrojů dostupných na platformě Zapier, pokud váš nástroj není uveden.

Existuje také několik dalších zajímavých alternativ. amp , když někdo vyplní váš formulář, můžete dostávat upozornění přes Slack nebo Discord.

Když už mluvíme o oznámeních, můžete si také přizpůsobit e-mailová oznámení, která dostáváte, a e-mailová oznámení, která obdrží odesílatelé formulářů. Po odeslání formuláře je můžete přesměrovat na vlastní stránku s poděkováním, kterou vytvoříte.

Jaký je nejlepší způsob, jak vytvořit formulář v Elementor?

Začneme otevřením editoru Elementor a poté přetažením widgetu Form na místo, kde chceme vytvořit formulář.

Jak vytvořit formulář Elementor

Stejně jako všechno ostatní v Elementoru se proces vytváření formulářů provádí vizuálně. Není nutné používat další plugin , ani není nezbytné, aby fungoval jako backend vašeho webu.

Formování prvků Elementor strukturovaným způsobem

Jakmile je formulář na svém místě, prvním krokem je uspořádat informace v něm obsažené. Jaká pole požadujete a jaké typy polí by to měly být? Co hledáš?

Při práci v editoru Elementor se pole formuláře přidávají a upravují na kartě Obsah Jak můžete vidět v amp níže, formuláře obsahují několik výchozích polí. Výběrem položky Přidat položku z rozevírací nabídky můžete vytvořit nová pole.

Duplikování pole je také možné tak, že vyberete ikonu, která vypadá jako dva dokumenty, jeden před druhým, a kliknete na ni. 

Typy polí ve formuláři

K dispozici je mnoho typů polí formuláře, od jednoduchých textových polí po hesla, ReCaptcha a pole honeypot.

Chcete-li změnit chování pole formuláře, nejprve vyberte pole a poté jako rozbalovací nabídku Typ zobrazíte dostupné různé typy polí.

Typy polí ve formuláři Elementor

Šířka sloupce formuláře

Tato funkce umožňuje použít dvě pole formuláře na stejném řádku úpravou nastavení šířky sloupce. Změňte šířku okna tak, že ji vyberete z rozevíracího seznamu a vyberete 50 procent. Stojí za zmínku, že pokud to uděláte se dvěma po sobě jdoucími formulářovými poli, všimnete si, že se objeví na stejném řádku společně.

Formuláře v Elementor pro styling

Upravte styl formulářů v Elementor stejným způsobem, jako stylizujete jiné widgety, když přejdete na panel Styl umístěný v rozhraní úprav Elementor.

Samotný formulář, pole, tlačítka, jakékoli kroky, chybové zprávy a potvrzovací zprávy lze přizpůsobit.

Pro ty, kteří již znají Elementor, není toho mnoho, co by se museli naučit při stylování Elementor Forms.

Akce na formuláři

Po naší diskusi o vytvoření formuláře v Elementoru se podíváme na konfiguraci toho, co se stane po odeslání formuláře; toho je dosaženo prostřednictvím akcí formuláře, nebo jak se na ně odkazuje v Elementor, Akce po odeslání.

Při odeslání formuláře je běžné, že systém odešle e-mail a přesměruje uživatele na jinou webovou stránku. Do formulářů můžete samozřejmě zahrnout libovolný počet akcí a libovolně je kombinovat. Jak můžete očekávat, existuje specifické pole selektoru bez kódování.

Každá z akcí, které přidáte, se zobrazí jako samostatná možnost karty v hlavní nabídce. V současné době máme možnost karty pro e-mail, ale pokud bych měl zahrnout přesměrování do pole Přidat akci, viděl bych také přesměrování v možnostech karty, jak je znázorněno v amp níže.

Na závěr předvedu, jak nakonfigurovat formulář tak, aby přijímal příspěvky prostřednictvím e-mailu, což je nejčastější otázka o Formulářích.

Když vyberete E-mail na kartě Obsah v editoru, zobrazí se vám níže uvedená obrazovka; zde si můžete přizpůsobit e-mail od a e-mail s odpovědí a také můžete přidat kopii nebo skrytou kopii komukoli, kdo by měl obdržet kopii příspěvků z formuláře.

Vytvoření šablony pro zasílání zpráv kontaktního formuláře v Elementor

Mnoho lidí je překvapeno, když zjistí, že editor formulářů Elementor je výkonnější, než se na první pohled zdá, a jednou z pokročilejších funkcí je možnost přizpůsobit si zprávy pro každý formulář.

Formulářové zprávy je možné přizpůsobit tak, aby koncovému uživateli, který vyplnil váš formulář, poskytly více personalizovaný proces zpětné vazby, než aby to znělo jako nudný robot. Ale konkrétně, jaké zprávy si můžete přizpůsobit pro svůj kontaktní formulář Elementor, jsou následující:

Chcete-li začít, musíte nejprve povolit vlastní zasílání zpráv výběrem možnosti „Další možnosti“ z rozbalovací nabídky a poté přepnutím přepínače „Vlastní zasílání zpráv“ na „Ano“.

Přizpůsobení widgetu kontaktního formuláře Elementor přidáním vlastních zpráv

Jak vidíte, existují čtyři různé zprávy, které si můžete přizpůsobit, včetně níže uvedených:

Zpráva o úspěchu se zobrazí koncovému uživateli po odeslání formuláře a ověření, že byl formulář správně vyplněn (např. bez chybějících povinných polí atd.).

Chybová zpráva – zpráva, která se zobrazí koncovému uživateli, když během odesílání formuláře dojde k neznámé chybě.

Požadovaná zpráva – zobrazí se, když není vyplněno požadované pole formuláře, formulář je odeslán a formulář není vyplněn.

Pokud je něco v odeslání formuláře nesprávné a nelze to odeslat, zobrazí se koncovému uživateli zpráva Neplatná zpráva.

Možnost upravovat zprávy vám umožňuje být kreativní a svérázní, nebo formálnější a obchodnější, pokud provozujete firemní web. Nejlepší na tom je, že jsou zcela upravitelné, takže si můžete dělat, co chcete!

Závěr

Elementor formuláře widget, je snadné vytvořit kontaktní formulář. Dodává se s intuitivním nástrojem pro vytváření kontaktních formulářů přetažením a množstvím možností přizpůsobení, které jej odlišují od ostatních plugin kontaktních formulářů dostupných na trhu. Jeho styl a barevné schéma si můžete snadno přizpůsobit tak, aby odpovídaly vzhledu a dojmu vaší společnosti. Součástí jsou také různé další atraktivní widgety, více než 300+ profesionálních šablon a tvůrce vyskakovacích oken v jednom praktickém balíčku. Tento plně vybavený nástroj pro tvorbu stránek WordPress se skládá ze všech nezbytných widgetů a funkcí, takže nebudete muset kupovat další nástroje pro tvorbu stránek, abyste si svůj web dále přizpůsobili. Dále umožňuje integraci více než 30 marketingových služeb, a proto je dnes jedním z nejrozšířenějších nakupovaných plugin na trhu.

Hanson F.

Poslední příspěvky

Jak používat záhlaví a zápatí s Elementorem

Záhlaví a zápatí webu jsou základními prvky. Ve většině případů záhlaví poskytuje navigaci…

6. ledna 2022

Porovnání témat WordPress: Astra vs OceanWP

Dvě z nejpopulárnějších témat WordPress na trhu jsou Astra a OceanWP. Profesionální…

2. ledna 2022

Porovnání témat zpráv WordPress: Noviny vs. Astra

Vytvoření vynikajícího zpravodajského webu nevyžaduje, abyste se stali webdesignérem. My…

25. října 2021

Vytvořte webové stránky související se zprávami s tématem novin

Téma Noviny je jedním z nejvýznamnějších témat WordPress navržených tagDiv, a…

18. října 2021

Jak vytvořit eCommerce pomocí Avada WooCommerce Builder

Pokud jde o nastavení internetového obchodu, WooCommerce je plugin . To…

4. října 2021

Jak používat efekty lepivé hlavičky a rolování s Elementorem

Záhlaví je obecně první věc, kterou člověk uvidí, když navštíví váš web,…

21. září 2021