Domů » Jak vytvořit kontaktní formulář

Jak vytvořit kontaktní formulář

5
(5)

Potřebujete přidat kontaktní formulář na vaše WordPress stránky, abyste zůstali v kontaktu se svými zákazníky?

Přidáním kontaktního formuláře vás zákazníci snadno můžou oslovit, nabídnout spolupráci nebo navázat kontakt.

Přinášíme vám návod, jak vytvořit kontaktní formulář pomocí WordPress pluginu.

1. Musíte vybrat WP plugin

V první řadě jsi musíme vybrat správný WordPress plugin pro váš web.

Nabídka WP pluginů pro kontaktní formuláře je opravdu obrovská, a vyhledat ten správný může být někdy až vyčerpávající.

Proč jsme si vybrali kontaktní formulář WPForms? Protože patří k nejlépe hodnoceným.

Plugin jsme si vybrali protože:

  • Uživatelsky přátelský
  • Vhodný i pro začátečníky
  • Nabízí placenou i free verzi
  • Můžete vytvářet jednoduché formuláře

2. Jak nainstalovat plugin pro kontaktní formulář

Pokud chcete instalovat WPForms, klikněte v administraci webu na záložku Pluginy → Instalace pluginů.

Ve vyhledávacím poli napište WPForms. Následně se vám zobrazí nejlepší výsledky na hledané slovo.

Na prvním místě máme náš plugin, který hledáme. Popřípadě se jmenuje Contact From by WPForms – Drag & Drop Form Builder for WordPress.

Následně musíme plugin nainstalovat. Klikneme na tlačítko Instalovat → poté na tlačítko Aktivovat.

Po instalaci se vám zobrazí následující obrazovka Vítejte ve WPForms.

Sjeďte kurzorem dolů a klikněte na tlačítko Vytvořit první formulář.

Zobrazí se vám hlavní stránka pro vytváření kontaktních formulářů.

Jak můžete vidět, máme zde na výběr nespočet různých formulář připravených k vytváření.

My si vytvoříme „obyčejný“ kontaktní formulář pro naše webové stránky.

Klikneme na druhou záložku Simple Contact Form.

Po kliknutí na použít šablonu, budete přesměrování do nastavení.

Jak můžete vidět, v pravém menu máme tlačítka :

  • Tmavě modrá: lze použít ve free verzi
  • Světla modrá: musíte si zaplatit PRO verzi

Pokud potřebujete vytvořit základní kontaktní formulář, stačí vám Free verze.

Standartní free verze obsahuje:

  • Jednořádkový text
  • Odstavec
  • Rozbalovací nabídka
  • Více možností
  • Zaškrtávací políčka
  • Počet
  • Jméno
  • E-mail
  • Číslo posuvníku
  • CAPTCHA

V našem případě bude základní formulář stačit.

Je ale důležité, aby jsme přepsali Anglické názvy pro pole.

Místo Name → jméno a Comment or Message → zanechte nám vzkaz.

Pokud chcete změnit jakýkoliv název, stačí kliknout na vybrané pole a zobrazí se vám nabídka nastavení v pravém rohu:

Do pole označení místo Name napíšeme Jméno a Příjmení.

Poté nastavíme formát pole. Máme zde na výběr 3 možnosti:

  • Jednoduchý
  • Křestní jméno Příjmení
  • Křestní jméno Druhé jméno Příjmení

Nejlepší možnou volbou jsou první dvě možnosti, ale záleží na vás.

V poslední řade nastavíme pole Comment or Message → přejmenujeme například na: Zanechte nám vzkaz.

3. Nastavení formuláře

V neposlední řadě budeme chtít ještě udělat pár důležitých změň v nastavení.

Mezi prvními je záložka Obecné.

V této sekci nastavení Název formuláře, Text odesílacího tlačítko pro formulář a Text tlačítka při zpracování a odesílání formuláře.

Jaký text sem zadáte je zcela na vás…

Doporučujeme změnit tlačítko Submit na Odeslat a místo Sending.. → odesíláme zprávu.

Další záložka je Oznámení.

Sekce oznámení je velmi důležitá, nastavujeme zde:

  • E-mail kam má být kontaktní formulář odeslán
  • Předmět
  • Z jakého e-mailu byla zpráva odeslána
  • Další e-mailové adresy
  • Popřípadě další nastavení při rozšíření kontaktního formuláře

Pokud si nevíte rady, u každé kolonku je také nápověda (malý otazník, který vám poradí co a jak).

Potvrzení

Potvrzení slouží k zobrazení odpovědi při vyplnění kontaktního formuláře.

Můžeme vidět odpověď při odeslání: Thanks for contacting us! We will be in touch with you shortly.

Tento text můžeme přeložit například takto: Děkujeme, že jste nás kontaktovali! Brzy se vám ozveme.

Nyní přichází na řadu to nejdůležitější… vložit kontaktní formulář na webovou stránku.

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

Když už jsme správně nakonfigurovali kontaktní formulář, musíme se podívat na to, jak ho vložit na web.

Pro začátek si musíte vytvořit novou webovou stránku kterou nazveme například Kontakt.

Klikneme v Menu na Stránky → Vytvořit novou stránku.

V kontaktní stránce je také důležité vytvořit titulek, Meta Description, náhledový obrázek atd.. a především vložit kód Formuláře.

Pod názvem Kontakt budete mít tet Typ / vybrat blok → klikněte na bíle plus v černém rámečku.

Do políčka Hledat napíšeme formulář.

Následně se vám zobrazí na výběr formulář WPForms:

Až kliknete na WPForms, zobrazí se nám tato nabídka:

Klikněte na Vyberte formulář.

Zobrazí se vám nabídka vytvořených formulářů. Nejspíše se bude jmenovat Simple Contact Form.

Po potvrzení vámi vybraného formuláře, se vám zobrazí vytvořený formulář který jsme nastavovali pár odstavců zpátky.

Následně Publikujeme stránku a váš kontaktní formulář se na světě!

Nezapomeňte ověřit, zda vám kontaktní formulář správně funguje.

Klikněte na tlačítko Odeslat.

Důvěryhodné zdroje:

[1] WPForms.com

[2] WPForms review 2022

Jak se vám líbil článek?

Hodnocení 5 / 5. Kolik lidí hlasovalo 5

Tento příspěvek nemá zatím žádný hlas! Buďte první!

Napsat komentář