Pre tvorcov webov pomocou Divi, ale nie len pre nich býva ťažký oriešok, ako spracovať kvalitný kontaktný alebo aj iný kontaktný formulár predovšetkým vtedy, keď sa stupňujú požiadavky na náročnosť spracovania a fungovania formuláru.
Tí, čo tvoria weby pomocou Divi vedia, že základný kontaktný formulár v Divi má veľa nedokonalostí, nedostatkov či nedorobkov. Okrem toho, že chýbajú dôležité políčka ako je napríklad nahrávanie súboru, je takmer nemožné dosiahnuť viaceré vizuálne úpravy formuláru, napríklad viac ako dva stĺpce, viac krokový formulár či jeho funkčnosť akou je napríklad precízna úprava odoslanej správy.
Obvykle ako formulár prvej voľby na WordPress sa ponúka notoricky známy Contact Form 7, ktorý so svojími viac ako 5 miliónmi inštalácii je jednoznačne na vrchole rebríčka všetkých WordPress formulárov. Aj napriek tomu, aký je ťažkopádny, hlavne, že je zadarmo a predovšetkým funguje prakticky na 100%.
V niektorých prípadoch je potrebné ho doplniť ešte pluginom na odosielanie e-mailov, napríklad Easy WP SMTP, hlavne v prípade, ak konfigurácia hostingu robí problémy s odosielaním e-mailov cez WordPress. Inak funguje úplne bezproblémovo. Na jeho úpravu je potrebné vedieť aspoň základy HTML alebo siahnuť po externom plugine, pretože CF7 v sebe nemá žiadne vizuálne nástroje.
Pre Divi web dizajnérov môže byť ešte pomôckou, že formuláre Contact Form 7 sa dajú dizajnovať pomocou Divi Supreme PRO (samostatný článok Divi Supreme) a ukážka od Divi Supreme.
Ale tento článok nie je o CF 7, poďme teda k veci
Čo robiť v prípadoch ak prichádzajú komplikovanejšie požiadavky na formulár?
- Nahrávanie súborov alebo dokonca multiupload
- Viackrokový formulár
- Cenové kalkulačky
- Generovanie PDF
- Ukladanie odoslaných formulárov do databázy
- Automatické mazanie starších záznamov
- Rozdielne notifikácie emailom pre admina webu a odosielateľa formuláru
- Prijímanie platieb cez formulár
- Vlastná ďakovná stránka po odoslaní formuláru… a množstvo ďalších
Obvykle je odpoveď jednoduchá – pluginovať, teda čo požiadavka na funkciu, to ďalší plugin. Tieto pluginy nie sú vždy medzi sebou kompatibilné, niektoré nie sú už ani zadarmo a v konečnom dôsledku nás to stojí kopec času a aj peňazí.
Riešenie som hľadal dlhšie, porovnával som viacero profesionálnych pluginov na kontaktné formuláre a predovšetkým pomer cena vs poskytnuté funkcie. Po dlhsom prieskume a aj vďaka možnosti lifetime licencie ako jediný vyhral Fluent Forms.
Fluent Forms poskytuje aj obmedzenú bezplatnú verziu svojho pluginu medzi WordPress pluginmi, ale úprimne, nikdy som čisto bezplatnú verziu netestoval.
Povedzme si úprimne, tento plugin nepatrí práve medzi tie najlacnejšie a cenník sa šplhá priam do astronomických výšin čo sa týka cien WordPress pluginov vo všobecnosti.
Licencia sa poskytuje ročne pre 1, 5 a ∞ webov v cenách od 59 $ do 199 $ alebo lifetime taktiež pre 1, 5 a ∞ webov v cenách od 299 $ do 899 $, čo už rozhodne nie je málo, prinajmenšom keď to porovnáme s Divi, ktoré stojí pre ∞ webov „len“ 249 $ a ďalšie pluginy pre Divi tiež v podobných cenových hladinách.
Stojí to za tie peniaze?
Určite áno! Opäť ide o plugin dá sa povedať v zmysle „All in One“ a nič ďalšie nie je potrebné na web inštalovať. Všetky vyššie spomenuté veci, pre ktoré by bolo potrebné inštalovať ďalšie a ďalšie pluginy v prípade použitia Contact Form 7 tento plugin dokáže.
Príklad použitia pluginu vo forme cenovej kalkulačky s odoslaním na e-mail a interaktívnym zobrazovaním ceny je možné vidieť priamo na mojom webe.
Ďalším príkladom použitia tohto pluginu je nahrávanie fotografii do kníh. Formulár je v tomto prípade opatrený viacerými atypickými funkciami, ktoré v bežných formulároch nebývajú:
- Automaticky zo zadaných údajov vygeneruje PDF licenčnej zmluvy a odošle mailom
- Odoslaný obsah formulárov sa ukladá na server vrátane fotiek, ktoré nie sú odosielané ako príloha, ale ako link na stiahnutie
- Notifikuje admina stránky a používateľa rozdielnymi oznámeniami po odoslaní
- Po zvolenom intervale automaticky odstraňuje staršie záznamy z databázy vrátane nahraných fotiek zo serveru
Tvorba formulárov
Vytvorenie formuláru nepredstavuje žiaden komplikovaný problém. Skôr je potrebné pripraviť sa na to, že plugin má obrovské množstvo funkcii a chvíľu potrvá, kým sa v nich človek zorientuje.
Formulár sa tvorí pomocou „Drag & Drop“ editora a v ponuke je na výber množstvo typov polí. Na obrázku nižšie sú základné typy polí s ktorými sa pracuje
Ďalšie sú rozšírené polia, teda rozšírené možnosti. Sem spadajú ďalšie typy políčok, ktoré bežne bezplatné pluginy neobsahujú. Sú vhodné predovšetkým pri tvorbe viac-krokových formulárov, ale taktiež sú tu esenciálne polia, ktoré je nutné v dnešnej dobe mať v každom formulári a to je napríklad GDPR.
Poslednými prvkami, z ktorých sa formulár skladá sú stĺpce, vďaka ktorým je možné ukladať polia formuláru ľubovoľne podľa uváženia. Stĺpce sa dajú vkladať aj do seba (jeden do druhého).
Nastavenia polí
Ďalšou rozsiahlou kapitolou sú nastavenia jednotlivých polí. Okrem štandardných nastavení ako sú Štítok, Povinné/Nepovinné, Placeholder je možné nastavovať aj ďalšie užitočné drobnosti
- Pomôcka – dodatočné informácie – možno vidieť v cenovej kalkulačke
- Prefix / Sufix poľa – tiež možno vidieť v cenovej kalkulačke pri zobrazení ceny
- Podmienečná logika – je možné nastavovať prakticky pri každom type poľa
- Výpočty – aby formulár fungoval zároveň ako cenová kalkulačka
- a samozrejme pre pokročilých používateľov aj custom class jednotlivých prvkov
Nastavenia formuláru
Celkovo formulár poskytuje množstvo užitočných funkcii, ktoré je možné nastaviť
Po odoslaní formuláru
- Ostať na rovnakej stránke + zobraziť správu o úspešnom odoslaní
- Resetovať formulár alebo skryť formulár
- Presmerovať na ďakovnú stránku
- Presmerovať na ľubovoľnú URL adresu
Existuje možnosť povoliť „Double Opt-in“
Rozloženie prvkov formuláru
Možnosti nastavenia globálne pre celý formulár.
Možnosti plánovania
Plugin poskytuje možnosti zobrazovať formulár vo zvolených dňoch a časoch. V prípade potreby napríklad ankety je možné nastaviť maximálny počet odoslaní formuláru a následne ho deaktivovať, čo predstavuje ideálnu možnosť využiť tento plugin pri zbere rôznych údajov.
Notifikácie
Notifikácie, teda e-maily, ktoré odosiela formulár je možné nastavovať prakticky ľubovoľným spôsobom a ľubovoľné množstvo.
Na notifikačné e-maily je možné tiež aplikovať podmienečnú logiku, aby sa odosielali iba v prípade splnenia alebo nesplnenie určitej podmienky. Jednotlivé notifikácie nie sú od seba závislé a teda je možné napríklad jednu notifikáciu odoslať a druhú nie. Je to už len na fantázii a potrebách.
Integrácie
Formuláre je možné integrovať aj s inými pluginmi respektíve službami.
- Je možné vytvárať registračný formulár do WP pomocou tohto pluginu a registrovať používateľov
- Vytváranie landing pages
- Na základe odoslaných údajov vytvoriť článok alebo vlastný post type
- Integrácia so službami tretích strán ako Mailchimp, SendinBlue, Google Sheets, Telegram, Zapier, Mailerlite a ďalšie
- SMS notifikácie pomocou Twilio
- Generovanie PDF na základe odoslaných údajov
Všetky tieto vyššie uvedené informácie a testovanie formulárov ma presvedčili, že ide o naozaj kvalitný plugin na spracovanie formulárov pre WordPress a dokázal plne nahradiť ktorýkoľvek formulárový plugin, ktorý som doteraz používal.
Pri tvorbe webov pomocou Divi stále používam Divi formulár v prípade, že umiestňujem do kontaktu klasický a úplne jednoduchý formulár typu „Meno“, „E-mail“ a „Správa“. V takom prípade nepovažujem za potrebné, dokonca pokladám za kontraproduktívne inštalovať ďalší plugin na formuláre pokiaľ to nie je vyslovene potrebné. Akonáhle sa vyskytnú požiadavky na komplexnejší formulár, automaticky siaham po Fluent Forms.