Az űrlap beküldődik, és az oldal kiürül. Nem történik semmi. Az illető azon tűnődik, sikerült-e a beküldés. Megkapta a szerver? Még feldolgozza az űrlap? Küldje be újra? A pillanat a küldésre kattintás és a siker tudata között erősen szorongató idő. Az űrlapélmény nem akkor ér véget, amikor valaki a küldésre kattint. Akkor ér véget, amikor tudja, hogy sikerült. Az ezekben a pillanatokban történtek döntik el, hogy megbíznak-e a márkádban, és hogy a begyűjtött adat valóban használható-e.
Három elem irányítja ezt az utolsó pillanatot. A betöltési állapot megmutatja, hogy történik valami, miközben az űrlap feldolgozódik. A sikerüzenet visszaigazolja, hogy a beküldés sikerült. A köszönő oldal azt irányítja, mi jön ezután. Jól megcsinálva ez a három elem azt az érzést kelti, hogy az illető jól döntött. Rosszul megcsinálva zavart és bizalmatlanságot okoznak. Ez a cikk bemutatja, mit csinál az egyes elemek, mikor használd őket, mit mondj, és hogyan építsd meg őket az űrlapélmény megtörése nélkül.
Miért számítanak a betöltési állapotok az űrlap befejezése előtt
Az űrlapbeküldés a szerveren történik. Amikor valaki a küldésre kattint, az adatai eljutnak valahol egy számítógéphez, feldolgozódnak, és válasz érkezik vissza. Ez az egész út általában egy-öt másodpercig tart. Egy másodperc azonnalinak tűnik. Öt másodperc örökkévalóságnak. Ez alatt az illető megakad. Látja az űrlapot, és nem tudja, mit tegyen. Küldje be újra? Várjon? Frissítse az oldalt?
A betöltési állapot megszünteti ezt a bizonytalanságot. Valami látható megváltozik, amikor valaki a küldésre kattint. A gomb letiltódik, és megváltozik a szövege. Megjelenik egy forgó jelző. Egy folyamatjelző mozgást mutat. Valami azt mondja az embernek: „a műveleted regisztrálódott, és valami történik.”
A betöltési állapotok legfontosabb szabálya az egy másodperces szabály. Ha az űrlapbeküldés több mint egy másodpercig tart, mutass betöltésjelzőt. Ha egy másodpercnél rövidebb ideig, kihagyhatod a vizuális betöltési állapotot, mert olyan gyorsan történik, hogy az emberek alig veszik észre. Szinte minden szerverhez kapcsolódó valós űrlapnál a beküldés egy másodpercnél tovább tart. Mutasd a betöltési állapotot.
Betöltési állapot nélkül az emberek gyakran többször kattintanak a küldésre. A szorongásuk miatt azt feltételezik, hogy az első kattintás nem működött. A többszörös beküldés duplikált adatot, elpazarolt szerverforrásokat és frusztrált felhasználókat okoz. A betöltésjelző ezt megelőzi azzal, hogy egyértelműen jelzi, a művelet folyamatban van.
Hogyan tervezz bizalmat építő betöltési állapotot
A legegyszerűbb betöltési állapot, hogy letiltod a küldés gombot, és megváltoztatod a szövegét. A gomb normál esetben „Küldés” feliratú. Kattintás után „Küldés folyamatban...” lesz, és szürkévé vagy halványabbá válik. Az illető látja, hogy a gomb már nem kattintható. Tudja, hogy valami történik. Ez a legtöbb űrlapnál működik.
Egy fokkal erősebb, ha vizuális mozgást adsz hozzá. Egy kis forgó ikon jelenik meg a gomb szövege mellett vagy a gombon belül. Az ikon folyamatosan forog. Ez a tevékenység és az előrehaladás érzetét kelti. A forgási sebesség számít. Másodpercenként egy teljes fordulat egyenletesnek érződik. A gyorsabb kapkodónak. A lassabb lefagyottnak. Maradj a másodpercenkénti egy fordulatnál.
Hosszabb folyamatoknál a folyamatsáv jobban működik, mint a forgó jelző. Az űrlap tetején egy vízszintes sáv telik meg, ahogy a feldolgozás halad. Ha az űrlap tudja, hány lépést kell elvégeznie, valósághű előrehaladást mutathat. Ha nem ismeri a teljes időtartamot, használj százalékalapú sávot, amely 90%-ig telik, és sikernél fejeződik be. Ez pontosan megmondja az embernek, hol tart a folyamat.
A betöltésjelző színe legyen feltűnő, de ne üssön el az űrlaptervtől. Használd a márkaszíned, vagy semleges kéket vagy szürkét. A piros vagy a narancssárga hibának tűnhet, pedig nem az. A zöld azt a tévhitet kelthetné, hogy az űrlap már sikerült.
Tartsd minimálisan a betöltési állapotokat. A gomb megváltozik. Megjelenik egy forgó jelző. Az űrlapnak nem kell elhalványulnia, a mezőknek nem kell letiltódniuk, és új szövegnek sem kell oldalról becsúsznia. Az egyszerűség bizalmat épít. A bonyolultság gyanút kelt.
A sikerüzenet és a köszönő oldal közötti különbség
Az űrlap sikeres beküldése után a felhasználónak visszaigazolásra van szüksége. Ez kétféleképpen történhet. A soron belüli sikerüzenet ugyanazon az oldalon jelenik meg, ahol az űrlap volt. Vagy az űrlap egy új köszönő oldalra irányít át sikerüzenettel. Mindkettő működik. A választás a céltól függ.
A soron belüli sikerüzenet ugyanazon az oldalon tartja a felhasználót. Az űrlap eltűnik, vagy átvált, hogy megmutassa: „Megkaptuk a beküldésedet.” Egyszerű, világos visszaigazolás. Ez jól működik kis űrlapoknál, vagy ha azt szeretnéd, hogy a felhasználó ugyanazon az oldalon maradjon további tartalmat felfedezni. A kapcsolati űrlapok gyakran használnak soron belüli üzeneteket. A hírlevél-feliratkozások is. Gyors, egyszerű, kész.
A köszönő oldal egy külön oldal, amelyre a felhasználó a beküldés után érkezik. Csak az űrlap sikeres beküldése után létezik. Saját URL-je van. Ez akkor hasznos, ha külön kell követned a konverziót az analitikában, ha további tartalmat akarsz mutatni a beküldés után, vagy ha az értékesítési tölcsér következő lépése felé akarod vezetni a felhasználót. A webshop fizetési űrlapjai köszönő oldalakra irányítanak át. Az érdeklődőgyűjtő űrlapok köszönő oldalakra irányítanak át. A külön oldal több teret ad a munkához.
A műszaki különbség a követésnél számít. A soron belüli üzenet a konverziót ugyanazon az oldalon mutatja, mint az űrlap. A köszönő oldal külön oldalmegtekintést és külön URL-t mutat. Követési szempontból a köszönő oldal tisztább. Különálló esemény, amelyet az analitikai eszközök pontosan mérhetnek.
Mit kell mondania egy sikerüzenetnek
A sikerüzenetnek egyetlen feladata van: megmondani az embernek, hogy a beküldése sikerült. Ennyi. Ne tegyél bele marketingszöveget, ne ajánlj további termékeket, ne bonyolítsd túl.
Kezdd egyértelmű visszaigazolással. „Köszönjük. Megkaptuk a beküldésedet.” Nem azt, hogy „Beküldésedet automatizált rendszerünk sikeresen fogadta.” Az első emberinek érződik. A második gépiesnek és vállalatinak. A visszaigazolásnak személyesnek és közvetlennek kell érződnie.
Add meg azonnal a következő lépést. Ha az űrlap kapcsolatfelvételi kérés volt, mondd meg, mikor kap választ az illető. „Két munkaórán belül válaszolunk.” Nem azt, hogy „Hamarosan jelentkezünk.” A konkrét időkeretek bizalmat építenek. A hamarosan homályos. A két óra konkrét.
Ha a beküldés automatikus választ vált ki, említsd meg. „Nézd meg az e-mailedet a visszaigazoló linkért.” Vagy „Egy jelszó-visszaállító link úton van a postafiókodba.” Ez elmagyarázza, mi történik ezután, anélkül hogy az embernek találgatnia kellene, vagy aggódnia, hogy lemaradt valamiről.
Opcionális, de erős: hivatkozz valamire, amit az illető beküldött. „Megkaptuk az üzenetedet a weboldal-optimalizálásról. Megnézzük, és jelentkezünk.” Ha a saját szavait adod vissza neki, azt az érzést kelted, hogy látják és értik. Megerősíti, hogy az adatait valóban megkapták és rögzítették.
Tartsd rövidre az üzenetet. Egy-két mondat egy soron belüli üzenetnél. Három-öt mondat egy köszönő oldal üzeneténél. A hosszú sikerüzenetek spamnek vagy további értékesítési ajánlatnak érződnek.
Használj meleg, beszélgetős nyelvet. „Köszönjük, hogy megkerestél.” Nem azt, hogy „Köszönjük, hogy kitöltötted ezt az űrlapbeküldést.” A beszélgetős nyelv emberivé teszi a pillanatot, nem automatizálttá.
Olyan köszönő oldal tervezése, amely konvertál, nem zsákutca
A köszönő oldal nagy értékű pillanat. Az illető éppen konvertált. Jó hangulatban van. Cselekedett. Befejezte, amit kértél. Ez a pillanat közvetlenül az igen kimondása után van. Ez a pillanat, hogy előrevezesd, nem hogy elküldd.
A köszönő oldal tetején ismételd meg a visszaigazolást. „Köszönjük. Megkaptuk a kérésedet.” Tartsd röviden. Az illető már tudja, hogy sikerült. A visszaigazolás csak azért van ott, hogy hivatalossá tegye.
A visszaigazolás alatt tegyél olyan tartalmat, amely illik ahhoz, amit éppen tett. Ha feliratkozott egy hírlevélre, mutasd meg, mit fog kapni. Ha demót kért, mutasd a következő lépéseket. Ha vásárolt, mutasd a rendelés részleteit és a szállítási időt. A tartalomnak a beküldöttek természetes folytatásának kell érződnie.
Adj hozzá egy opcionális műveletet. Nem ötöt. Nem hármat. Egyet. Mit tegyen ezután? Fedezze fel a weboldaladat? Olvasson hasznos forrásokat? Kövessen a közösségi médiában? Foglaljon hívást? Válassz egyet, és tedd az oldal fókuszává. A több egymással versengő cselekvésre hívás összezavarja az embereket. Éppen igent mondtak. Vezesd előre egyetlen világos következő lépéssel.
Ha további információt akarsz begyűjteni, a köszönő oldal jó hely erre. Ne magán az űrlapon kérd. Kérd azután, hogy már elköteleződtek az első beküldéssel. A köszönő oldalon lévő második, könnyebb űrlap gyakran jobban konvertál, mint ha mindent az első űrlapba zsúfolnál.
Tegyél bele társadalmi bizonyítékot, ha releváns. Egy idézetet egy elégedett vásárlótól. Egy statisztikát azokról, akik ugyanezt a lépést tették. Valamit, ami megerősíti, hogy jól döntöttek. Ez nem arról szól, hogy meggyőzd őket a konvertálásról. Már konvertáltak. Ez arról szól, hogy megerősítsd a bizalmukat abban, amit éppen tettek.
Gondoskodj róla, hogy az oldal terve illeszkedjen a weboldalad egészéhez. Egy másképp kinéző, más betűtípusokat használó vagy rikító színvilágú köszönő oldal azt az érzést kelti a felhasználóban, hogy elhagyta a márkád weboldalát. Az egységesség bizalmat épít. A köszönő oldalnak úgy kell éreznie magát, mintha az oldaladhoz tartozna.
Az átmenet időzítése az űrlapról a sikerállapotra
Amikor valaki a küldésre kattint, meddig mutassa a betöltési állapotot, mielőtt megjelenik a sikerüzenet vagy a köszönő oldal? A válasz: ameddig az űrlap ténylegesen feldolgozódik.
A nagyon gyorsan beküldődő űrlapoknál, egy másodperc alatt, így is tartsd láthatóan a betöltési állapotot legalább egy másodpercig. Ha a beküldés valójában 300 milliszekundum, de a betöltésjelző 400 milliszekundum után eltűnik, az emberek azt hihetik, hogy valami elromlott. Az átmenetnek szándékosnak kell érződnie, nem kapkodónak.
A két-öt másodpercig tartó űrlapoknál mutasd a betöltési állapotot az egész időtartam alatt. Hagyd, hogy az emberek lássák a várakozást. Ne rejtsd el, mennyi ideig tart a folyamat. Az átláthatóság magabiztosságot épít.
Soha ne mutass olyan betöltési állapotot, amely eltűnik, majd újra megjelenik. Ez zavart okoz. Mutasd egyszer, és tartsd láthatóan a sikerig. Ha hiba után újra kell próbálnod, teljesen töröld a betöltési állapotot, és mutasd a hibaüzenetet, mielőtt újra megpróbálod.
Nagyon hosszú, tíz másodpercnél tovább tartó folyamatoknál fontold meg előrehaladási frissítések mutatását. Ne csak forgó jelzőt. Olyan üzenetet, amely változik. „Az adataid ellenőrzése.” Aztán „A kérésed feldolgozása.” Aztán „A beküldés véglegesítése.” Három-négy kis üzenet egy hosszú folyamat során lekötve tartja az embereket, és tudatja velük, hogy még mindig történik valami.
Mobilos szempontok a betöltési állapotokhoz és sikerüzenetekhez
Telefonképernyőn korlátozott a hely. Egy betöltésjelző, amely asztalon jól működik, túl sok helyet foglalhat mobilon. Egy köszönő oldal, amely asztalon hosszú, mobilon nagyon hosszúvá válik.
Mobilon a betöltési állapotoknál tartsd minimálisan a szöveget. „Küldés...” a „Kérjük, várj, amíg feldolgozzuk a beküldésedet” helyett. A forgó jelző kevesebb helyet foglal, mint a folyamatsáv. A betöltésjelzőt a küldés gombon belül vagy közvetlenül fölötte vagy alatta helyezd el, ne az oldal közepén lebegtesd.
Mobilon a sikerüzeneteket tartsd rövidre. Egy mondat ideális. Két mondat elfogadható. Ennél több, és az üzenet legörög a képernyőről.
Mobilon a köszönő oldalaknál az alapvető visszaigazoló üzenetet az első két bekezdésbe tedd. Ne kényszerítsd az embereket, hogy az oldalon lefelé görgessenek, hogy megtudják, valóban sikerült-e az űrlap beküldése. A köszönő üzenetnek azonnal láthatónak kell lennie a hajtás felett.
Teszteld a betöltési és sikerállapotokat valódi telefonokon, ne csak böngészős emulációban. A telefon képernyőmérete és megjelenítése befolyásolhatja, hogyan néznek ki a dolgok.
Analitika és az űrlap utolsó pillanatainak követése
A sikeroldal vagy sikerüzenet az a hely, ahol méred, hogy az űrlap valóban konvertált-e. Az olyan analitikai platformok, mint a Google Analytics, a Meta Pixel és az e-mail platformok, pontosan követhetik a siker pillanatát.
Ha soron belüli sikerüzenetet használsz ugyanazon az oldalon, mint az űrlap, állíts be konverziós kiváltót az üzenet megjelenésére. Használj JavaScriptet annak követésére, mikor jelenik meg az üzenet, ne csak az oldal betöltésekor. Ez pontosan megmondja, ki küldte be sikeresen, nem csak azt, ki látogatta meg az oldalt.
Ha köszönő oldalra irányítasz át, a követés automatikus. Az oldal minden megtekintése konverzió. Ezért használ sok űrlap köszönő oldalt. Az URL egyedi. Az analitikai eszközök tökéletesen értik. Egy oldalmegtekintés egy sikeres beküldésnek felel meg.
Add hozzá a köszönő oldal URL-jét az analitikai konverziós céljaidhoz. A Google Analytics szolgáltatásban hozz létre egy célt, amely akkor aktiválódik, amikor valaki a sajatdomain.hu/thank-you címre érkezik. Ez automatikusan számolja az összes sikeres űrlapbeküldést.
Ha több űrlapot használsz a weboldaladon, hozz létre mindegyiknek egyedi köszönő oldalt, vagy használj URL-paramétereket a megkülönböztetésükre. contact-form.com/thank-you szemben a demo-form.com/thank-you címmel. Vagy használj olyan paramétereket, mint a /thank-you?form=contact. Így követheted, mely űrlapok konvertálnak.
Gyakori hibák, amelyek tönkreteszik a siker pillanatát
Az a sikerüzenet, amely nem igazolja vissza, hogy a művelet sikerült, nem sikerüzenet. Zsákutca. „Köszönjük.” Egyedül. Mit tegyen az illető ezután? Hol a visszaigazolása? A tisztázás megtagadása bizalmatlanságot kelt.
A túl hosszú vagy túl rövid betöltési állapotok elromlottnak érződnek. A 20 másodpercig forgó jelző azt hiteti el az emberekkel, hogy valami rosszul sült el. Az a jelző, amely 100 milliszekundum alatt megjelenik és eltűnik, észrevétlen maradhat.
Az olyan köszönő oldalak, amelyek eladni próbálnak ahelyett, hogy elismernék a történteket. Közvetlenül a konvertálás után nem az ideje, hogy valami mást ajánlj. Ismerd el, amit tettek. Vezesd előre őket. Az eladás várhat.
Olyan sikerüzenet vagy köszönő oldal, amely megismétli, amit az űrlap már megkérdezett. Az illető már megadta a nevét és az e-mail-címét. Ne olvastasd vissza vele a sikeroldalon. Használd az üzenet személyre szabására, ne ismételd meg, amit begyűjtöttél.
Mobilos űrlapok, amelyek a képernyőhöz képest túl nagy betöltési állapotot mutatnak. A telefon képernyőjének felét elfoglaló forgó jelző nyomasztó. Tartsd arányosan a vizuális jelzőket a képernyő méretéhez.
Elfelejteni egy egyértelmű következő lépést. „Köszönjük a beküldést.” Aztán semmi. Mit tegyen az illető? Irány nélkül elmegy. Egyetlen világos következő művelet lekötve tartja.
Hogyan segít a WEMASY a betöltési állapotok és sikerélmények tervezésében
A WEMASY űrlapépítője beépített betöltési állapotokat tartalmaz, amelyek automatikusan megjelennek az űrlap beküldésekor. Testre szabhatod a betöltésjelző stílusát a márkádhoz. Választhatsz szöveges üzenet, forgó jelző vagy folyamatsáv között. Állítsd be a színt a márkatémádhoz. A betöltési állapot az űrlapadatok feldolgozása alatt jelenik meg, és a beküldés befejeztével eltűnik.
A sikerüzenetek az űrlapépítőben teljesen testre szabhatók. Írd meg a saját üzenetedet. Válaszd ki, hogy soron belül jelenjen-e meg, vagy köszönő oldalra irányítson át. Ha átirányítasz, a WEMASY lehetővé teszi a köszönő oldalad URL-jének megadását. Az űrlap a sikeres beküldés után automatikusan átirányít.
A köszönő oldalakhoz hozz létre egy oldalt a WEMASY weboldalépítőjében, ugyanúgy, mint bármely más oldalt. Tervezd a márkádhoz. Adj hozzá visszaigazoló szöveget, következő lépéseket, társadalmi bizonyítékot vagy másodlagos cselekvésre hívásokat. Amikor befejezted az űrlap beállítását, illeszd be a köszönő oldal URL-jét az űrlap átirányítási beállításaiba. A WEMASY automatikusan kezeli az átirányítást.
A valós idejű ellenőrzés sok beküldési hibát megelőz, mielőtt megtörténnének. Ha az űrlapadat hibamentesen érkezik, a beküldés tisztán zajlik. A betöltési állapot röviden jelenik meg, és a sikerállapot gyorsabban aktiválódik. Kevesebb hiba gyorsabb beküldéseket jelent, és kevesebb időt a betöltési állapotok mutatására.
Az analitikai integráció be van építve. A WEMASY követi az űrlapbeküldéseket, és automatikusan aktiválhat analitikai célokat. Amikor egy űrlap sikeresen beküldődik, beállíthatsz eseményeket a Google Analytics vagy a Meta Pixel szolgáltatásban. Nézd meg, mely űrlapmezők konvertálnak a legjobban, mely űrlapok konvertálnak leggyakrabban, és hol morzsolódnak le az emberek.
Nézd meg, milyen űrlapfunkciókat tartalmaz a WEMASY csomagod.