Jak si vytvořit kontaktní formulář ve WordPress

Aby vás vaši zákazníci nebo návštěvníci webu mohli kontaktovat, potřebujte mít na své stránce kontaktní formulář. V následujícím návodu vám popíšu, jak jej vytvoříte ve WordPress .

Ako si vytvoriť kontaktný formulár vo WordPress

K čemu slouží kontaktní formulář

Kontaktní formulář slouží návštěvníkům stránky jako jednoduchý nástroj pro kontaktování s vámi. Návštěvníci internetu jej využívají raději než e-mail. Je to proto, že jim šetří čas. Mohou svou zprávu napsat přímo na stránce, aniž by museli otevírat svůj e-mail.

Kontaktní formulář šetří čas i vám. A poskytne vám všechny informace, které potřebujete:

  • Ve formuláři si nastavíte pole pro informace , které od lidí vyžadujete. Například telefonní číslo. Tyto informace by v e-mailu pravděpodobně neuvedly.
  • Můžete si nastavit automatické odpovědi , ve kterých uživateli sdělíte základní informace.

Kromě toho vás používání kontaktního formuláře chrání proti spamu . Pokud na webu uveřejníte jen aktivní e-mail, začnete dostávat množství nevyžádané pošty.

Jak přidat kontaktní formulář ve WordPress

WordPress nabízí možnost vytvoření kontaktního formuláře pomocí pluginu. Osobně doporučuji využít plugin Contact Form by WPForms .

Tento plugin je velmi jednoduchý na ovládání. Používá nástroj drag&drop a kontaktní formulář si v něm rychle vytvoří i začátečník. V základní verzi je dostupný zdarma .

Pokud budete potřebovat využívat složitější funkce, můžete jej upgradovat na WPForms Pro . Oproti free verzi obsahuje navíc možnost ukládání odeslaných formulářů v databázi, nahrávání souborů, šablony formulářů a jiné praktické funkce.

Plugin si nainstalujete přímo z administrace stránky. Po instalaci nezapomeňte plugin aktivovat. Přesný postup se dozvíte v mém článku Co je WordPress plugin? Jak jej nainstalovat?

V administraci stránky se vám po aktivování pluginu zobrazí nová položka WPForms .

Tvorba formuláře pomocí WPForms

Chcete-li vytvořit nový kontaktní formulář, přejděte na fukci WPForms> Add new . Zobrazí se vám následující stránka:

WPForms Add New
Přidání kontaktního formuláře

Jako první zadejte název kontaktního formuláře. Potom si vyberte šablonu, kterou chcete používat. Základní verze WPForms nabízí čtyři šablony pro vytvoření formulářů.

Prázdný formulář (blank form) — Vyberete-li si prázdný formulář, můžete si vytvořit vlastní verzi pomocí funkce drag & drop.

Jednoduchý formulář (Simple Contact Form) – tato šablona nabízí možnost použití předem připraveného formuláře. Budete si však moci přidávat a odebírat jednotlivá pole tak, jak potřebujete.

Formulář pro odběr novinek (Newsletter Signup Form) — v této šabloně vytvoříte formulář pro přihlášení k odběru novinek vašeho webu. I zde si můžete přidat a odebrat jednotlivá pole podle vašich preferencí.

Formulář pro návrhy (Suggestion form) — využijete ho, chcete-li návštěvníky stránky požádat o názory či návrhy.

💡 Tip: Pre rýchly web ⏱ je kľúčové vybrať si správny hosting. Odporúčam vsadiť na overenú kvalitu ➡️ WebSupport, Webglobe-Yegon alebo Wedos.

Jak vytvořit jednoduchý formulář

Budeme pokračovat popisem postupu vytvoření formuláře pomocí šablony Simple Contact Form .

Simple Contact Form
Vytvoření jednoduchého formuláře

V pravé části obrazovky naleznete předem vytvořená pole pro přidání jména, e-mailu a zprávy. Když přejedete myší na jednotlivá pole, zobrazí se vám nabídka pro jejich vymazání a úpravu. Můžete si je také jednoduše chytit myší a přesunout na jiné místo ve formuláři.

Pro přidání nového pole přejděte na nabídku v levé straně obrazovky. Na vybrané pole klikněte nebo jej přetáhněte myší na pravou stranu.

Pro uložení kontaktního formuláře nezapomeňte kliknout na Save . Tlačítko najdete nahoře obrazovky.

Nastavení vlastností formuláře

Vytvořený formulář se vám na stránce bude zobrazovat s tlačítkem Submit. Chcete-li nastavit název tlačítka v češtině, přejděte na Settings> General.

WPForms Settings General
Všeobecná nastavení formuláře

Kromě toho zde naleznete několik jiných možností nastavení:

  • Form Name — zde upravujete název kontaktního formuláře.
  • Form Description — slouží k popisu formuláře.
  • Form CSS Class — umožňuje vložit vlastní třídu pro formulář.
  • Submit Button Text — zde upravíte text tlačítka
  • Submit Button Processing Text — vyplňte text, který se má zobrazit po odeslání formuláře.
  • Submit Button CSS Class — Toto pole slouží k přidání vlastní třídy pro tlačítko k odeslání.
  • Enable anti-spam honeypot — okno v tomto řádku doporučuji ponechat zaškrtnuté. Tato funkce slouží k ochraně proti spamovému odesílání formuláře.

Při nastavení vlastností na záložce General nemusíte kromě textu pro tlačítko Submit a textu, který se zobrazí po odeslání formuláře nic upravovat.

