Vytvořte kontaktní formulář s Contact Form 7 pro svou webovou stránku

V následujícím textu se dozvíte podrobný návod na vytvoření Kontaktního formuláře s populárním pluginem Contact Form 7. Naučíte se, jak plugin nainstalovat, nakonfigurovat jednoduchý, funkční kontaktní formulář a jak ho vložit na svou webovou stránku. Pojďme na to!

Hlavní poznatky

• Pomocí Contact Form 7 rychle a snadno vytvoříte kontaktní formuláře.
• Přizpůsobitelná pole vám umožní požádat uživatele o specifické informace.
• Vytvořený formulář lze jednoduše vložit na stránku nebo do příspěvku pomocí zkráceného kódu.

Krok 1: Vytvoření kontaktního formuláře

Nejprve musíte přejít do administrativní oblasti WordPressu na "WPFs". Zde máte možnost vidět všechna existující formuláře nebo vytvořit nový formulář. Zvolte „Přidat nový formulář“, abyste vytvořili nový kontaktní formulář.

Dostanete se na obrazovku konfigurace, kde si můžete svůj formulář přizpůsobit. Vyberte šablonu pro kontaktní formulář. Obvykle stačí jednoduchý kontaktní formulář, ale můžete také vytvořit formulář pro přihlášení k newsletteru, pokud to potřebujete.

Krok 2: Přizpůsobení polí

Teď je čas formulář navrhnout podle vašich přání. Můžete se rozhodnout, která pole skutečně potřebujete. V tomto případě přidáme pole pro jméno, e-mailovou adresu a zprávu. Abychom vytvořili neformálnější pocit, zvolte odpovídající rozvržení tím, že ho nastavíte na plnou šířku.

Pokud chcete od svých uživatelů požadovat více informací, můžete také přidat zaškrtávací políčka. Například byste měli integrovat zaškrtávací políčko pro ochranu osobních údajů a jasně uvést, že uživatel si je přečetl a souhlasí s nimi.

Nezapomeňte označit zaškrtávací políčko jako povinné, aby ho uživatel nemohl ignorovat. Tím zajistíte, že všechny potřebné informace budou zadány před odesláním formuláře.

Krok 3: Uložení formuláře

Jakmile máte nakonfigurována všechna potřebná pole, měli byste formulář uložit. Zkontrolujte také oznámení, která budou poslána administrátorovi webu, když se někdo zaregistruje přes kontaktní formulář.

Zde můžete určit jméno odesílatele a adresu pro odpovědi na příchozí zprávy. Ujistěte se, že se všechna pole zobrazují správně, když ukládáte oznámení.

Krok 4: Nastavení potvrzovací zprávy

Potvrzovací zpráva, která se zobrazí po odeslání formuláře, je také důležitá. Můžete zadat personalizovanou zprávu, která se uživatelům zobrazí po odeslání jejich kontaktu.

Krok 5: Vložení kontaktního formuláře na stránku

Teď, když je formulář vytvořený a nakonfigurovaný, musíte ho vložit na jednu ze svých webových stránek. Vytvořte novou stránku ve WordPressu a vyberte editor Elementor.

Hledejte prvek WP a vložte kontaktní formulář pomocí zkráceného kódu. Nyní byste měli mít možnost zobrazit svůj kontaktní formulář na stránce.

Krok 6: Testování kontaktního formuláře

Je důležité, abyste nyní formulář otestovali, abyste se ujistili, že vše funguje. Vyplňte pole informacemi a klikněte na "Odeslat". Ujistěte se, že se potvrzovací zpráva zobrazuje správně, a zkontrolujte, zda byla e-mailová zpráva odeslána na uvedené adresy.

Souhrn - Vytvoření kontaktního formuláře s Contact Form 7

Pomocí této příručky jste se naučili, jak vytvořit kontaktní formulář pomocí pluginu Contact Form 7. Od konfigurace polí až po vložení formuláře na vaše webové stránky – všechny kroky jsou podrobně popsány.