Aby ste cez kontaktný formulár nestrácali dopyty, overte celý postup od vyplnenia po odpoveď zákazníkovi. Návštevník musí rozumieť poliam, vedieť opraviť chybu a dostať pravdivé potvrdenie. Web potrebuje serverovú kontrolu aj ochranu pred spamom. Vo firme musí správa skutočne doraziť ku konkrétnemu človeku. Samotné tlačidlo „Odoslať“ ani zelená hláška ešte nedokazujú, že tento reťazec funguje.
Pre menšiu firmu môže byť formulár hlavným miestom, kde sa záujem o službu mení na obchodný rozhovor. Preto patrí do odovzdania nového webu rovnako ako dizajn, obsah či mobilné zobrazenie. Nasledujúci postup vám pomôže formulár prevziať od dodávateľa aj preveriť existujúcu stránku.
Najprv určte, čo má zákazník vybaviť
Žiadosť o cenovú ponuku, rezervácia konzultácie a všeobecná otázka nemusia mať rovnaké polia. Pri každom údaji si položte otázku: potrebujeme ho už na prvú odpoveď? Ak telefón využijete až neskôr, nemusí byť povinný. Ak bez lokality neviete posúdiť dostupnosť služby, stručne vysvetlite, prečo sa na ňu pýtate.
Neexistuje jeden ideálny počet polí pre všetky firmy. Dôležité je, aby požiadavky zodpovedali účelu. Návštevník má vedieť, či žiada nezáväznú konzultáciu alebo odosiela záväznú objednávku. Text tlačidla „Požiadať o konzultáciu“ preto môže byť presnejší než neurčité „Pokračovať“.
Path-UP s.r.o. ponúka práve tvorbu webstránok, pri ktorej sa dizajn prepája s potrebami podnikania. Kontaktný formulár má nadväzovať na konkrétnu službu a pomáhať návštevníkovi urobiť ďalší krok, nie byť iba povinným doplnkom v pätičke.
Polia musia zostať zrozumiteľné aj pri vypĺňaní
W3C odporúča jasné označenie ovládacích prvkov a správne prepojenie názvu s poľom. Svetlosivý pomocný text vo vnútri poľa nenahrádza trvalý názov: po začatí písania môže zmiznúť. Označenia „E-mail“ či „Vaša otázka“ preto nechajte viditeľné aj pri vyplnenom formulári.
Povinné a nepovinné údaje rozlíšte vopred. Skúste formulár na telefóne aj iba klávesnicou: viete sa dostať ku každému poľu, vidíte aktuálne zameraný prvok a dokážete odoslať správu? Overte tiež, či spodnú časť nezakrýva plávajúce tlačidlo alebo lišta. Na úzkom displeji nemá byť potrebné posúvať stránku do strán.
Chyba má návštevníkovi pomôcť
Podľa odporúčaní W3C má oznámenie chyby pomenovať problém a vysvetliť opravu. Namiesto „Neplatné údaje“ je užitočnejšie „Skontrolujte e-mailovú adresu, napríklad [email protected]“. Nestačí iba červený rámik. Chybu treba sprístupniť aj ľuďom používajúcim čítačku obrazovky.
Pri testovaní zámerne vynechajte povinné pole a potom ho opravte. Už napísaná správa by sa nemala stratiť. Ak zákazník po drobnom preklepe musí znovu písať celý opis zákazky, formulár mu zbytočne komplikuje kontakt.
Ochrana proti spamu nesmie byť iba dekorácia
Path-UP s.r.o. štandardne integruje do formulárov overovanie pomocou Google reCAPTCHA alebo ochranných nástrojov Cloudflare podľa potrieb projektu. Tieto riešenia pomáhajú odfiltrovať spam a automatizované odosielanie botmi. Neznamenajú však absolútnu záruku, že nikdy neprejde nevyžiadaná správa.
Rozhoduje aj spôsob zapojenia. Google pri reCAPTCHA opisuje overenie výsledku na serveri. Pri formulárovom riešení Cloudflare Turnstile dokumentácia výslovne vyžaduje serverové overenie tokenu, teda krátkodobého overovacieho údaja. Samotné zobrazenie ochranného prvku v prehliadači nestačí. Dodávateľ má preveriť aj správanie pri neúspešnom alebo vypršanom overení.
Odlišnou kontrolou je validácia zadaných údajov. MDN upozorňuje, že kontroly v prehliadači možno obísť, preto musia prebiehať aj na serveri. Správny formát e-mailu navyše nepotvrdzuje, že adresa existuje alebo že ju odosielateľ vlastní. Ochrana proti botom a kontrola polí sa dopĺňajú; jedna nenahrádza druhú.
Takéto opatrenia patria do širšieho zabezpečenia webstránok od Path-UP. Spolu s aktualizáciami a monitoringom pomáhajú udržiavať web použiteľný a chránený. Pri formulári sledujte nielen zachytený spam, ale aj sťažnosti skutočných zákazníkov, ktorých ochrana nepustila ďalej. Ponúknite im aj alternatívny kontakt.
Potvrdenie odoslania nie je dôkaz doručenia
Rozlišujte prijatie požiadavky webom, doručenie do firemnej schránky a následné vybavenie. Po úspešnom prijatí návštevník potrebuje jasné potvrdenie a informáciu o ďalšom postupe. Nesľubujte odpoveď do konkrétneho času, ak ju váš tím nevie dodržať. Pri chybe odoslania nezobrazujte úspech.
Praktický test urobte s jedinečným označením správy, napríklad „TEST FORMULÁRA – 13. október“. Následne overte, či dorazila správnemu príjemcovi, či neskončila medzi nevyžiadanou poštou a či sa dá odpovedať zákazníkovi. Ak používate systém na správu zákazníkov, skontrolujte aj vznik záznamu v ňom.
Meranie kliknutia na tlačidlo nepovažujte za počet prijatých dopytov. Kliknutie môže skončiť chybou. Pre obchodné vyhodnotenie si určte, ktorý potvrdený krok budete počítať, a porovnajte ho so skutočne doručenými správami. Prípadný rozdiel je podnet na kontrolu, nie automatický dôkaz nezáujmu zákazníkov.
Kontrolný zoznam pred spustením aj po aktualizácii
Nasledujúce body použite pri odovzdávaní webu. Ku každému si zapíšte výsledok a osobu, ktorá prípadný nedostatok vyrieši. Testovanie ochranných mechanizmov nech vykoná správca vo vhodnom testovacom prostredí, nie hromadným odosielaním do produkčnej schránky.
- Bežné odoslanie: vyplňte formulár na počítači aj telefóne a dohľadajte obe správy u príjemcu.
- Oprava chyby: zadajte chybný e-mail alebo vynechajte povinný údaj. Hlásenie má byť konkrétne a ostatný obsah zachovaný.
- Prístupnosť: prejdite formulár klávesnicou; odborník nech preverí názvy polí a oznamovanie chýb asistenčným technológiám.
- Ochrana proti botom: správca overí, že server vyhodnocuje výsledok ochrany, a otestuje obnovu po vypršaní overenia.
- Zlyhanie služby: nechajte preveriť, čo návštevník uvidí pri nedostupnom odosielaní a akú alternatívu dostane.
- Prevzatie dopytu: určte zodpovednú osobu, jej zastupovanie a spôsob evidencie vybavených správ.
Kontrolu zopakujte po zmene formulárového doplnku, poštovej služby, bezpečnostného nastavenia alebo dizajnu. Dohodnite si aj pravidelný krátky test. Formulár, ktorý fungoval pri spustení, nemusí po ďalších úpravách fungovať rovnako.
Ak neviete, kde sa cesta návštevníka komplikuje, Path-UP s.r.o. ponúka analýzu webstránok zahŕňajúcu používateľskú skúsenosť, technické fungovanie a bezpečnostné opatrenia. Je to vhodný východiskový bod pred rozhodnutím, či stačí upraviť formulár alebo treba riešiť širší problém webu.
Funkčný formulár končí až vybaveným kontaktom
Kvalitu neposudzujte podľa vzhľadu tlačidla. Rozhoduje, či zákazník dokáže formulár dokončiť, ochrana rozumne obmedzuje nevyžiadané odosielanie a dopyt sa dostane k človeku, ktorý naň odpovie. Prejdite celý postup s jednou testovacou správou. Získate konkrétnejší obraz než samotným pohľadom na hotovú stránku.
Chcem preveriť formulár na svojom webe
Použité zdroje
- W3C WAI: označovanie formulárových polí
- W3C WAI: chybové hlásenia a potvrdenia vo formulároch
- MDN: validácia formulárov a jej bezpečnostné hranice
- Google reCAPTCHA: overenie odpovede na serveri
- Cloudflare Turnstile: povinné serverové overenie