Kategórie
Návody Pre používateľov

Ako vytvoriť kontaktný formulár vo WordPresse?

Už sa vám niekedy stalo, že vás pri nákupe zachránila predavačka, ktorá vám ochotne pomohla? Rovnakú príležitosť by mali mať aj návštevníci vášho webu alebo e-shopu. Kontaktný formulár je skvelá možnosť nielen na dohodnutie osobného stretnutia, ale aj na zodpovedanie otázok, príp. zasielanie noviniek alebo užitočných rád. 

V tomto článku vám ukážeme, ako si vo WordPresse vytvoriť kontaktný formulár, ak ho vaša téma alebo nástroj na tvorbu webu (webbuilder) neponúka. Formulár si jednoducho doplníte vďaka pluginu WPForm Lite

Postup, ako si nainštalovať a aktivovať plugin WPForm Lite

  1. Najprv sa prihláste do administrácie vášho webu.
  2. Potom v ľavom menu kliknite na Pluginy a Pridať nový.
  3. Do riadku pre vyhľadávanie napíšte WPForm. Zobrazí sa vám plugin Contact Form by WPForms – Drag & Drop Form Builder for WordPress.
  4. Skontrolujte, či je plugin kompatibilný s vašou verziou WordPressu. Ak áno, kliknite na Nainštalovať a potom Aktivovať.

Hotovo, môžete sa pustiť do tvorby kontaktného formulára. 🙂

1. Pridať nový plugin
2. Vyhľadať a nainštalovať WPForm
3. Aktivovať WPForm

Ako si vytvoriť jednoduchý kontaktný formulár

  1. V ľavom menu vo WordPresse kliknite na WPForms a potom na Add new. Zobrazia sa vám šablóny rôznych formulárov. Od kontaktného cez formulár na posielanie newslettrov alebo opt-in formulár na získanie e-mailu návštevníka webu.
4. Pridať nový formulár
  1. Vyberte Simple Contact Form a kliknite na Use template.
5. Kontaktný formulár
  1. K dispozícii máte kontaktný formulár, ktorý si môžete upraviť podľa vlastných predstáv. Na pravej strane vidíte položky/polia, ktoré aktuálne vybraný formulár obsahuje. Na ľavej strane sú položky, ktoré môžete do formulára cez Drag & Drop pridať.
6. Kontaktný formulár edit
  • Single Line Text – jednoduchý krátky text (napr. ak chcete zistiť od ľudí, ktorí vyplňujú formulár, odkiaľ sa o vás dozvedeli – TV reklama, sociálne siete, leták…)
  • Paragraph Text – dlhší text (napr. ak vás zaujíma klientov názor na produkt/službu) 
  • Dropdown – zoznam jednotlivých možností, ktoré uvidíte až po kliknutí na rozbaľovacie pole
  • Multiple Choice – výber z viacerých možností, z ktorých si môžete vybrať iba jednu alternatívu
  • Checkboxes – zaškrtávacie políčka – užívateľ si môže vybrať viacero položiek zo zoznamu
  • Numbers – možnosť pre zadanie číselných hodnôt
  • Name – meno a priezvisko
  • E-mail – platná e-mailová adresa
  • Number slider – číselník vo forme pruhu, ktorý zobrazuje rozsah určitých hodnôt
  • CAPTCHA – bezplatná ochrana voči spamu (podmienky používania tohto poľa treba zadať v nastaveniach pluginu WPForms)

Toto sú štandardné položky, ktoré vo formulári môžete použiť zdarma. Položky Fancy Fields a Payment Fields sú aktívne len v platenej verzii pluginu. 

Ako upraviť položky formulára

Prednastavené šablóny formulárov vám môžu urýchliť prácu. Avšak nie vždy obsahujú polia, ktoré by ste vo formulári chceli, príp. nevyhovuje vám ich preddefinovaný názov. Úprava je veľmi jednoduchá. Stačí kliknúť na pole, ktoré chcete zmeniť. Dostanete sa do prostredia pre všeobecné alebo pokročilé nastavenie. Tam si vybrané pole upravíte tak, ako to potrebujete.

7. Úprava položky Name

Aby formulár správne fungoval

Aby ste správy od ľudí, ktorí vyplnili formulár, aj reálne dostali a mohli si ich prečítať, ešte potrebujete správne nastaviť údaje v časti Settings:

  • General – zadajte názov formulára, aby ste vedeli, ktorý formulár (kontaktný alebo na zasielanie newslettrov) pridávate na rôzne stránky vášho webu. Pomenujte tlačidlo (napr. Odoslať správu) a doplňte text, ktorý návštevník webu uvidí pri odosielaní správy cez formulár (napr. Vaša správa je na ceste k nám.).
8. Settings – General
  • Notifications – vyplňte e-mail, kam vám prídu správy odoslané cez formulár. Ideálne zadajte e-mail, ktorý ste si vytvorili k vášmu webu. Presný postup, ako to spraviť, nájdete v článku Ako si vytvoriť e-mail k vášmu webu. Do riadku môžete zadať viacero e-mailov, stačí ich oddeliť čiarkou.

    Potom vyplňte predmet správy (odporúčame názov formulára, aby ste na prvý pohľad vedeli, odkiaľ sa k vám klient dostal), ďalej meno a e-mail odosielateľa, e-mail, na ktorý môžete odpovedať a znenie celej správy.

    Vedľa každej kolónky nájdete možnosť Show Smart Tags. K dispozícii sa vám zobrazia položky z formuláru, ktoré môžete do kolóniek doplniť.

    Avšak POZOR! Ak chcete mať 100 % istotu, že vám správy z formulára prídu, do kolonky From Name zadajte názov vášho webu (napr. uzitocneclanky.sk) a do From Email e-mail vášho webu (napr. podpora@uzitocneclanky.sk). Takto formulár bude fungovať nabetón. 🙂
9. Settings – Notifications
10. Settings – Confirmations

Ako pridať formulár na stránku

V tejto chvíli máte tvorbu formulára úspešne za sebou. Už len ho pridať na web. Môžete to spraviť dvoma spôsobmi. Po nainštalovaní pluginu WPForms sa vám v nástroji na tvorbu webu zobrazí element WPForms. Vyberiete príslušný formulár a hotovo. 

11. Takto vyzerá element WPForms v nástroji Elementor

Druhou možnosťou je, že napríklad pri doplnení stránky Kontakt, použijete element HTML, do ktorého skopírujete shortcode formulára, napr. [wpforms id=“361″]. Kód nájdete vo WordPresse vedľa názvu formulára.

12. Shortcode formulára

Želáme vám veeeľa dobrých správ od návštevníkov vášho webu. 🙂

Vypočujte si na záver podcast o tom, prečo je programovanie kreatívna a zábavná práca.

Autor: Dana Piljarová

Tvorím weby, píšem články a e-booky, vďaka ktorým si ľudia budujú meno experta vo svojej oblasti. Som detailista, čo ocení kvalitnú kávu, horkú rukolu a domáce paradajky. Milujem rovnováhu, preto si zo sveta IT rada odskočím k maľovaniu a háčkovaniu.

Pridaj komentár

Vaša e-mailová adresa nebude zverejnená.