V tomto článku se dozvíte, jak vytvořit formulář pomocí bezplatného Elementoru.

I když je widget Formulář k dispozici pouze na Elementor Pro, neznamená to, že nemůžete vytvořit formulář v bezplatné verzi Elementor.

Pokud potřebujete přidat formulář na stránku, kterou vytváříte pomocí bezplatné verze Elementoru, můžete použít dvě metody, kterými se budeme zabývat v tomto článku.

Elementor, ať už jde o profesionální nebo bezplatnou verzi, přichází se dvěma widgety, které můžete použít k vytvoření formuláře. Jedná se o widgety HTML a Shortcode. Pomocí widgetu HTML můžete vložit formulář HTML, zatímco widget Shortcode vám umožní vložit formulář z pluginů pro formuláře, které používají krátký kód, jako je např. Kontaktní formulář 7.

Vytvořte formulář pomocí bezplatné verze Elementor pomocí widgetu HTML

Tato metoda vyžaduje, abyste měli znalost HTML k vytvoření formuláře. Nebo si můžete stáhnout šablonu formuláře HTML z internetu. W3docs jich má více než 60 HTML šablony formulářů kterou si můžete zdarma stáhnout.

Chcete-li začít, vytvořte novou stránku a upravte ji pomocí Elementor (Stránky – > Přidat). Samozřejmě můžete upravit i existující stránku. Pokud chcete vytvořit formulář na nové stránce, nezapomeňte nastavit rozložení formuláře kliknutím na ikonu ozubeného kola v levém dolním panelu.

Přidejte novou sekci kliknutím na tlačítko plus v oblasti úprav a přidejte formulář HTML přetažením z levého panelu do oblasti pro úpravy. Umístěte jej do požadované oblasti. Poté přejděte do levého panelu a do pole vložte HTML kód formuláře HTML kód pod záložkou Obsah.

vytvořte formulář pomocí bezplatného Elementoru

Po dokončení úprav stránku publikujte/aktualizujte.

Viz také: Jak používat widgety/šablony Elementor jako Gutenbergovy bloky

Věc. Pokud váš formulář HTML používá ke stylování externí CSS, obrázky nebo JavaScript, nezapomeňte nahrát složky obsahující kód CSS, obrázky a JavaScript do kořenového adresáře vašeho webu.

Vytvořte formulář na Elementor zdarma pomocí kontaktního formuláře 7

Pokud nemáte žádné znalosti HTML a nechcete používat šablonu formuláře HTML, můžete vytvořit formulář na bezplatné verzi Elementor pomocí pluginu Kontaktní formulář 7. Ve skutečnosti existuje mnoho dalších formulářových pluginů. Doporučujeme Kontaktní formulář 7 protože je to nejoblíbenější formulářový plugin pro WordPress a zcela zdarma.

Nejprve nainstalujte plugin Kontaktní formulář 7. Chcete-li to provést, přejděte na Rozšíření – > Přidat. Do vyhledávacího pole zadejte „kontaktní formulář 7“ a klikněte na tlačítko nainstalovat nyní jakmile to najdete.

Aktivujte plugin ihned po instalaci.

vytvořte formulář pomocí bezplatného Elementoru

Kontaktní formulář 7 je dodáván s výchozím formulářem (a kontaktní formulář ). Pokud chcete, můžete jej použít. Pokud chcete místo toho vytvořit nový formulář, můžete přejít na Kontakt – > Přidat. Pojmenujte svůj formulář, abyste jej mohli v budoucnu snadno identifikovat.

Ve výchozím nastavení se váš formulář bude skládat ze čtyř polí: jméno, e-mail, předmět a zpráva.

vytvořte formulář pomocí bezplatného Elementoru

Pokud chcete přidat nové pole, umístěte ukazatel do oblasti, kam chcete přidat nové pole (můžete jej umístit pod nebo nad existující pole). Přidat štítek pro nové pole formuláře ve formátu <label> votre label préféré </label>.

vytvořte formulář pomocí bezplatného Elementoru

Umístěte ukazatel těsně za štítek a vyberte pole na kartě pole. Můžete přidat nový konec řádku, aby bylo vaše nové pole čistší než ostatní existující pole.

Vyplňte pole a klikněte na Vložte značku (můžete nechat vše jako výchozí).

vytvořte formulář pomocí bezplatného Elementoru

Kontaktní formulář 7 odešle příspěvky odeslané prostřednictvím vašeho formuláře na e-mail. E-mail můžete nastavit na kartě E-mail.

vytvořte formulář pomocí bezplatného Elementoru

Můžete přejít na kartu Zprávy pokud chcete přepsat výchozí zprávy. Můžete upravit zprávu, která se zobrazí poté, co návštěvníci úspěšně odešlou formulář, nebo chybovou zprávu, když formulář neodešlete atd.

vytvořte formulář pomocí bezplatného Elementoru

Klikněte na tlačítko Zadat jakmile dokončíte úpravu formuláře a zkopírování krátkého kódu.

Chcete-li přidat formulář, který jste právě vytvořili, na svou stránku Elementor, vytvořte novou stránku a upravte ji pomocí Elementor, nebo můžete také upravit existující stránku.

Čtěte také: Jak zakázat vyskakovací okno Elementor na chytrých telefonech

Přidejte novou sekci pro umístění formuláře a přidejte Widget krátkého kódu. Po přidání widgetu Shortcode přejděte do levého panelu a vložte do pole zkopírovaný krátký kód Krátký pod záložkou Obsah.

Jakmile svou stránku dokončíte, publikujte/aktualizujte ji.

Kontaktní formulář 7 používá formát stylu WordPress téma které používáte. Svůj formulář Kontaktního formuláře 7 můžete upravit, ale jsou vyžadovány dovednosti CSS. Tento článek si můžete prohlédnout také na Jak přizpůsobit formulář kontaktního formuláře 7 pomocí Essential Addons a Elementor.

Získejte Elementor Pro nyní!!!

Proč investovat do čističky vzduchu?

Tak ! To je vše pro tento článek, který vám ukáže, jak vytvořit formulář pomocí bezplatného Elementoru. Pokud máte nějaké obavy, jak se tam dostat, dejte jim 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.

...