En besökare kommer till ditt formulär. Det första fältet frågar efter e-postadressen. Men din webbplats har redan den från en tidigare anmälan. Besökaren måste skriva den igen. En annan besökare dyker upp och formuläret frågar efter land. Din analys vet redan var hen befinner sig. Varför fråga?
Förifyllda formulär fylls i snabbare. Besökare slipper skriva in sådant du redan har. Den här artikeln går igenom hur du förifyller formulär och vilka datakällor du kan använda.
Därför spelar förifyllda formulär roll
Varje fält som en besökare måste fylla i sänker andelen som slutför. Kan du fylla i 50 % av fälten automatiskt känns formuläret kortare. Besökaren lägger mindre tid på det. Färre fält att fundera över betyder färre chanser till fel.
Studier visar att förifyllda formulär har 20 till 30 % högre andel som slutför än tomma formulär. Skillnaden är verklig.
Förifylla från parametrar i webbadressen
Det enklaste sättet att förifylla är att skicka data i webbadressen med wemasy.se/contact?email=user@example.com&name=John. När sidan laddas hämtar JavaScript parametrarna och fyller i formuläret med const params = new URLSearchParams(window.location.search); document.getElementById('email').value = params.get('email'); document.getElementById('name').value = params.get('name');. Det fungerar när du länkar till ett formulär från en annan sida, till exempel när en e-postkampanj länkar till ett kontaktformulär med mottagarens e-postadress förifylld eller en landningssida länkar till ett anmälningsformulär med källkampanjen förifylld.
Var försiktig med känsliga uppgifter. Skicka inte lösenord eller kortnummer i webbadresser. Skicka bara icke-känsliga uppgifter som e-post och namn.
Förifylla från användarsessioner
Är användaren inloggad vet du vem hen är och kan förifylla e-post, namn, adress och annan information från kontot. På servern, innan formuläret visas, använder du const user = getUserFromSession(); const form = { email: user.email, name: user.name, address: user.address };. Sedan sätter du i HTML-mallen <input type="text" name="name" value="<%= form.name %>">. Alternativt använder du i JavaScript efter att sidan laddats _blocked_('/api/user').then(res => res.json()).then(user => { document.getElementById('email').value = user.email; document.getElementById('name').value = user.name; });. Det här kräver att användaren är inloggad. För publika formulär använder du i stället parametrar i webbadressen eller data från tredje part.
Förifylla från webbläsarens data
Webbläsaren lagrar data som du kan komma åt på två sätt. För det första låter localStorage dig lagra data i webbläsaren och hämta dem senare med localStorage.setItem('email', 'user@example.com'); const email = localStorage.getItem('email');. Det finns kvar mellan sidladdningar och webbläsarsessioner, vilket är användbart för att spara förloppet i ett formulär eller komma ihåg användarens e-postadress från ett tidigare besök. För det andra minns moderna webbläsare formulärdata som användaren skrivit tidigare. Ange autocomplete-attribut så startar webbläsarens autofyll med <input type="email" name="email" autocomplete="email"> och <input type="text" name="name" autocomplete="name">. Webbläsaren visar förslag och fyller i fältet utan någon kod, och autofyll hjälper särskilt på mobil där det går långsamt att skriva.
Förifylla från geografisk plats
Du kan upptäcka användarens ungefärliga plats och förifylla land eller region med _blocked_('https://ipapi.co/json/').then(res => res.json()).then(data => { document.getElementById('country').value = data.country; document.getElementById('state').value = data.region; });. Det använder IP-adressen för att gissa platsen. Det är inte helt exakt (särskilt inte för VPN-användare) men räcker i de flesta fall. Ge alltid användaren möjlighet att ändra.
Förifylla från datatjänster hos tredje part
Tjänster för databerikning kan slå upp företags- och personuppgifter utifrån en e-postadress. När användaren skriver in en e-postadress skickar JavaScript den till berikningstjänsten, som svarar med företagsinformation, titel och plats, och formuläret förifylls med de uppgifterna. Det kräver en API-nyckel och integrationskod, vilket gör det mer komplext men mycket kraftfullt för B2B-formulär.
Förifylla dolda fält
Dolda fält bär data som användaren inte ser men som din backend behöver.
<input type="hidden" name="source" value="email_campaign">
<input type="hidden" name="campaign_id" value="summer_2026">
De förifylls på servern innan formuläret visas. Använd dem för att spåra varifrån ett inskick kom eller vilken kampanj som ledde till det.
Förifylla formulär i flera steg
I formulär i flera steg förifyller du steg 2 med data från steg 1 så att användaren slipper skriva in det hen redan skrivit. När steg 1 skickats in sparar du data i sessionen eller i localStorage. När steg 2 laddas hämtar du och förifyller det med const step1Data = JSON.parse(localStorage.getItem('formStep1')); if (step1Data) { document.getElementById('email').value = step1Data.email; }.
Integritet och tillstånd
Förifyllning är bekvämt men väcker frågor om integritet. Att visa någons e-postadress utan tillstånd känns intrång.
Förifyll bara data du har tillstånd att använda. Är användaren inloggad har du tillstånd. Kom data från en e-postkampanj som hen klickat på har du tillstånd. Kom data från en tjänst hos tredje part, kontrollera din integritetspolicy.
Låt alltid användare ändra förifyllda värden. Lås dem inte.
Så förifyller WEMASY formulär
WEMASY-formulär stöder förifyllning från parametrar i webbadressen och från användarsessioner. Koppla till verktyg för automatisering eller API:er för att förifylla från data hos tredje part. Använd smart förifyllning för att upptäcka besökarens plats och andra egenskaper.
Se möjligheterna för förifyllning i ditt WEMASY-abonnemang.