WordPress návody

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

tablet
Autor příspěvku Tomáš Cirkl

Kontaktní formulář je nezbytnou součástí většiny webových stránek. Využít ho můžete jak na firemním webu, tak třeba i na osobní stránce či blogu. V tomto článku si ukážeme návod jak na WordPress stránky přidat kontaktní formulář, pomocí kterého vám mohou návštěvníci stránek napsat.

Nejprve si z oficiálního katalogu nainstalujte plugin Contact Form 7. Po aktivaci pluginu se do levého menu přidá nová položka Kontakt. Jak můžete vidět plugin je již, z velké části přeložen do češtiny a práce s ním je jednoduchá i pro začátečníky.

Z podnabídky vyberte Kontaktní formuláře a můžete vidět, že od instalace je zde jeden formulář. Klikněte na něj a dostaňte se do jeho nastavení.

Alternativně můžete z podnabídky vybrat možnost Přidat nový a vytvořit kompletně nový formulář, nicméně výsledek bude stejný.

Upravit kontaktní formulář

Upravit kontaktní formulář

Nastavení formuláře má celkem čtyři části:

  • Formulář – obsahuje tělo formuláře na webu, můžete zde pole přidávat, odebírat nebo jakkoliv upravovat.
  • Email – nastavení emailu, vytvořeného po odeslání fomuláře.
  • Zprávy – nastavení pro různé informační hlášky, zde si můžete například dopřeložit nepřeložené chybové hlášky.
  • Další nastavení – prakticky nepotřebujete, jedině když by jste chtěli formulář něčím upravit, například přidat přesměrování po odeslání formuláře.

Výchozí a nově vytvořený formulář obsahuje čtyři pole, které obvykle bohatě stačí. Jendá se o Jméno, Email, Předmět a Zpráva. Stačí se tedyzaměřit především na nastavení emailu, který dorazí po odeslání.

Běžte na záložku Email.

Email - kontaktní formulář

Email – kontaktní formulář

Ihned pod jménem záložky Email vidíte v hranatých závorkách pole formuláře. Tyto všechny pole by se měli objevit v Message Body. Oni totiž zajišťují, že se informace zanesená do formuláře přenese do emailu. Pokud jste do formuláře nějaké pole přidávali, přidejte je tedy i do Message Body.

Dále v nastavení pro email najdete:

  • To – emailová adresa na kterou přijdou vyplněné informace.
  • From – odesílatel emailu.
  • Předmět – předmět emailu.
  • Message Body – tělo emailu, mělo by obsahovat tagy všech polí formuláře.
  • File – slouží pro přidání příloh.

Poslední sekci je Druhý email. Aktivujete-li toto pole, můžete nastavit druhý email, který se po odeslání formuláře pošle. Často se to používá pro zaslání informací odesílateli formuláře (kopie vyplněných informací, poděkování za kontaktování…).

Jakmile máte vše nastaveno, klikněte na Uložit a zkopírujte si shortcode formuláře. Shortcode najdete v modrém pruhu pod jménem formuláře.

Nyní zbývá jít v administraci WordPressu na stránku kam chcete formulář umístit (nebo pokud stránku nemáte ji vytvořit) a vložit tam shortcode kontaktního formuláře.

Shortcode ve stránce

Shortcode ve stránce

Po vložení shortcodu stránku uložte. Posledním krokem je zobrazení formuláře na stránce a jeho otestování. Jestliže je vše v pořádku a email jste dostali, máte hotovo.

Jak formulář vypadá ve výchozí šabloně Twenty Fifteen se můžete podívat na obrázku níže.

Kontaktní formulář

Kontaktní formulář

O autorovi

Tomáš Cirkl

Baví mě Internet a zvláště pak redakční systém WordPress. Jsem pravidelným účastníkem a přednášejícím na WordCamp Praha a WordPress konferencích.

13 komentářů

  • S tímto formulářem mám velice smutné zkušenosti. Přes mail.php se dostal nějaký zmetek do WP a udělal si z webu zákazníka spam robota. K ochraně byl použit captcha wordpress contact form 7 + kontrolní otázky, ale vše bylo zbytečné.
    Cituji providera po zablokování webu zákazníka: Z prezentace bylo odesláno funkcí php mail() velké množství spamových zpráv, funkce mail() tak byla zablokována (nejedná se o standardní e-mail, ale o odesílání e-mailů přímo z prezentace).
    Dle logu nebyly stránky napadeny skrze FTP, ale na úrovni dané aplikace, bude tak nutné provést zabezpečení, aby nemohlo dojít k dalšímu útoku.
    Náprava? Kompletní obnovení webu ze zálohy a zrušení všech formulářů !

    Dle jednoho mého známého PHP programátora by použití WP formulářů v současném stavu nedoporučoval, přinejmenším až do vyřešení akceptování tzv. “otevřených závorek” v nekontrolovatelných “text Area polích”. Obrana proti útoku XSS v PHP – např.: http://www.itnetwork.cz/php/bezpecnost/tutorial-bezpecnost-v-php–utoku-xss-a-obrana/)

  • Myslím, že tento plugin používá naprosto každý, už ze základu není potřeba nijak konfigurovat.
    Stačí nainstalovat a používat, doporučuji!

  • Zdravím,
    poradili byste mi, jestli je možné použít tento plugin i na testování na localhostu a případně jak ho zprovoznit? Pokaždé mi to vyhodí hlášku, že zprávu nelze odeslat

      • no dosiel mi jeden od wordpress.com ked som si registroval akismet ja len zacinam tak neviem vsetko mi odosle vsetko vporiadku vsetko mam nastavene ako tu pisete a nic sprava sa odosle ale nedojde na ziaden mail co tam dam v zalozke email>komu – moj mail> od > [your-name]

  • Dobry den, co to som precital, ale stale som len uplny zaciatocnik, takze ak je to uplne mimo otazka k danej teme, tak sa ospravedlnujem. Hladam nieco obdobne ako “kontaktny formular” ci tracker, ale aj s tym ze by bolo vidiet/publikovane zaslane otazky a nasledne aj ich odpovede na ne. Najblizsie k tomu co som nasiel bol FORM MAKER, ale nebolo to uplne ono. Ak by sa dalo poradit, budem velmi vdacny, ak nie , nic sa nedeje, hladam dalej 🙂

Zanechat komentář

Školení Divi šablona pro začátečníky a mírně pokročilé (Praha 25.10.2018)

Získejte více informací o WordPress!

Připojte se do našeho emailového seznamu a nenechte si ujít informace, novinky a návody ze světa WordPressu.

Úspěšně jste se zapsali do našeho newsletteru. Děkujeme!

Tomáš Cirkl

Tomáš Cirkl

WordPress specialista

Blog WPlama.cz píši už více než 3 roky. O WordPress přednáším a pořádám školení. Pro své klienty vytvářím a spravuji webové stránky.