Jak vytvořit kontaktní formuláře pro váš web díky WordPressu

Admin Nicol Komentáře 0 Listopad 18, 2019

Jak vytvořit kontaktní formuláře pro váš web díky WordPressu

Kontaktní formuláře jsou důležitou součástí webových stránek. Slouží ke kontaktování majitele nebo pro komunikaci se zákazníky. Pokud vlastníte osobní webové stránky, nebo provozujete eshop či firemní web, budete potřebovat kvalitní kontaktní formulář.

Připravila jsem pro vás jednoduchý nástroj pro tvorbu formulářů pomocí Contat Form by WPForm pluginu, který má příjemné a intuitivní uživatelské prostředí.

Nainstalujte si oficiální plugin ze stránek WordPressu zde…. A nainstalujte si ho ve své administraci.

po aktivaci instalovaného pluginu se vám zborazí nová položka WPForms

Tvorba kontaktního formuláře pomocí WPForms

Pro vytvoření nového formuláře klikněte na WPForms >>>> Add New

Dostanete se na úvodní stránku, pro editaci nového kontaktního formuláře.

 

 

 

  1. Blank Form – prázdný formulář
  2. Simple Contact Form – jednoduchý kontaktní formulář (obsahuje předpřipravené pole Jméno, Příjmení, E-mail a Zpráva).
  3. Newsletter Singup Form – formulář pro vložení e-mailu (obsahuje předpřipravené pole Jméno, Příjmení, E-mail).
  4. Suggestion Form – rozsáhlejší formulář pro vložení návrhu.

Všechny předvolené  vzory lze samozřejmě plně upravit.

po zvolení Simple Contact Form se dostanete do rozhraní kontaktního formuláře, který můžete upravovat.

 

Viz. obrázek

 

 

Zde je nutné zvolit jméno formuláře. Například: můj první kontaktní formulář. Slouží pro orientaci ve vytvořených formulářích. Název se nezobrazuje na webových stránkách.

přidat můžete ve verzi zdarma políčka jakou jsou například:

  • jednoduché pole textu
  • textové pole
  • rozklikávací pole
  • jméno
  • email
  • zaškrtávací pole
  • multi zaškrtávací pole a další…

v originálním znění

  • Single line text – pole o jednom řádku.
  • Paragraph text – větší pole pro zadání delšího textu.
  • Dropdown – rozbalovací nabídka.
  • Multiple choice – přepínací možnosti.
  • Checkboxes – zaškrtávací políčka.
  • Name – speciální pole pro zadání jména.
  • E-mail – speciální pole pro zadání e-mailové adresy.

Pro smazání políčka, klikněte na malý odpadkový koš červené barvy viz. obrázek

 

 

pro překlad do jakéhokoli jazyka, klikněte na dané políčko a v levém menu, můžete editovat názvy dle potřeby. viz. obrázek

 

Jakmile budete mít hotový formulář, tak je třeba ho uložit a zkopírovat ShortCode, pro vložení do stránek.

klikněte na tlačítko SAVE a formulář si tím uložíte.

následně klikněte na políčko EMBED a zborazí se vám ShortCode, který vložíté kamkoli , kde chcete aby se vám formulář na stránkách zborazoval.

 

 

Tímto krátkým návodem, jsme si vytvořili první formulář, který můžete vložit do svých stránek.

Stránku s Notifikacemi, tedy upozorněním na nově příchozí email z kontaktního formuláře si můžete nastavit jak bude příchozí upozornění na příchozí zprávu vypadat.

Možné je nastavit:

  • Notifications – zapne nebo vypne funkci odesílání formuláře do e-mailu.
  • Send To Email Address – e-mailová adresa, kam se formulář odešle ({admin_email} je proměnná za administrační e-mail ve WordPressu).
  • Email Subject – předmět
  • From Name – jméno odesílatele e-mailu.
  • From Email – odchozí e-mailová adresa.
  • Reply-To – nastavená e-mailová adresa pro odpověď.
  • Message – tělo e-mailu ({all_fields} je proměnná pro všechny zadané pole formuláře).

Obvykle zde stačí jen upravit předmět e-mailu, aby jste věděli, že vám přišla odpověd či reakce pomocí webového formuláře z vašich webových stránek.

viz. obrázek

 

 

Doufám, že díky tomuto článku nebudete mít již problém vkládat kontaktní formuláře do webových stránek, které běží na redakčním systému WordPress.

pokud si i tak nevíte rady, nebo potřebujete jiný obsah pro váš web, tak nás neváhejte kontaktovat. Rádi vám pomůžeme. Kontaktujte nás zde…..