En formular bliver sendt, og siden bliver blank. Der sker ingenting. Personen undrer sig over, om det virkede. Fik serveren den? Er formularen stadig i gang? Skal de sende igen? Det øjeblik mellem at klikke på send og at vide, at det lykkedes, er fyldt med uro. Oplevelsen af formularen slutter ikke, når nogen klikker på send. Den slutter, når de ved, at det lykkedes. Det, der sker i de øjeblikke, afgør, om de stoler på dit brand, og om de data, du har samlet, faktisk er brugbare.
Tre elementer styrer det sidste øjeblik. En indlæsningstilstand viser, at der sker noget, mens formularen behandles. En besked om succes bekræfter, at indsendelsen virkede. En takkeside viser vej til det, der kommer bagefter. Gjort godt får de tre elementer en person til at føle sig sikker på, at de gjorde det rigtige. Gjort dårligt skaber de forvirring og mistillid. Denne artikel gennemgår, hvad hvert element gør, hvornår du bruger dem, hvad du skriver, og hvordan du bygger dem uden at ødelægge oplevelsen af formularen.
Derfor har indlæsningstilstande betydning, før formularen er færdig
Indsendelse af en formular sker på serveren. Når nogen klikker på send, rejser deres data til en computer et sted, bliver behandlet, og et svar kommer tilbage. Hele den rejse tager som regel et til fem sekunder. Ét sekund føles som med det samme. Fem sekunder føles som en evighed. I den tid sidder personen fast. De ser formularen og ved ikke, hvad de skal gøre. Sende igen? Vente? Opdatere siden?
En indlæsningstilstand fjerner den usikkerhed. Noget synligt ændrer sig, når nogen klikker på send. Knappen bliver inaktiv og skifter tekst. En indikator drejer rundt. En statuslinje viser bevægelse. Noget siger til personen "din handling er registreret, og der sker noget".
Den vigtigste regel for indlæsningstilstande er reglen om ét sekund. Hvis indsendelsen tager mere end ét sekund, så vis en indikator for indlæsning. Hvis den tager mindre end ét sekund, kan du springe den visuelle indlæsning over, fordi det sker så hurtigt, at folk næsten ikke lægger mærke til det. I næsten alle formularer i virkeligheden, der er koblet til en server, tager indsendelsen længere end ét sekund. Vis indlæsningstilstanden.
Uden en indlæsningstilstand klikker folk ofte flere gange på send. Deres uro får dem til at tro, at det første klik ikke virkede. Flere indsendelser skaber dubletter af data, spildte ressourcer på serveren og frustrerede brugere. En indikator for indlæsning forhindrer det ved tydeligt at vise, at handlingen er i gang.
Sådan designer du en indlæsningstilstand, der skaber tryghed
Den enkleste indlæsningstilstand er at gøre send-knappen inaktiv og ændre dens tekst. Knappen siger normalt "Send". Når der klikkes, bliver den til "Sender..." og bliver grå eller svagere. Personen ser, at knappen ikke længere kan klikkes på. De ved, at der sker noget. Det virker til de fleste formularer.
Et skridt stærkere er at tilføje visuel bevægelse. Et lille ikon, der drejer rundt, dukker op ved siden af knappens tekst eller inde i knappen. Ikonet roterer hele tiden. Det skaber en følelse af aktivitet og fremdrift. Hastigheden af rotationen har betydning. Én hel omdrejning pr. sekund føles stabilt. Hurtigere føles hektisk. Langsommere føles frosset. Hold dig til én omdrejning pr. sekund.
Til længere forløb virker en statuslinje bedre end et drejende ikon. En vandret linje øverst i formularen fyldes, efterhånden som behandlingen bliver færdig. Hvis formularen ved, hvor mange trin den skal igennem, kan den vise realistisk fremdrift. Hvis den ikke kender den samlede varighed, så brug en linje med procenter, der fyldes til 90 % og bliver færdig, når det lykkes. Det fortæller personen præcis, hvor langt forløbet er nået.
Farven på din indikator for indlæsning skal skille sig ud, men ikke støde mod dit formulardesign. Brug brandets farve eller en neutral blå eller grå. Rød eller orange kan føles som en fejl, selv om det ikke er det. Grøn kan forvirre folk til at tro, at formularen allerede er lykkedes.
Hold indlæsningstilstande enkle. Knappen ændrer sig. Et ikon dukker op. Formularen behøver ikke tone ud, felterne behøver ikke blive inaktive, og ny tekst behøver ikke glide ind fra siden. Enkelhed skaber tillid. Kompleksitet skaber mistanke.
Forskellen på en besked om succes og en takkeside
Når en formular er sendt, har brugeren brug for en bekræftelse. Den bekræftelse kan komme på to måder. En besked om succes dukker op på den samme side, hvor formularen var. Eller formularen sender videre til en ny takkeside med en besked om succes. Begge dele virker. Valget afhænger af dit mål.
En besked om succes på siden lader brugeren blive på den samme side. Formularen forsvinder eller ændrer sig for at vise "Vi har fået din indsendelse." En enkel, tydelig bekræftelse. Det virker godt til små formularer, eller når du vil have brugeren til at blive på siden og se mere indhold. Kontaktformularer bruger ofte beskeder på siden. Tilmeldinger til nyhedsbrev bruger ofte beskeder på siden. Hurtigt, enkelt, du er færdig.
En takkeside er en side, brugeren lander på efter indsendelsen. Den findes kun, efter formularen er sendt med succes. Den har sin egen URL. Det er nyttigt, når du skal følge konverteringen for sig i analysen, når du vil vise mere indhold efter indsendelsen, eller når du vil guide brugeren mod næste skridt i en salgstragt. Betalingsformularer i netbutikker sender videre til takkesider. Formularer til at skaffe leads sender videre til takkesider. Den egne side giver dig mere plads at arbejde med.
Den tekniske forskel har betydning for sporing. En besked på siden viser konverteringen på samme side som formularen. En takkeside viser en separat sidevisning og en separat URL. Set fra sporing er en takkeside renere. Det er en tydelig hændelse, som analyseværktøjer kan måle præcist.
Hvad en besked om succes skal sige
En besked om succes har ét job: at fortælle personen, at indsendelsen virkede. Det er det. Tilføj ikke salgstekst, tilbyd ikke flere produkter, og gør det ikke for kompliceret.
Start med en klar bekræftelse. "Tak. Vi har fået din indsendelse." Ikke "Din indsendelse er modtaget af vores automatiske system." Den første føles menneskelig. Den anden føles robotagtig og firmaagtig. En bekræftelse skal føles personlig og direkte.
Tilføj det næste skridt med det samme. Hvis formularen var en forespørgsel om kontakt, så sig, hvornår personen hører fra dig. "Vi svarer inden for to arbejdstimer." Ikke "Vi vender tilbage snart." Konkrete tidsrammer skaber tillid. Snart er upræcist. To timer er konkret.
Hvis indsendelsen starter et automatisk svar, så nævn det. "Tjek din e-mail for et link til bekræftelse." Eller "Et link til at nulstille din adgangskode er på vej til din indbakke." Det forklarer, hvad der sker nu, uden at personen må gætte eller frygte, at de har misset noget.
Valgfrit, men stærkt: henvis til noget, personen sendte. "Vi har fået din besked om optimering af hjemmesiden. Vi kigger på den og vender tilbage." At bruge deres egne ord skaber en følelse af at blive set og forstået. Det bekræfter, at deres data faktisk er modtaget og registreret.
Hold beskeden kort. En eller to sætninger til en besked på siden. Tre til fem sætninger til en besked på en takkeside. Lange beskeder om succes føles som spam eller en ekstra salgstale.
Brug et varmt sprog, som i en samtale. "Tak, fordi du skrev til os." Ikke "Tak, fordi du har gennemført denne indsendelse af formularen." Et sprog som i en samtale gør øjeblikket menneskeligt og ikke automatisk.
Design en takkeside, der konverterer og ikke er en blindgyde
En takkeside er et øjeblik med høj værdi. Personen har lige konverteret. De er i godt humør. De tog handling. De gennemførte det, du bad om. Det er øjeblikket lige efter, de har sagt ja. Det er øjeblikket til at guide dem videre og ikke sende dem væk.
Øverst på takkesiden gentager du bekræftelsen. "Tak. Vi har fået din forespørgsel." Hold den kort. Personen ved allerede, at det lykkedes. Bekræftelsen er bare der for at gøre det officielt.
Under bekræftelsen tilføjer du indhold, der passer til det, de lige har gjort. Hvis de tilmeldte sig et nyhedsbrev, så vis dem, hvad de får. Hvis de bad om en demo, så vis de næste skridt. Hvis de købte noget, så vis detaljer om ordren og tid til levering. Indholdet skal føles som den naturlige fortsættelse af det, de lige har sendt.
Tilføj én valgfri handling. Ikke fem. Ikke tre. Én. Hvad skal de gøre nu? Udforske din hjemmeside? Læse nyttige ressourcer? Følge dig på sociale medier? Booke et opkald? Vælg én og gør den til sidens fokus. Flere opfordringer, der konkurrerer, forvirrer folk. De har lige sagt ja. Guid dem videre med ét klart næste skridt.
Hvis du vil samle flere oplysninger, er en takkeside et godt sted. Spørg ikke efter dem i selve formularen. Spørg, efter de allerede har forpligtet sig ved at sende én gang. En anden, lettere formular på takkesiden konverterer ofte bedre end at proppe alt ind i den første formular.
Tag social proof med, hvis det passer. Et citat fra en tilfreds kunde. Et tal om folk, der tog den samme handling. Noget, der styrker, at de traf det rigtige valg. Det handler ikke om at overbevise dem om at konvertere. De har allerede konverteret. Det handler om at styrke deres tillid til det, de lige har gjort.
Sørg for, at sidens design passer til resten af din hjemmeside. En takkeside, der ser anderledes ud, bruger andre skrifttyper eller har et skarpt anderledes farveskema, får brugeren til at føle, at de har forladt dit brands hjemmeside. Ensartethed skaber tillid. Takkesiden skal føles, som om den hører til på din hjemmeside.
Timing af overgangen fra formular til succes
Når nogen klikker på send, hvor længe skal indlæsningstilstanden så vises, før beskeden om succes eller takkesiden dukker op? Svaret er så længe, som formularen faktisk behandles.
Til formularer, der sendes meget hurtigt, under ét sekund, skal du alligevel lade indlæsningstilstanden være synlig i mindst ét sekund. Hvis indsendelsen i virkeligheden tager 300 millisekunder, men dit drejende ikon forsvinder efter 400 millisekunder, kan folk tro, at noget gik i stykker. Overgangen skal føles tilsigtet og ikke forhastet.
Til formularer, der tager to til fem sekunder, skal du vise indlæsningstilstanden hele tiden. Lad folk se ventetiden. Skjul ikke, hvor lang tid forløbet tager. Åbenhed skaber tillid.
Vis aldrig en indlæsningstilstand, der forsvinder og så dukker op igen. Det skaber forvirring. Vis den én gang og lad den være synlig, til det lykkes. Hvis du skal prøve igen efter en fejl, så ryd indlæsningstilstanden helt og vis fejlmeddelelsen, før du prøver igen.
Til meget lange forløb, over ti sekunder, kan du overveje at vise opdateringer om fremdrift. Ikke kun et drejende ikon. En besked, der skifter. "Kontrollerer dine oplysninger." Så "Behandler din forespørgsel." Så "Gør indsendelsen færdig." Tre eller fire små beskeder gennem et langt forløb holder folk engageret og opmærksomme på, at der stadig sker noget.
Mobil: indlæsningstilstande og beskeder om succes
På en telefonskærm er pladsen begrænset. En indikator for indlæsning, der fungerer fint på computer, kan fylde for meget på mobil. En takkeside, der er lang på computer, bliver meget lang på mobil.
Til indlæsningstilstande på mobil skal du holde teksten kort. "Sender..." i stedet for "Vent venligst, mens vi behandler din indsendelse." Et drejende ikon fylder mindre end en statuslinje. Placér indikatoren inde i send-knappen eller lige over eller under den og ikke flydende midt på siden.
Til beskeder om succes på mobil skal du holde dem korte. En sætning er ideelt. To sætninger er acceptabelt. Mere end det, og beskeden ruller ud af skærmen.
Til takkesider på mobil skal du sætte kernen af bekræftelsen i de første to afsnit. Lad ikke folk rulle ned ad siden for at finde ud af, om formularen faktisk blev sendt. Takken skal være synlig med det samme uden at rulle.
Test dine indlæsningstilstande og tilstande for succes på rigtige telefoner og ikke kun i en browser, der efterligner en telefon. Skærmens størrelse og visningen på telefonen kan påvirke, hvordan tingene ser ud.
Analyse og sporing af formularens sidste øjeblikke
Siden eller beskeden om succes er der, hvor du måler, om formularen faktisk konverterede. Analyseplatforme som Google Analytics, Meta Pixel og e-mailplatforme kan følge øjeblikket med succes præcist.
Hvis du bruger en besked om succes på den samme side som formularen, så sæt en udløser for konvertering på, at beskeden dukker op. Brug JavaScript til at følge, hvornår beskeden dukker op, og ikke kun hvornår siden indlæses. Det fortæller dig præcis, hvem der har sendt, og ikke bare hvem der besøgte siden.
Hvis du sender videre til en takkeside, er sporingen automatisk. Hver visning af den side er en konvertering. Derfor bruger mange formularer takkesider. URL'en er unik. Analyseværktøjer forstår den perfekt. Én sidevisning svarer til én vellykket indsendelse.
Tilføj takkesidens URL til dine mål for konvertering i analysen. I Google Analytics kan du lave et mål, der udløses, når nogen lander på dinhjemmeside.dk/thank-you. Så tæller hver vellykket formularindsendelse automatisk med.
Hvis du bruger flere formularer på din hjemmeside, så lav en unik takkeside til hver, eller brug URL-parametre til at skelne dem. contact-form.com/thank-you mod demo-form.com/thank-you. Eller brug parametre som /thank-you?form=contact. Så kan du følge, hvilke formularer der konverterer.
Almindelige fejl, der ødelægger øjeblikket med succes
En besked om succes, der ikke bekræfter, at handlingen virkede, er ikke en besked om succes. Det er en blindgyde. "Tak." Alene. Hvad skal personen gøre nu? Hvor er deres bekræftelse? At undlade at forklare skaber mistillid.
Indlæsningstilstande, der er for lange eller for korte, føles ødelagte. Et drejende ikon, der roterer i 20 sekunder, får folk til at tro, at noget gik galt. Et ikon, der dukker op og forsvinder på 100 millisekunder, bliver måske ikke bemærket.
Takkesider, der prøver at sælge i stedet for at anerkende. Lige efter nogen har konverteret er ikke tidspunktet til at sælge dem noget andet. Anerkend det, de gjorde. Guid dem videre. Salg kan komme senere.
En besked om succes eller takkeside, der gentager oplysninger, formularen allerede spurgte om. Personen har allerede givet dig navn og e-mail. Få dem ikke til at læse det op igen på siden. Brug det til at gøre beskeden personlig, og gentag ikke det, der blev samlet.
Formularer på mobil, der viser indlæsningstilstande, der er for store til skærmen. Et drejende ikon, der fylder halvdelen af telefonens skærm, er overvældende. Hold de visuelle indikatorer i forhold til skærmens størrelse.
At glemme at tilføje et klart næste skridt. "Tak for din indsendelse." Og så intet. Hvad skal personen gøre? Uden retning går de. Ét klart næste skridt holder dem engageret.
Sådan hjælper WEMASY dig med at designe indlæsning og succes
WEMASYs formularbygger har indbyggede indlæsningstilstande, der vises automatisk, når en formular sendes. Du kan tilpasse stilen på indikatoren, så den passer til dit brand. Vælg mellem en tekstbesked, et drejende ikon eller en statuslinje. Sæt farven, så den passer til dit brands tema. Indlæsningstilstanden vises, mens formulardataene behandles, og forsvinder, når indsendelsen er færdig.
Beskeder om succes kan tilpasses helt i formularbyggeren. Skriv din egen besked. Vælg, om den vises på siden eller sender videre til en takkeside. Hvis du sender videre, lader WEMASY dig angive URL'en til din takkeside. Formularen sender automatisk videre efter en vellykket indsendelse.
Til takkesider laver du en side i WEMASYs hjemmesidebygger som alle andre sider. Design den, så den passer til dit brand. Tilføj tekst med bekræftelse, næste skridt, social proof eller sekundære opfordringer. Når du har sat din formular op, skal du indsætte URL'en til takkesiden i formularens indstillinger for videresendelse. WEMASY klarer videresendelsen automatisk.
Kontrol i realtid forhindrer mange fejl ved indsendelse, før de sker. Når formulardata kommer uden fejl, går indsendelsen rent igennem. Indlæsningstilstanden vises kort, og tilstanden for succes udløses hurtigere. Færre fejl betyder hurtigere indsendelser og mindre tid med indlæsningstilstande.
Integration med analyse er indbygget. WEMASY følger formularindsendelser og kan udløse mål i analysen automatisk. Når en formular er sendt med succes, kan du sætte hændelser op i Google Analytics eller Meta Pixel. Se, hvilke formularfelter der har de bedste konverteringer, hvilke formularer der konverterer oftest, og hvor folk falder fra.
Se, hvilke funktioner til formularer der er med i din WEMASY-plan.