Sådan opretter du en kontaktformular i WordPress uden kodning
Vil du tilføje en kontaktformular til din WordPress-hjemmeside, men ved ikke, hvordan man koder? Så er du kommet til det rette sted. I denne trinvise guide lærer du, hvordan du gør. Opret en professionel kontaktformular i WordPress uden at skrive en eneste linje kode– og det tager mindre end 5 minutter.
Uanset om du er blogger, ejer af en lille virksomhed eller er ved at bygge din første hjemmeside, er det vigtigt at have en kontaktformular. Den gør det nemt for besøgende at kontakte dig, hjælper dig med at fange kundeemner og ser langt mere professionel ud end blot at skrive din e-mailadresse.
Hvorfor alle WordPress-hjemmesider har brug for en kontaktformular
Før vi dykker ned i vejledningen, lad os forstå, hvorfor en kontaktformular er vigtig:
- Beskytter din e-mail mod spam – Offentliggørelse af din e-mailadresse inviterer spam-robotter til at oversvømme din indbakke
- Ser professionelt ud – En veldesignet formular opbygger tillid hos besøgende
- Indsamler struktureret information – Få de oplysninger, du har brug for (navn, e-mail, besked) i et organiseret format
- Sporer forespørgsler – Gem indsendelser i dit WordPress-dashboard i stedet for at miste dem i e-mails
- Mobilvenlig oplevelse – Formularer fungerer perfekt på telefoner og tablets
Hvad du skal bruge
For at følge denne vejledning skal du bruge:
- En WordPress-hjemmeside (selvhostet WordPress.org)
- Administratoradgang til at installere plugins
- 5 minutter af din tid
Det var det! Ingen kodningskendskab, ingen teknisk erfaring, ingen betalte værktøjer kræves.
Trin 1: Installer Auto Form Builder (gratis plugin)
Vi bruger Automatisk formularbygger (også kendt som A.F.B.)—en gratis, letvægts WordPress-plugin med en visuel træk-og-slip-grænseflade. Den er perfekt for begyndere, fordi der ikke er nogen indlæringskurve.
Sådan installeres det:
- Log ind på dit WordPress admin dashboard
- Gå til Plugins → Tilføj nyt
- Søge efter "A.F.B."(det korte navn for Auto Form Builder)
- Lede efter "AFB – Automatisk formularbygger – Træk og slip formularopretter"
- Klik Installer nu, derefter Aktivere
💡 Tip: Den hurtigste måde at finde pluginet i WordPress-repositoriet er at søge efter “AFB”.
Når den er aktiveret, vil du se "Auto Form Builder" i din WordPress-administratormenu. Det var det – du er klar til at oprette din første formular!
Trin 2: Opret en ny kontaktformular
Lad os nu opbygge din kontaktformular:
- Klik Automatisk formularbygger i din administratormenu
- Klik Opret ny formular
- Du vil se en skærm til valg af skabelon – vælg Kontaktformular
Auto Form Builder leveres med en præbygget kontaktformularskabelon, der inkluderer:
- Feltet Fulde navn
- Felt for e-mailadresse
- Felt for telefonnummer (Valgfrit)
- Meddelelsesfelt
Skabelonen er klar til brug med det samme, men du kan tilpasse den, som du vil.
Trin 3: Tilpas dine formularfelter (valgfrit)
Vil du tilføje eller ændre felter? Træk-og-slip-værktøjet gør det nemt:
Tilføjelse af nye felter
I venstre sidepanel kan du se tilgængelige felttyper. Du skal blot træk et hvilket som helst felt på dit formularlærred:
- Tekstinput – For korte svar som navn eller emne
- E-mail – Validerer automatisk e-mailadresser
- Phone – For telefonnumre med valgfri formatering
- Tekstområde – For længere beskeder
- Dropdown – Lad brugerne vælge mellem muligheder (som "Årsag til kontakt")
- Afkrydsningsfelt – Til samtykkebokse eller flere valg
Redigering af feltindstillinger
Klik på et hvilket som helst felt for at tilpasse det:
- Skift label (f.eks. "Dit navn" i stedet for "Fulde navn")
- Tilføj pladsholdertekst at vejlede brugerne
- Lav felter påkrævet eller valgfri
- Tilføj hjælpetekst nedenstående felter
Omarrangering af felter
ganske enkelt træk felterne op eller ned for at ændre deres rækkefølge. Den visuelle builder viser præcis, hvordan din formular vil se ud.
Trin 4: Konfigurer formularindstillinger
Klik på knappen Indstillinger fanen til at konfigurere, hvad der sker, når nogen indsender din formular:
Succesmeddelelse
Tilpas den besked, brugerne ser efter at have indsendt. For eksempel:
"Tak fordi du kontaktede os! Vi vender tilbage til dig inden for 24 timer."
E-mail-meddelelser
Få besked med det samme, når nogen udfylder din formular:
- Aktiver E-mail-meddelelser
- Indtast din e-mailadresse (eller flere e-mailadresser adskilt af kommaer)
- Tilpas emnelinjen i e-mailen
Alle bidrag sendes direkte til din indbakke – og gemmes også sikkert i dit WordPress-dashboard.
Trin 5: Stil din formular (valgfrit)
Vil du have, at din formular matcher designet på dit websted? Klik på fanen Tilpas for at tilpasse den:
- Farver – Skift knapfarver, baggrunde og tekst
- Grænser – Juster markgrænser og hjørneradius
- Mellemrum – Kontroller marginer og polstring
- Button – Tilpas teksten og udseendet på send-knappen
Auto Form Builder-formularer er designet til at se godt ud på ethvert tema direkte fra starten, så styling er helt valgfrit.
Trin 6: Gem og hent din shortcode
Når du er tilfreds med din formular:
- Giv din formular et navn (f.eks. "Kontaktformular")
- Klik Gem formular
- Kopier shortcode vises
Trin 7: Tilføj kontaktformularen til din side
Lad os nu vise din formular på din hjemmeside:
Mulighed A: Tilføj til en eksisterende side
- Gå til Sider og rediger din kontaktside
- Indsæt shortcoden hvor du vil have formularen vist
- Klik Opdatering
Mulighed B: Opret en ny kontaktside
- Gå til Sider → Tilføj ny
- Giv den titlen "Kontakt" eller "Kontakt os"
- Tilføj en introduktionstekst, hvis du ønsker det
- Indsæt shortcoden
- Klik Udgiv
Besøg din side for at se din flotte nye kontaktformular i aktion!
Trin 8: Test din kontaktformular
Før du præsenterer din nye formular for verden, så test den:
- Besøg din kontaktside
- Udfyld formularen med testoplysninger
- Klik på Send
- Kontroller, at du ser succesmeddelelsen
- Tjek din e-mail for notifikationen
- I WordPress skal du gå til Automatisk formularbygger → Indsendelser for at se den gemte post
Hvis alt fungerer, tillykke – din kontaktformular er live!
Administration af kontaktformularindsendelser
En af de bedste funktioner i Auto Form Builder er den indbyggede indsendelseshåndteringI modsætning til nogle formular-plugins, der kun sender e-mails, gemmes alle indsendelser i din WordPress-database.
Gå til Automatisk formularbygger → Bidrag til:
- Se alle indsendelser i en søgbar tabel
- Filtrer efter dato – I dag, denne uge, denne måned osv.
- Søg indsendelser – Find specifikke beskeder med det samme
- Markér som læst/ulæst – Spor hvilke forespørgsler du har håndteret
- Stjernemarkér vigtige beskeder – Markér kontakter med høj prioritet
- Eksporter til CSV – Download dine data til regneark eller sikkerhedskopier
Det betyder, at du aldrig mister en kundeforespørgsel, selvom e-mails ikke leveres.
Hvorfor Auto Form Builder er perfekt til kontaktformularer
Der findes mange WordPress-formular-plugins, men her er hvorfor Auto Form Builder skiller sig ud til at oprette kontaktformularer:
| Feature | Automatisk formularbygger |
|---|---|
| Pris | ✅ Gratis |
| Træk-og-slip-builder | ✅ Ja |
| Færdigbygget kontaktformularskabelon | ✅ Ja |
| Email meddelelser | ✅ Ja |
| Opbevaring af indsendelser | ✅ Ja (i WordPress) |
| mobil lydhør | ✅ Ja |
| Ingen kodning kræves | ✅ Ja |
| Let og hurtig | ✅ Ja |
| GDPR-kompatibel (data på din server) | ✅ Ja |
| Eksportér indsendelser | ✅ CSV, JSON, XML |
| Betinget logik | ✅ Ja |
Ofte stillede spørgsmål
Vil formularen fungere med mit WordPress-tema?
Ja. Auto Form Builder er designet til at fungere med ethvert WordPress-tema.
Kan jeg modtage formularindsendelser via e-mail?
Absolut. Aktivér e-mail-notifikationer i formularindstillingerne, så modtager du en e-mail, hver gang nogen indsender din formular. Indsendelser gemmes også i dit WordPress-dashboard som en sikkerhedskopi.
Er kontaktformularen mobilvenlig?
Ja. Alle formularer oprettet med Auto Form Builder er fuldt responsive og ser godt ud på telefoner, tablets og stationære computere.
Hvordan beskytter jeg min formular mod spam?
Auto Form Builder tilbyder tilføjelser til spambeskyttelse, herunder Google reCAPTCHA og Cloudflare Turnstile.
Næste trin
Nu hvor du har en kontaktformular på din WordPress-hjemmeside, kan du overveje disse forbedringer:
- Tilføj din kontaktformular i sidefoden – Gør det tilgængeligt fra alle sider
- Opret en feedbackformular – Indsaml kundeanmeldelser og udtalelser
- Lav en tilmeldingsformular til nyhedsbrevet – Udvid din e-mailliste
- Tilføj spambeskyttelse – Aktivér reCAPTCHA for websteder med høj trafik
Konklusion
Det kræver ingen kodningsfærdigheder at oprette en kontaktformular i WordPress. Automatisk formularbygger, kan du oprette en professionel, mobilvenlig kontaktformular på under 5 minutter – helt gratis.
Træk-og-slip-grænsefladen gør det nemt for begyndere, mens den indbyggede styring af forespørgsler sikrer, at du aldrig går glip af en kundeforespørgsel. Derudover forbliver alle dine data sikkert på din egen WordPress-server.
Klar til at oprette din kontaktformular? Download automatisk formularbygger fra WordPress plugin-arkivet og kom i gang i dag.