Chcete vědět, jak vytvořit a kontaktní formulář v Elementoru?

Kontaktní stránka je jednou z klíčových stránek webu. Často se používá jako parametr, ať už je web schválen či nikoli. Elementor přichází s nativním widgetem - widgetem Formulář - který vám umožní přidat formulář na stránku. Tento článek vám ukáže, jak na to.

Samotný widget Form je dostupný pouze na Elementor Pro. Což znamená, že pokud stále používáte bezplatnou verzi, musíte upgradovat na profesionální verzi. Nejen, že můžete použít widget Formulář k vytvoření a kontaktní formulář, ale můžete jej použít i k vytváření dalších typů formulářů včetně e-mailového registračního formuláře, registračního formuláře uživatele, formulář pro nahrání souboruAtd ...

Jak vytvořit kontaktní formulář v Elementoru

Když vytvoříte a kontaktní formulář Pomocí widgetu Form Elementor můžete nastavit umístění, kam se budou data formuláře odesílat. Ať už ve vašem e-mailovém účtu nebo ve výchozím správci odesílání formulářů Elementor.

V tomto článku přejdeme přímo k přidání widgetu Formulář do editačního pole Elementor. Jednoduše přidejte widget Form z panelu widgetů do editačního pole následujícím způsobem:

Jak vidíte, widget Formulář automaticky vytvoří formulář skládající se ze tří polí.

Čtěte také: Jak přidat cenovou mřížku v Elementoru

Chcete-li upravit stávající pole, jednoduše jej otevřete. Můžete změnit typ pole, přepsat výchozí štítek a zástupný symbol a nastavit jej jako povinné pole, pokud chcete.

Chcete-li odstranit stávající pole, jednoduše klikněte na ikonu X pole, které chcete smazat.

Chcete-li přidat nové pole, jednoduše klikněte na tlačítko PŘIDAT PRVEK. Samotný widget Formulář podporuje dvacet typů polí.

Definování akce formuláře

Jak jsme již zmínili, data formuláře (odeslání) můžete odeslat na svůj e-mailový účet nebo do vestavěného odeslání formuláře Elementor. Chcete-li nastavit cíl, můžete blok otevřít Po odeslání akcí pod záložkou Obsah z panelu nastavení.

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

Vyberte akci, kterou chcete definovat v dostupném poli (můžete přidat více akcí). V tomto příkladu vybereme E-mail.

Pokud také nastavíte akci formuláře na e-mail, můžete otevřít blok E-mail definovat e-mailovou adresu pro příjem dat formuláře. Jak vidíte, můžete také nastavit předmět, pokud chcete.

Ve výchozím nastavení obsahuje Elementor obsah všech polí ve formuláři. Pokud chcete zahrnout pouze obsah z konkrétních polí, můžete do pole vložit zkrácené kódy preferovaných polí. Zpráva.

Například níže uvedené nastavení odešle pouze obsah pole zprávy.

Chcete-li získat zkrácený kód pole, můžete kliknout na kartu POKROČILÝ v přidruženém poli bloku Pole formuláře.

Definice zpráv

Po úspěšném odeslání údajů z formuláře se vašim návštěvníkům pod formulářem zobrazí úspěšná zpráva. Podobně se jim také zobrazí chybová zpráva, když nebudou odeslána data formuláře.

Viz též: Jak vytvořit sekci člena týmu s Elementorem

Tyto výchozí zprávy a další dvě zprávy můžete přepsat z bloku Další možnosti pod záložkou Obsah z panelu nastavení. Aktivujte Vlastní zprávy přepsat výchozí zprávy.

Jak vytvořit kontaktní formulář v Elementoru

Přizpůsobení formuláře

Jakmile dokončíte základní nastavení pod na kartě Obsah z panelu nastavení můžete přepnout na Styl přizpůsobit formulář. Zde můžete otevřít pět bloků.

  • Formulář

Tento blok můžete otevřít a definovat mezeru mezi sloupci a řádky formuláře, mezery mezi štítky, typografii (rodinu písem, velikost písma, styl písma atd.) Štítku formuláře a barvu jeho textu.

  • Pole

Tento blok můžete otevřít a definovat typografii textu pole a také barvu, barvu pozadí polí formuláře, velikost, barvu ohraničení a poloměr ohraničení polí formuláře.

  • Tlačítka

Tento blok můžete otevřít a přizpůsobit tak tlačítko Odeslat. Můžete nastavit například typografii textu tlačítka, stejně jako barvu, barvu pozadí, poloměr ohraničení, velikost ohraničení, barvu ohraničení a výplň textu. Chcete-li nastavit velikost tlačítka, můžete to udělat z bloku tlačítka sous na kartě Obsah.

  • Zprávy

Tento blok můžete otevřít a definovat typografii i barvu textu zpráv.

  • Kroky

Tento blok můžete otevřít, pouze pokud chcete vytvořit vícestupňový formulář.

Jakmile dokončíte přizpůsobení formuláře i stránky, můžete stránku publikovat.

Potenciální chyba

Jedna z běžných chyb, když nastavíte akci formuláře na E-mail je, že formulář není odeslán. Místo toho se zobrazí následující zpráva.

Jak vytvořit kontaktní formulář v Elementoru

Elementor a většina pluginů kontaktního formuláře - včetně kontaktního formuláře 7 - používají výchozí funkci doručování pošty WordPress s názvem wp_mail. Tato funkce závisí na funkci poslat mail což závisí na fungování PHP.

Čtěte také: Jak přidat posuvník posudku do Elementoru

Bohužel všichni poskytovateléweb hosting funkci neaktivujte poslat mail PHP. Pokud ano, váš formulář nebude odeslán. Místo toho se zobrazí chybová zpráva jako výše.

Chcete-li tento problém vyřešit, můžete si na svůj WordPress nainstalovat a nakonfigurovat vlastní službu doručování pošty. Alternativně, pokud je to možné, můžete požádat poskytovatele hostingu o povolení této funkce poslat mail PHP.

Nakonec

Elementor je jedním z nejkomplexnějších pluginů pro tvorbu stránek. Dodává se s řadou designových prvků (nazývaných widgety), pomocí kterých můžete snadno přidávat prvky na stránku, včetně kontaktního formuláře.

Ačkoli můžete použít widget Formulář k vytvoření kontaktního formuláře od začátku s vlastním designem, Elementor nabízí také šablony formulářů, které můžete použít. Můžete dokonce vytvořit kontaktní stránku (vyplňte samozřejmě kontaktní formulář) ze šablony.

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 kontaktní formulář v Elementoru. 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.

...