En besøgende kommer til din formular. Første felt spørger om e-mailadressen. Men din hjemmeside har allerede deres e-mail fra en tidligere tilmelding. De skal skrive den igen. En anden besøgende dukker op, og formularen spørger om deres land. Din analytics ved allerede, hvor de befinder sig. Hvorfor spørge?
Formularer, der er udfyldt på forhånd, bliver hurtigere færdige. De besøgende skal ikke skrive oplysninger igen, som du allerede har. Her gennemgår vi, hvordan du udfylder formularer på forhånd, og hvilke datakilder du kan bruge.
Derfor betyder forhåndsudfyldte formularer noget
Hvert felt, en besøgende skal udfylde, sænker andelen, der gør formularen færdig. Kan du udfylde 50 % af felterne automatisk, føles formularen kortere. Den besøgende bruger mindre tid. Færre felter at tænke på giver færre chancer for fejl.
Undersøgelser viser, at forhåndsudfyldte formularer bliver gjort færdige 20-30 % oftere end tomme formularer. Forskellen er reel.
Forhåndsudfyldning fra URL-parametre
Den enkleste måde er at sende data med i URL'en, for eksempel wemasy.dk/contact?email=user@example.com&name=John. Når siden indlæses, henter JavaScript parametrene og udfylder formularen med const params = new URLSearchParams(window.location.search); document.getElementById('email').value = params.get('email'); document.getElementById('name').value = params.get('name');. Det virker, når du linker til en formular fra en anden side, for eksempel når en e-mailkampagne linker til en kontaktformular med modtagerens e-mail udfyldt, eller en landingpage linker til en tilmeldingsformular med kampagnens kilde udfyldt.
Pas på med følsomme data. Send aldrig adgangskoder eller kortnumre i URL'er. Send kun data, der ikke er følsomme, som e-mail og navn.
Forhåndsudfyldning fra brugersessioner
Er brugeren logget ind, ved du, hvem de er, og du kan udfylde e-mail, navn, adresse og andre oplysninger fra deres konto. På serveren bruger du, før formularen vises, const user = getUserFromSession(); const form = { email: user.email, name: user.name, address: user.address };. Derefter sætter du i HTML-skabelonen <input type="text" name="name" value="<%= form.name %>">. Eller du kan i JavaScript, når siden er indlæst, bruge _blocked_('/api/user').then(res => res.json()).then(user => { document.getElementById('email').value = user.email; document.getElementById('name').value = user.name; });. Den metode kræver, at brugeren er logget ind. Til offentlige formularer skal du bruge URL-parametre eller data fra tredjepart.
Forhåndsudfyldning fra browserens data
Browseren gemmer data, som du kan bruge på to måder. For det første kan du med localStorage gemme data i browseren og hente dem senere med localStorage.setItem('email', 'user@example.com'); const email = localStorage.getItem('email');. Det bliver, når siden indlæses igen og mellem browsersessioner, så det er nyttigt til at gemme formularens fremgang eller huske brugerens e-mail fra et tidligere besøg. For det andet husker moderne browsere formulardata, som brugeren har skrevet før. Sæt autocomplete-attributter, så starter browserens autoudfyld med <input type="email" name="email" autocomplete="email"> og <input type="text" name="name" autocomplete="name">. Browseren viser forslag og udfylder feltet uden kode, og autoudfyld hjælper især på mobil, hvor det er langsomt at taste.
Forhåndsudfyldning fra geolokation
Du kan finde brugerens omtrentlige placering og udfylde land eller region med _blocked_('https://example.com/ip-lookup').then(res => res.json()).then(data => { document.getElementById('country').value = data.country; document.getElementById('state').value = data.region; });. Det bruger deres IP-adresse til at gætte placeringen. Det er ikke helt præcist (især ikke for brugere med VPN), men godt nok i de fleste tilfælde. Giv altid brugeren mulighed for at ændre det.
Forhåndsudfyldning fra tredjepartstjenester
Tjenester til berigelse af data kan slå oplysninger om virksomheder og personer op ud fra en e-mailadresse. Når brugeren skriver en e-mail, sender JavaScript den til tjenesten, som svarer med oplysninger om virksomhed, jobtitel og sted, og formularen bliver udfyldt med dem. Det kræver en API-nøgle og kode til integrationen, så det er mere komplekst, men meget stærkt til B2B-formularer.
Forhåndsudfyldning af skjulte felter
Skjulte felter indeholder data, som brugeren ikke ser, men som din backend har brug for.
<input type="hidden" name="source" value="email_campaign">
<input type="hidden" name="campaign_id" value="summer_2026">
De bliver udfyldt på serveren, før formularen vises. Brug dem til at se, hvor indsendelsen kom fra, eller hvilken kampagne der førte til den.
Forhåndsudfyldning af formularer i flere trin
I formularer med flere trin kan du udfylde trin 2 med data fra trin 1, så brugeren ikke skal skrive oplysninger, de allerede har tastet. Når trin 1 er sendt, gemmer du data i sessionen eller i localStorage. Når trin 2 indlæses, henter og udfylder du dem med const step1Data = JSON.parse(localStorage.getItem('formStep1')); if (step1Data) { document.getElementById('email').value = step1Data.email; }.
Privatliv og tilladelse
Forhåndsudfyldning er praktisk, men rejser spørgsmål om privatliv. At vise en e-mailadresse uden tilladelse føles påtrængende.
Udfyld kun data, du har lov til at bruge. Er brugeren logget ind, har du lov. Kom data fra en e-mailkampagne, de klikkede på, har du lov. Kom data fra en tredjepartstjeneste, så tjek din privatlivspolitik.
Lad altid brugerne ændre de udfyldte værdier. Lås dem ikke fast.
Sådan udfylder WEMASY formularer på forhånd
WEMASYs formularer kan udfyldes på forhånd fra URL-parametre og brugersessioner.
Se, hvad der er muligt i din WEMASY-plan.