Kontaktný formulár vo WordPresse

Väčšina webov potrebuje kontaktný formulár. Vďaka nemu sa s vami vaši zákazníci jednoducho spoja, vďaka čomu si zvýšite pravdepodobnosť, že u vás nakúpia.

WordPress bohužiaľ nemá vstavané formuláre. Existuje však množstvo pluginov, s ktorými si kontaktný formulár na web jednoducho pridáte aj bez programovania. Tu si ukážeme, ako si kontaktný formulár vytvoriť vo WordPress plugine WPForms.

WordPress plugin WP forms

Prečo sme vybrali WPForms? S viac ako 5 miliónmi používateľov patrí medzi najpoužívanejšie WordPress pluginy na tvorbu formulárov. Vo verzii lite je navyše zadarmo.

Ak chcete využívať všetky jeho prémiové funkcie – napríklad konverzačné formuláre v štýle Typeform – môžete kedykoľvek upgradovať na verziu WPForms Pro.

Tvorba formuláru vo WordPresse

1. Nainštalujte si plugin WPForms (tu nájdete návod, ako inštalovať WordPress pluginy).
2. Po inštalácii a aktivácii pluginu WPForms pribudne do postrannej lišty WordPress administrácie a otvorí sa vám uvítacia stránka.
3. Kliknite na tlačidlo Vytvoriť nový v postrannej ponuke a otvorí sa vám editor formulárov. Ten funguje na rovnakom princípe ako editor Gutenberg, teda na báze funkcie drag&drop si kontaktný formulár postavíte z jednotlivých blokov.

• Začnite tým, že si svoj formulár pomenujete.
• Vyberte si jednu z pripravených šablón alebo kliknite na Prázdny formulár.

Nové pole do formulára vložíte tak, že kliknete na vybraný prvok a pretiahnete ho na vybrané miesto vo formulári.

Kliknutím na vybrané pole vo formulári sa vám v postrannej ponuke vľavo otvoria možnosti poľa. Tu si môžete upraviť popis a zvoliť, či bude pole vyžadované (čo znamená, že bez vyplnenia tohto poľa nebude možné formulár odoslať).

• V záložke Pokročilé si môžete zmeniť veľkosť poľa, upraviť podnadpisy, skryť popis atď. Vysvetlivky k jednotlivým nastaveniam nájdete vždy po kliknutí ikonu otázniku.

Niektoré polia sú dostupné až vo verzii WPForms Pro. Upgradom okrem iného získate aj možnosť využívať smart logiku, teda možnosť štrukturovať ďalšie otázky na základe odpovedí na tie predchádzajúce.

Nastavenie kontaktného formulára

Teraz prejdite do Nastavenia → Všeobecné. Tu si môžete upraviť názov a popis formulára (tie sú len pre vás a používateľom sa na stránke nezobrazujú) a text tlačidla.

Kontaktný formulár má automaticky povolenú ochranu proti spamu. V záložke Ochrana a zabezpečenie proti spamu môžete povoliť dodatočnú antispamovú ochranu Akismet, ak máte tento plugin nainštalovaný.

Do formulára odporúčame pridať aj ochranu proti robotom reCAPTCHA. Tú si aktivujete v ľavom postrannom paneli svojej WordPress administrácie pod pluginom WPForms → Nastavenie → CAPTCHA.

V záložke Oznámenie nastavujete, kam sa vyplnené formuláre budú posielať.

V predvolenom nastavení sa posielajú na adresu administrátora webu, ktorý WordPress inštaloval. Ak je tento e‑mail iný, než názov vašej domény, je možné, že formuláre budú končiť v spamu. Ak chcete oznámenia posielať na viac e‑mailov, oddeľte ich čiarkou.

Na posielanie vyplnených formulárov z WordPressu na e‑mail je potrebné nainštalovať ešte jeden plugin od rovnakej firmy: WP Mail SMTP. Tu k nemu nájdete detailný návod.

Zasielanie oznámení si môžete otestovať v náhľade formulára. Vyplňte ho a odošlite.

V záložke Potvrdenie si môžete zvoliť, čo sa stane po odoslaní formulára:

• Z vašej domény sa na e‑mail vyplnený vo formulári pošle správa (tú si môžete upraviť podľa vlastných potrieb).
• Návštevníkovi sa zobrazí jedna zo stránok vášho webu (v ponuke uvidíte všetky svoje stránky).
• Návštevník je presmerovaný na ktorúkoľvek inú zadanú URL adresu.

Potom, čo dokončíte nastavenie svojho formulára, nezabudnite kliknúť na tlačidlo Uložiť vpravo hore.

Všetky svoje uložené formuláre nájdete pod pluginom WPForms → Všetky formuláre.

Tu si ich môžete upraviť, duplikovať, vymazať a zobraziť si náhľad. Záznamy, teda možnosť pozrieť sa na vyplnené formuláre, je bohužiaľ dostupná len vo verzii Pro.

Vyplnené formuláre si môžete nechať poslať na svoj e‑mail. Na to je nevyhnutné prepojiť WPForms s ďalším pluginom od rovnakej firmy: WP Mail SMTP. Prečítajte si celý návod na posielanie e‑mailov z WordPressu.

Vloženie kontaktného formulára na stránku

Hotový kontaktný formulár si do stránky vložíte jednoducho ako widget. V editore Gutenberg ho nájdete v postrannej ponuke v záložke Widgety → WPForms.

Potom stačí vybrať z ponuky, ktorý z uložených formulárov chcete použiť, a formulár sa do stránky vloží.

Všetky zmeny, ktoré potom urobíte vo svojom formulári v editore WPForms sa automaticky prepíšu aj do formulárov použitých na stránke.