Nastavení notifikací na e-mail

Pod záložkou Settings> Notifications naleznete další možnosti nastavení. A to nastavení pro e-mailová upozornění. Ty se zpravidla odesílají na e-mailovou adresu správce webu. Pro přehlednost přijímaných zpráv upravte předmět e-mailu. Pokud chcete, můžete upravit i jiná pole.

WPForms Settings Notifications
Nastavení zasílání notifikací
  • Notifications – zde zapínáte nebo vypnete funkci odesílání formuláře na váš e-mail. Tuto funkci doporučuji nechat zapnutou. Jednotlivé vyplněné formuláře se nikde neukládají. Pro vaše informování o nich slouží právě e-mailová notifikace.
  • Send To Email Address – vyplňte e-mailovou adresu, na kterou se má formulář odeslat.
  • Email Subject — můžete také nastavit předmět e-mailu.
  • From Name — název odesílatele e-mailu. Naleznete zde předem nastavený název vaší stránky.
  • From Email — e-mailová adresa odesílatele.
  • Reply-To — e-mailová adresa pro odpověď.
  • Message — tělo e-mailu. Pokud ponecháte nastavení{all_fields} e-mail bude obsahovat všechna pole formuláře.
💡 Tip for themes: From premium themes, I have good experience with themes Divi, Avada and with page builder Elementor.

Nastavení potvrzení odeslání formuláře

Potvrzení formuláře je to, co se návštěvníkovi stránky zobrazí poté, co odešle formulář. Můžete zvolit poděkování za kontaktování nebo jej přesměrovat na vybranou stránku webu. Nastavení provedete na záložce Settings> Confirmations.

WPForms Settings Confirmations
Nastavení potvrzení odeslání

Nejprve si zvolte typ potvrzení. V poli Confirmation Type jsou na výběr tři možnosti:

  • Message – zobrazí text, který napíšete do okna níže.
  • Show page – nastavíte přesměrování na vybranou stránku webu.
  • Go To URL – vložte URL stránky, na kterou má být návštěvník webu přesměrován po odeslání formuláře.

Úprava, odstranění a duplikování formuláře

Všechny vytvořené formuláře se zobrazí v seznamu formulářů po kliknutí na WPForms v administraci stránky. Když přejedete myší na název formuláře, zobrazí se nabídka dostupných funkcí. Můžete si vybrat, zda chcete formulář upravovat, zobrazit jeho náhled, vymazat nebo duplikovat.

Poslední z funkcí je počet zobrazení. Tato funkce je dostupná pouze v Pro verzi . Díky ní se vyplněné formuláře ukládají přímo do administrace stránky.

💡 Do you want a faster ⏱ website? Website speed is important for both visitors and SEO. I got the best results thanks to the WP Rocket plugin, which I highly recommend.

Jak přidat ve WordPress kontaktní formulář na stránku

Po vytvoření na nastavení vlastností formuláře ve WPForms je ještě třeba vložit jej na stránku. Jako první si otevřete existující stránku, kterou chcete upravovat, nebo si vytvořte novou.

Pro přidání se používá shortcode kontaktního formuláře. Naleznete ho:

  1. na stránce úpravy formuláře pod tlačítkem Embedembed v pravém horním rohu,
  2. na stránce seznamu všech formulářů ve sloupci shortcode.

Na stránce, kam chcete kontaktní formulář vložit, si vytvořte nový blok. Do něj vložíte shortcode. Nezapomeňte si uložit všechny změny na stránce.

WPForms Insert Shortcode
Vložení shortkódu

Takto bude vypadat stránka po vložení shortcode.

Insert Contact Form
Vložení kontaktního formuláře na stránku

Jak přidat kontaktní formulář na boční panel

Kontaktní formulář lze ve WordPress přidat i na boční panel, do hlavičky či zápatí stránky. V administraci přejděte na možnost Vzhled> Widgety. V seznamu widgetů srolujte níže a najdete WPForms.

Widgets WPForms
Widget WPForms

Formulář přidáte stejně jako jiné dostupné widgety přetažením myší na zvolené místo.

Insert Contact Form To Sidebar
Přidání kontaktního formuláře na boční panel

Vyplňte název a vyberte formulář, který chcete použít. Nezapomeňte na uložení provedených změn. Úpravy vloženého formuláře můžete provádět i s živým náhledem.

Edit Sidebar
Úprava bočního panelu s náhledem

WPForms Premium vs WPForms Lite

Placená verze WPForms Premium dokáže oproti bezplatné (lite) verzi například tyto užitečné tyto věci:

  • Možnost vytvářet neomezené množství formulářů.
  • Větší množství šablon pro formuláře.
  • Možnost používat podmíněnou logiku k ovládání viditelnosti polí formuláře.
  • Možnost vytvářet vícestránkové formuláře .
  • Možnost vytvářet formuláře pro registraci uživatelů .
  • Pokročilá ochrana před spamem.
  • Možnost nahrávat a přijímat soubory přes formulář.
  • Pokročilé typy polí jako jsou pole pro datum a čas.
  • Možnost ukládat, vidět a spravovat odpovědi z formulářů přímo v administraci WordPress .
  • Integrace se službami třetích stran jako jsou například: PayPal, Stripe, Mailchimp, AWeber, GetResponse, Constant Contact, Drip, Zapír…
Was this article helpful for you? Support me by sharing, please. 👍
WordPress Návod v PDF

LEAVE A REPLY

Please enter your comment!
Please enter your name here