Formulář se odešle a stránka zbělá. Nic se neděje. Člověk si láme hlavu, jestli odeslání vyšlo. Dostal to server? Formulář se ještě zpracovává? Mám ho odeslat znovu? Okamžik mezi kliknutím na odeslat a jistotou, že akce uspěla, je chvíle plná úzkosti. Zkušenost s formulářem nekončí kliknutím na odeslat. Končí ve chvíli, kdy člověk ví, že uspěl. To, co se v těchto okamžicích stane, rozhoduje o tom, jestli vaší značce důvěřuje a jestli jsou data, která jste získali, vůbec užitečná.
Tento poslední okamžik řídí tři prvky. Stav načítání ukazuje, že se něco děje, zatímco formulář zpracovává data. Zpráva o úspěchu potvrzuje, že odeslání vyšlo. Stránka s poděkováním vede k tomu, co přijde dál. Když jsou tyto tři prvky dobře zvládnuté, člověk si je jistý, že udělal správnou věc. Když ne, vzniká zmatek a nedůvěra. Tento článek popisuje, co každý z nich dělá, kdy je použít, co napsat a jak je vytvořit, aniž byste narušili zkušenost s formulářem.
Proč na stavech načítání záleží ještě před dokončením formuláře
Odeslání formuláře probíhá na serveru. Když někdo klikne na odeslat, jeho data putují na nějaký počítač, tam se zpracují a vrátí se odpověď. Celá cesta obvykle trvá jednu až pět sekund. Jedna sekunda působí okamžitě. Pět sekund působí jako věčnost. Během té doby je člověk v nejistotě. Vidí formulář a neví, co dělat. Odeslat znovu? Počkat? Obnovit stránku?
Stav načítání tuto nejistotu odstraní. Ve chvíli, kdy někdo klikne na odeslat, se změní něco viditelného. Tlačítko se deaktivuje a změní text. Objeví se kolečko načítání. Ukazatel průběhu ukazuje pohyb. Něco člověku říká: "vaše akce se zaznamenala a něco se děje."
Nejdůležitějším pravidlem pro stavy načítání je pravidlo jedné sekundy. Pokud odeslání formuláře trvá déle než jednu sekundu, ukažte indikátor načítání. Pokud trvá méně než sekundu, můžete vizuální stav načítání vynechat, protože proběhne tak rychle, že si ho lidé sotva všimnou. U téměř všech reálných formulářů připojených k serveru trvá odeslání déle než jednu sekundu. Stav načítání ukažte.
Bez stavu načítání lidé často kliknou na odeslat několikrát. Z nervozity předpokládají, že první kliknutí nefungovalo. Vícenásobná odeslání vytvářejí duplicitní data, plýtvají prostředky serveru a frustrují uživatele. Indikátor načítání tomu brání tím, že jasně signalizuje, že akce probíhá.
Jak navrhnout stav načítání, který budí jistotu
Nejjednodušší stav načítání je deaktivovat tlačítko odeslat a změnit jeho text. Tlačítko normálně hlásí "Odeslat". Po kliknutí se změní na "Odesílám..." a zešedne nebo zesvětlá. Člověk vidí, že na tlačítko už nejde kliknout. Ví, že se něco děje. U většiny formulářů to funguje.
O stupeň silnější je přidat vizuální pohyb. Vedle textu tlačítka nebo uvnitř něj se objeví malá ikona kolečka. Kolečko se plynule otáčí. Tím vzniká pocit aktivity a postupu. Záleží na rychlosti otáčení. Jedna celá otáčka za sekundu působí vyrovnaně. Rychlejší působí zmateně. Pomalejší působí zamrzle. Držte se tempa jedné otáčky za sekundu.
U delších procesů funguje lépe ukazatel průběhu než kolečko. Vodorovný pruh nahoře ve formuláři se plní, jak zpracování postupuje. Pokud formulář ví, kolik kroků musí provést, může ukázat reálný postup. Pokud celkovou dobu neví, použijte procentní pruh, který se naplní do 90 % a při úspěchu dokončí. Člověku to přesně říká, jak daleko proces je.
Barva indikátoru načítání by měla vyniknout, ale nesmí kolidovat s návrhem formuláře. Použijte barvu značky nebo neutrální modrou či šedou. Červená nebo oranžová může působit jako chyba, i když chyba není. Zelená může lidi zmást, že formulář už uspěl.
Stavy načítání držte minimální. Změní se tlačítko. Objeví se kolečko. Formulář nemusí mizet, pole se nemusí deaktivovat a nový text nemusí vjíždět ze strany. Jednoduchost buduje důvěru. Složitost vzbuzuje podezření.
Rozdíl mezi zprávou o úspěchu a stránkou s poděkováním
Po úspěšném odeslání formuláře potřebuje uživatel potvrzení. To může přijít dvěma způsoby. Zpráva o úspěchu se objeví přímo na stránce, kde formulář byl. Nebo formulář přesměruje na novou stránku s poděkováním a zprávou o úspěchu. Obojí funguje. Volba závisí na vašem cíli.
Zpráva o úspěchu na stránce nechá uživatele na stejné stránce. Formulář zmizí nebo se změní a ukáže "Vaše odeslání jsme dostali." Jednoduché, jasné potvrzení. Dobře to funguje u malých formulářů nebo když chcete, aby uživatel zůstal na stránce a prozkoumal další obsah. Kontaktní formuláře často používají zprávy na stránce. Přihlášení k newsletteru je často používá také. Rychlé, jednoduché, hotovo.
Stránka s poděkováním je samostatná stránka, na kterou uživatel po odeslání přejde. Existuje jen po úspěšném odeslání formuláře. Má vlastní adresu URL. To se hodí, když potřebujete sledovat konverzi odděleně v analytice, když chcete po odeslání ukázat další obsah nebo když chcete uživatele navést k dalšímu kroku v prodejním trychtýři. Platební formuláře e-shopů přesměrovávají na stránky s poděkováním. Formuláře pro získávání kontaktů přesměrovávají na stránky s poděkováním. Samostatná stránka vám dává víc prostoru.
Technický rozdíl je důležitý pro sledování. Zpráva na stránce ukazuje konverzi na stejné stránce jako formulář. Stránka s poděkováním ukazuje samostatné zobrazení stránky a samostatnou adresu URL. Ze sledovacího hlediska je stránka s poděkováním čistší. Je to zvláštní událost, kterou nástroje analytiky přesně změří.
Co má zpráva o úspěchu říkat
Zpráva o úspěchu má jediný úkol: říct člověku, že jeho odeslání vyšlo. A tím to končí. Nepřidávejte marketingové texty, nenabízejte další produkty, nekomplikujte to.
Začněte jasným potvrzením. "Děkujeme. Vaše odeslání jsme dostali." Ne "Vaše odeslání bylo úspěšně přijato naším automatizovaným systémem." První zní lidsky. Druhé zní roboticky a korporátně. Potvrzení má působit osobně a přímo.
Hned přidejte další krok. Pokud šlo o kontaktní poptávku, řekněte, kdy se člověk dočká odpovědi. "Odpovíme do dvou pracovních hodin." Ne "Brzy se vám ozveme." Konkrétní lhůty budují důvěru. Brzy je vágní. Dvě hodiny jsou konkrétní.
Pokud odeslání spustí automatickou odpověď, zmiňte ji. "Zkontrolujte e-mail, čeká tam potvrzovací odkaz." Nebo "Odkaz na obnovení hesla je na cestě do vaší schránky." Vysvětlí to, co se stane dál, aniž by člověk hádal nebo se bál, že něco přehlédl.
Nepovinné, ale účinné: odkažte na něco, co člověk odeslal. "Dostali jsme vaši zprávu o optimalizaci webu. Podíváme se na to a ozveme se." Když jeho vlastní slova vrátíte zpět, vzniká pocit, že ho vidíte a rozumíte mu. Potvrzuje to, že jeho data byla skutečně přijata a zaznamenána.
Zprávu držte krátkou. Jedna nebo dvě věty u zprávy na stránce. Tři až pět vět u zprávy na stránce s poděkováním. Dlouhé zprávy o úspěchu působí jako spam nebo další prodejní nabídka.
Používejte vřelý, konverzační jazyk. "Děkujeme, že jste se ozvali." Ne "Děkujeme za dokončení odeslání tohoto formuláře." Konverzační jazyk dělá okamžik lidským, ne automatickým.
Jak navrhnout stránku s poděkováním, která konvertuje a není slepou uličkou
Stránka s poděkováním je okamžik s vysokou hodnotou. Člověk právě konvertoval. Má dobrou náladu. Jednal. Splnil, oč jste žádali. Je to chvíle hned poté, co řekl ano. Je to chvíle, kdy ho máte posunout dál, ne ho odeslat pryč.
Nahoře na stránce s poděkováním potvrzení zopakujte. "Děkujeme. Vaši žádost jsme dostali." Stručně. Člověk už ví, že uspěl. Potvrzení tam je jen proto, aby to bylo oficiální.
Pod potvrzením přidejte obsah, který odpovídá tomu, co právě udělal. Pokud se přihlásil k newsletteru, ukažte, co dostane. Pokud požádal o ukázku, ukažte další kroky. Pokud nakoupil, ukažte podrobnosti objednávky a lhůtu doručení. Obsah má působit jako přirozené pokračování toho, co právě odeslal.
Přidejte jednu nepovinnou akci. Ne pět. Ne tři. Jednu. Co by měl člověk udělat dál? Prozkoumat váš web? Přečíst si užitečné zdroje? Sledovat vás na sociálních sítích? Domluvit si hovor? Vyberte jednu a udělejte z ní hlavní bod stránky. Více soutěžících výzev k akci lidi mate. Právě řekli ano. Veďte je dál jedním jasným dalším krokem.
Pokud chcete získat další informace, stránka s poděkováním je k tomu dobré místo. Neptejte se na ně v samotném formuláři. Zeptejte se poté, co se člověk už zavázal prvním odesláním. Druhý, lehčí formulář na stránce s poděkováním často konvertuje lépe než nacpat vše do prvního formuláře.
Pokud je to relevantní, přidejte sociální důkaz. Citát spokojeného zákazníka. Statistiku o lidech, kteří provedli stejnou akci. Něco, co posílí dojem, že se rozhodli správně. Nejde o přesvědčování ke konverzi. Už konvertovali. Jde o posílení jejich jistoty v tom, co právě udělali.
Dbejte na to, aby design stránky odpovídal vašemu webu jako celku. Stránka s poděkováním, která vypadá jinak, používá jiná písma nebo má rušivé barevné schéma, způsobí, že uživatel má pocit, že opustil web vaší značky. Jednotnost buduje důvěru. Stránka s poděkováním by měla působit, jako že na váš web patří.
Načasování přechodu od formuláře ke stavu úspěchu
Když někdo klikne na odeslat, jak dlouho má být stav načítání vidět, než se objeví zpráva o úspěchu nebo stránka s poděkováním? Odpověď zní: tak dlouho, jak dlouho formulář skutečně zpracovává data.
U formulářů, které se odešlou velmi rychle, za méně než sekundu, nechte stav načítání viditelný alespoň jednu sekundu tak jako tak. Pokud je odeslání ve skutečnosti 300 milisekund, ale vaše kolečko zmizí po 400 milisekundách, lidé si mohou myslet, že se něco pokazilo. Přechod by měl působit záměrně, ne ukvapeně.
U formulářů, které trvají dvě až pět sekund, ukažte stav načítání po celou dobu. Nechte lidi vidět čekání. Neskrývejte, jak dlouho proces trvá. Transparentnost buduje jistotu.
Nikdy neukazujte stav načítání, který zmizí a pak se objeví znovu. Vzniká zmatek. Ukažte ho jednou a nechte viditelný až do úspěchu. Pokud musíte po chybě zkusit znovu, stav načítání úplně zrušte a před dalším pokusem ukažte chybovou zprávu.
U velmi dlouhých procesů, přes deset sekund, zvažte zobrazení průběžných hlášení. Ne jen kolečko. Zprávu, která se mění. "Ověřujeme vaše údaje." Pak "Zpracováváme vaši žádost." Pak "Dokončujeme odeslání." Tři nebo čtyři krátké zprávy během dlouhého procesu udrží lidi v pozornosti a ve vědomí, že se pořád něco děje.
Na co myslet u stavů načítání a zpráv o úspěchu na mobilu
Na obrazovce telefonu je místo omezené. Indikátor načítání, který na počítači funguje bez problémů, může na mobilu zabírat příliš mnoho místa. Stránka s poděkováním, která je na počítači dlouhá, je na mobilu velmi dlouhá.
U stavů načítání na mobilu držte text minimální. "Odesílám..." místo "Čekejte prosím, zpracováváme vaše odeslání." Kolečko zabere méně místa než ukazatel průběhu. Indikátor načítání umístěte dovnitř tlačítka odeslat nebo přímo nad něj či pod něj, ne aby se vznášel uprostřed stránky.
U zpráv o úspěchu na mobilu je držte stručné. Ideální je jedna věta. Dvě věty jsou přijatelné. Víc a zpráva se odroluje mimo obrazovku.
U stránek s poděkováním na mobilu umístěte hlavní potvrzovací zprávu do prvních dvou odstavců. Nenuťte lidi posouvat stránku dolů, aby zjistili, jestli se formulář skutečně odeslal. Poděkování by mělo být okamžitě vidět nad ohybem.
Stavy načítání a úspěchu vyzkoušejte na skutečných telefonech, ne jen v emulaci v prohlížeči. Velikost a vykreslení na obrazovce telefonu mohou ovlivnit, jak věci vypadají.
Analytika a sledování posledních okamžiků vašeho formuláře
Stránka nebo zpráva o úspěchu je místo, kde měříte, jestli formulář skutečně konvertoval. Analytické platformy jako Google Analytics, Meta Pixel a e-mailové platformy dokážou okamžik úspěchu sledovat přesně.
Pokud používáte zprávu o úspěchu na stejné stránce jako formulář, nastavte spouštěč konverze na zobrazení této zprávy. Pomocí JavaScriptu sledujte, kdy se zpráva objeví, ne jen kdy se stránka načte. Přesně tak zjistíte, kdo odeslání skutečně dokončil, a ne jen kdo stránku navštívil.
Pokud přesměrováváte na stránku s poděkováním, sledování je automatické. Každé zobrazení té stránky je konverze. Proto mnoho formulářů používá stránky s poděkováním. Adresa URL je jedinečná. Nástroje analytiky jí dokonale rozumějí. Jedno zobrazení stránky se rovná jednomu úspěšnému odeslání.
Adresu URL stránky s poděkováním přidejte do konverzních cílů analytiky. V Google Analytics vytvořte cíl, který se spustí, když někdo přistane na yourdomain.com/thank-you. Každé úspěšné odeslání formuláře se tak započítá automaticky.
Pokud na webu používáte více formulářů, vytvořte pro každý jedinečnou stránku s poděkováním nebo je odlište parametry v URL. contact-form.com/thank-you oproti demo-form.com/thank-you. Nebo použijte parametry jako /thank-you?form=contact. Díky tomu uvidíte, které formuláře konvertují.
Časté chyby, které zkazí okamžik úspěchu
Zpráva o úspěchu, která nepotvrzuje, že akce vyšla, není zpráva o úspěchu. Je to slepá ulička. "Děkujeme." Jen to. Co má člověk udělat dál? Kde je jeho potvrzení? Odmítnutí něco vysvětlit vzbuzuje nedůvěru.
Stavy načítání, které jsou příliš dlouhé nebo příliš krátké, působí rozbitě. Kolečko, které se točí 20 sekund, vede lidi k myšlence, že se něco pokazilo. Kolečko, které se objeví a zmizí za 100 milisekund, může zůstat nepovšimnuto.
Stránky s poděkováním, které se snaží prodávat místo poděkovat. Hned po konverzi není čas nabízet něco jiného. Uznejte, co člověk udělal. Veďte ho dál. Prodávat můžete později.
Zpráva o úspěchu nebo stránka s poděkováním, která opakuje informace, na které se formulář už ptal. Člověk vám už dal jméno a e-mail. Nenuťte ho, aby si je přečetl znovu na stránce úspěchu. Použijte je k personalizaci zprávy, ale neopakujte, co jste získali.
Mobilní formuláře, které ukazují příliš velké stavy načítání. Kolečko, které zabírá půl obrazovky telefonu, je zahlcující. Vizuální indikátory držte úměrné velikosti obrazovky.
Zapomenutí přidat jasný další krok. "Děkujeme za odeslání." A pak nic. Co má člověk udělat? Bez směru odejde. Jediná jasná další akce ho udrží zapojeného.
Jak vám WEMASY pomůže navrhnout stavy načítání a zkušenost s úspěchem
Tvůrce formulářů ve WEMASY obsahuje vestavěné stavy načítání, které se při odeslání formuláře zobrazí automaticky. Styl indikátoru načítání můžete přizpůsobit své značce. Vyberte mezi textovou zprávou, kolečkem nebo ukazatelem průběhu. Barvu nastavte podle šablony své značky. Stav načítání se zobrazí, zatímco se data formuláře zpracovávají, a zmizí, když odeslání skončí.
Zprávy o úspěchu jsou v tvůrci formulářů plně přizpůsobitelné. Napište si vlastní zprávu. Zvolte, jestli se zobrazí na stránce, nebo přesměruje na stránku s poděkováním. Pokud přesměrováváte, WEMASY vám umožní zadat adresu URL stránky s poděkováním. Formulář po úspěšném odeslání přesměruje automaticky.
Stránku s poděkováním vytvořte v tvůrci webů WEMASY stejně jako jakoukoli jinou stránku. Navrhněte ji podle své značky. Přidejte text potvrzení, další kroky, sociální důkaz nebo vedlejší výzvy k akci. Až dokončíte nastavení formuláře, vložte adresu URL stránky s poděkováním do nastavení přesměrování formuláře. Přesměrování zařídí WEMASY automaticky.
Validace v reálném čase předchází mnoha chybám při odeslání ještě dřív, než nastanou. Když data formuláře přijdou bez chyb, odeslání proběhne čistě. Stav načítání se objeví krátce a stav úspěchu se spustí rychleji. Méně chyb znamená rychlejší odeslání a méně času se stavy načítání.
Integrace analytiky je vestavěná. WEMASY sleduje odeslání formulářů a může automaticky spouštět cíle analytiky. Když se formulář úspěšně odešle, můžete nastavit události v Google Analytics nebo Meta Pixel. Podívejte se, která pole formuláře mají nejlepší míru konverze, které formuláře konvertují nejčastěji a kde lidé odpadají.
Podívejte se, jaké funkce formulářů jsou součástí vašeho tarifu WEMASY.