Du kender det sikkert.
Du har bygget en pæn hjemmeside.
Der er styr på designet.
Der er en kontaktformular i bunden.
Alt ser færdigt ud.
Men når folk udfylder formularen og trykker “Send”, sker der… ingenting.
Ingen mail.
Ingen notifikation.
Ingen mulighed for at svare hurtigt.
Beskeden forsvinder bare ud i ingenting.
Det er en af de mest almindelige fejl på nye hjemmesider, og samtidig en af de dyreste.
For hver formular, der ikke sender en e-mail, er en potentiel kunde, du aldrig hører fra.
I det her blogindlæg gennemgår vi, hvordan du sætter automatiske e-mails direkte fra din hjemmeside med Lovable, så:
- henvendelser lander i din inbox med det samme
- du kan sende en automatisk bekræftelse til brugeren
- din hjemmeside går fra at være “flot” til faktisk at arbejde for dig
Vi tager udgangspunkt i et konkret setup med domæne, business e-mail og Resend som e-mail API.
🎥 Se youtbe-videoen her:
https://www.youtube.com/watch?v=T5sFCWbQDSA&t=581s
Problemet: Kontaktformularen der ikke er forbundet til noget
Mange websites har i praksis kun lavet halvdelen af arbejdet.
Frontend? ✔️
Design? ✔️
Formular? ✔️
Backend-forbindelsen? ❌
Uden en mailintegration er kontaktformularen bare et visuelt element. Brugeren tror, de har kontaktet dig, men du modtager ingenting.
Og det er ekstra kritisk, fordi:
- folk forventer svar hurtigt
- den første, der svarer, vinder ofte kunden
- manglende svar føles uprofessionelt, selv hvis fejlen er teknisk
Heldigvis er løsningen hverken dyr eller kompliceret.
Overblikket: Hvad skal der til?
For at kunne sende automatiske e-mails fra din hjemmeside skal du bruge tre ting:
- Et domæne
- En business e-mail på domænet
- En e-mail API, som din kode kan kalde
I det her setup bruger vi Resend, fordi det er simpelt, hurtigt og bygget til moderne web apps.
Før du koder: Få styr på dit domæne og din e-mail
Inden vi begynder at kode noget som helst, skal det mest basale være på plads: dit domæne og din e-mail.
Det behøver ikke være kompliceret.
Gå ind på en domæneudbyder som for eksempel GoDaddy eller one.com.
I mit tilfælde bruger jeg one.com, men princippet er det samme uanset udbyder.
Køb et domæne, der er fint nok til formålet.
Det behøver hverken være perfekt, kreativt eller gennemtænkt i flere dage.
Det vigtigste er:
- at du ejer domænet
- at du kan tilkoble business e-mails til det
Når du køber domænet, skal du derfor sikre dig, at der følger mulighed for e-mail med, fx adresser som:
Det er nødvendigt for, at vi senere kan sende og modtage automatiske e-mails fra hjemmesiden.
Du behøver ikke overtænke det her step.
Bare få domænet på plads, sørg for at e-mail kan kobles på, og så er du klar til næste del.
Resend: E-mail som API (uden bøvl)
Resend er en e-mail-tjeneste, der er bygget til udviklere.
I stedet for at rode med SMTP, mailservere og konfiguration, kalder du bare et API, og Resend sørger for resten:
- stabil levering
- god deliverability
- logs og overblik
- support for både notifikationer og auto-replies
Det gør det perfekt til kontaktformularer.
Step-by-step: Sådan sætter du Resend op
1. Opret en konto hos Resend
Gå ind på Resend og opret en konto.
2. Tilføj dit domæne
Inde i Resend vælger du “Add domain” og indtaster dit domæne.
Vælg en europæisk region (fx Ireland), hvis du vil holde det EU-nært.
3. Verificér domænet via DNS
Resend giver dig nu en række DNS records, som du skal oprette hos din domæneudbyder:
- TXT records
- MX records
Du kopierer dem én for én ind i DNS-indstillingerne hos fx one.com.
Når de er oprettet, klikker du “Verify”.
Nogle gange tager det få minutter.
Andre gange lidt længere.
4. Opret den e-mail du vil sende fra
Opret fx:
Det er den adresse, som dine automatiske e-mails bliver sendt fra og/eller til.
5. Opret en API-nøgle
I Resend opretter du en API-nøgle.
Vigtigt:
API-nøglen skal gemmes som en environment variable og aldrig direkte i koden.
Når det virker: Formular → e-mail → handling
Nu kan du forbinde din kontaktformular til et backend-endpoint, der gør følgende:
- Modtager formular-data
- Validerer input (navn, e-mail, besked)
- Kalder Resend API
- Sender en mail til dig
En god “ny henvendelse”-mail indeholder:
- navn
- telefon (hvis relevant)
- dato/periode (fx booking)
- selve beskeden
Det gør det nemt at reagere hurtigt og professionelt.
Bonus: Send en automatisk bekræftelse til brugeren
Når du alligevel har flowet, kan du også sende en auto-reply:
“Tak for din henvendelse – vi har modtaget din besked og vender tilbage hurtigst muligt.”
Det giver:
- bedre brugeroplevelse
- færre opfølgende spørgsmål
- mere tillid
- et langt mere professionelt indtryk
Det kræver kun én ekstra API-kald.
Test det hele som en rigtig bruger
Inden du går live:
- udfyld formularen med testdata
- tryk send
- tjek at du modtager mailen
- tjek at brugeren får auto-reply
Hvis noget ikke virker:
- tjek at domænet er verified
- tjek at “from”-mailen eksisterer
- tjek at API-nøglen ligger server-side
- tjek spamfolder første gang
Typiske fejl du bør undgå
- API-nøgle i frontend
- forkert DNS record
- sender fra en e-mail der ikke findes
- manglende input-validering
- ingen auto-reply
Alle fejlene er små, men de stopper hele flowet.
Konklusion: Kontaktformularen er ikke pynt, den er din indbakke
Når din kontaktformular virker, ændrer din hjemmeside karakter.
Den går fra at være en præsentation til at være en kanal.
Fra statisk til aktiv.
Fra “se os” til “kontakt os”.
Automatiske e-mails er ikke en luksus.
De er fundament.
Og når først det er sat op korrekt, kører det bare.
Code&Go hjælper virksomheder med at bygge stærke digitale produkter i en tid hvor AI ændrer spillereglerne for innovation, udvikling og vækst. Vi arbejder sammen med teams der vil skabe smartere løsninger, validere idéer hurtigere og bygge forretninger der kan skalere.
Har du brug for sparring eller hjælp til at løfte dit næste produkt eller AI projekt, så er du velkommen til at kontakte os på codego.dk og høre hvordan vi kan støtte din rejse.
