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.

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. 

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.

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

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

7. 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ť).

8. 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.

9. Vpravo hore sa môžete pozrieť na náhľad, ako bude kontaktný formulár vyzerať.

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ý.

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.

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.

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.

Vloženie kontaktného formulára do postrannej lišty alebo päty

Kontaktný formulár sa dá vložiť aj do päty alebo napríklad do postrannej lišty blogu (napr. na prihlasovanie do newsletteru).

Postranné lišty a päty v starších WordPress šablónach

V starších WordPress šablónach túto možnosť nájdete v ľavom postrannom paneli WordPress administrácie v záložke Vzhľad → Widgety. 

Kliknite na plus a vyberte widget WPForms. Potom z ponuky vyberte formulár, ktorý chcete použiť.

Päta a postranné lišty v nových WordPress šablónach

V novších WordPress šablónach si postranné lišty a pätu upravíte v editore šablón. V ľavom postrannom paneli WP adminu kliknite na Šablóny → Editor.

Pätu si zmeníte v editore šablón v záložke Vzory.

Dvakrát kliknite na náhľad päty a prejdite do editora Gutenberg. Tu si kontaktné formuláre pridáte klasicky cez Widgety → WPForms.

Je možné, že si postranný panel budete musieť vytvoriť ako nový vzor. V záložke Vzory opísanej vyššie kliknite v ľavom paneli na ikonu plus a vyberte možnosť Vytvoriť vzor.

• Chráni pred spamom – keď na webe zverejníte len svoj e‑mail, spam roboti ho nájdu a začnú vám posielať spam. WordPress formuláre majú integrovanú spam ochranu.
• Získate vždy všetky informácie – v e‑maile zákazníci často zabudnú poslať potrebné údaje; vo formulári si vypýtate presne to, čo potrebujete.
• Šetrí čas zákazníkom – mať na webe len e‑mail znamená, že zákazníci musia otvoriť svoj e‑mailový klient a napísať celú správu. Mnohí z nich to nakoniec vzdajú. S formulárom stačí priamo na webe vyplniť zopár polí. 
• Šetrí aj váš čas – pre tých, ktorí vyplnia váš formulár, môžete nachystať automatickú odpoveď alebo na ďakovacej stránke zákazníkom ponúknuť ďalšie informácie.