Slik lager du et kontaktskjema i WordPress uten koding
Vil du legge til et kontaktskjema på WordPress-nettstedet ditt, men vet ikke hvordan du koder? Da har du kommet til rett sted. I denne trinnvise veiledningen lærer du hvordan du gjør det. lag et profesjonelt kontaktskjema i WordPress uten å skrive en eneste linje med kode– og det tar mindre enn 5 minutter.
Enten du er blogger, eier av en liten bedrift eller bygger ditt første nettsted, er det viktig å ha et kontaktskjema. Det lar besøkende enkelt nå deg, hjelper deg med å fange opp potensielle kunder og ser mye mer profesjonelt ut enn å bare legge ut e-postadressen din.
Hvorfor alle WordPress-nettsteder trenger et kontaktskjema
Før vi dykker ned i veiledningen, la oss forstå hvorfor et kontaktskjema er viktig:
- Beskytter e-posten din mot spam – Å publisere e-postadressen din offentlig inviterer spamroboter til å oversvømme innboksen din
- Ser profesjonell ut – Et godt utformet skjema bygger tillit hos besøkende
- Samler strukturert informasjon – Få informasjonen du trenger (navn, e-post, melding) i et organisert format
- Sporer henvendelser – Lagre innsendinger i WordPress-dashbordet ditt i stedet for å miste dem i e-post
- Mobilvennlig opplevelse – Skjemaer fungerer perfekt på telefoner og nettbrett
Hva du trenger
For å følge denne veiledningen trenger du:
- En WordPress-nettside (selvhostet WordPress.org)
- Administratortilgang for å installere programtillegg
- 5 minutter av tiden din
Det var det! Ingen kodekunnskaper, ingen teknisk erfaring, ingen betalte verktøy kreves.
Trinn 1: Installer Auto Form Builder (gratis plugin)
Vi skal bruke Automatisk skjemabygger (Også kjent som A.F.B.) – en gratis, lett WordPress-plugin med et visuelt dra-og-slipp-grensesnitt. Det er perfekt for nybegynnere fordi det ikke er noen læringskurve.
Slik installerer du det:
- Logg inn på WordPress-administratordashbordet ditt
- Gå til Plugins → Legg til ny
- Søk etter "A.F.B.«(kortnavnet for Auto Form Builder)»
- Se etter "AFB – Automatisk skjemabygger – Dra og slipp skjemaoppretter"
- Klikk Installer nå, deretter Aktiver
💡 Tips: Å søke etter «AFB» er den raskeste måten å finne plugin-modulen i WordPress-depotet.
Når den er aktivert, vil du se «Auto Form Builder» i WordPress-administrasjonsmenyen. Det var det – du er klar til å opprette ditt første skjema!
Trinn 2: Opprett et nytt kontaktskjema
La oss nå lage kontaktskjemaet ditt:
- Klikk Automatisk skjemabygger i administratormenyen din
- Klikk Opprett nytt skjema
- Du vil se en skjerm for valg av mal – velg Kontakt skjema
Auto Form Builder leveres med en forhåndsbygd kontaktskjemamal som inkluderer:
- Feltet Fullt navn
- E-postadresse-feltet
- Telefonnummer-feltet (om du har)
- Meldingsfelt
Malen er klar til bruk umiddelbart, men du kan tilpasse den slik du vil.
Trinn 3: Tilpass skjemafeltene dine (valgfritt)
Vil du legge til eller endre felt? Dra-og-slipp-verktøyet gjør det enkelt:
Legge til nye felt
I venstre sidefelt ser du tilgjengelige felttyper. Bare dra et hvilket som helst felt på skjemalerretet ditt:
- Inntasting av tekst – For korte svar som navn eller emne
- Epost – Validerer e-postadresser automatisk
- Phone – For telefonnumre med valgfri formatering
- Tekstområde – For lengre meldinger
- Dropdown – La brukerne velge mellom alternativer (som «Årsak til kontakt»)
- Avmerkingsboks – For samtykkebokser eller flere valg
Redigere feltinnstillinger
Klikk på et hvilket som helst felt for å tilpasse det:
- Endre etikett (f.eks. «Ditt navn» i stedet for «Fullt navn»)
- Legg til plassholdertekst å veilede brukerne
- Lag felt påkrevd eller valgfritt
- Legg til hjelpetekst under feltene
Omorganisering av felt
Bare dra felt opp eller ned for å endre rekkefølgen. Den visuelle byggeren viser nøyaktig hvordan skjemaet ditt vil se ut.
Trinn 4: Konfigurer skjemainnstillinger
Klikk på innstillinger fanen for å konfigurere hva som skjer når noen sender inn skjemaet ditt:
Suksessmelding
Tilpass meldingen brukerne ser etter innsending. For eksempel:
«Takk for at du kontaktet oss! Vi svarer deg innen 24 timer.»
E-postvarsler
Få beskjed umiddelbart når noen fyller ut skjemaet ditt:
- aktiver E-postvarsler
- Skriv inn e-postadressen din (eller flere e-postadresser atskilt med komma)
- Tilpass emnelinjen i e-posten
Alle bidrag sendes direkte til innboksen din – og lagres også trygt i WordPress-dashbordet ditt.
Trinn 5: Stil skjemaet ditt (valgfritt)
Vil du at skjemaet ditt skal matche designet til nettstedet ditt? Klikk på Tilpass-fanen for å tilpasse:
- Farger – Endre knappfarger, bakgrunner og tekst
- Borders – Juster feltgrenser og hjørneradius
- Mellomrom – Kontroll over polstring og marginer
- Button – Tilpass teksten og utseendet på send-knappen
Skjemaer i Auto Form Builder er utformet for å se bra ut på ethvert tema rett ut av esken, så styling er helt valgfritt.
Trinn 6: Lagre og hent kortkoden din
Når du er fornøyd med skjemaet ditt:
- Gi skjemaet et navn (f.eks. «Kontaktskjema»)
- Klikk Lagre skjema
- Kopier snarvei vises
Trinn 7: Legg til kontaktskjemaet på siden din
La oss nå vise skjemaet ditt på nettstedet ditt:
Alternativ A: Legg til på en eksisterende side
- Gå til sider og rediger kontaktsiden din
- Lim inn kortkoden der du vil at skjemaet skal vises
- Klikk Oppdater
Alternativ B: Opprett en ny kontaktside
- Gå til Sider → Legg til ny
- Gi den tittelen «Kontakt» eller «Kontakt oss».
- Legg til litt innledende tekst hvis du ønsker det
- Lim inn kortkoden
- Klikk Publiser
Besøk siden din for å se det flotte nye kontaktskjemaet i aksjon!
Trinn 8: Test kontaktskjemaet ditt
Før du annonserer den nye formen din til verden, bør du teste den:
- Gå til kontaktsiden din
- Fyll ut skjemaet med testinformasjon
- Klikk på Send
- Sjekk at du ser suksessmeldingen
- Sjekk e-posten din for varselet
- I WordPress, gå til Automatisk skjemabygger → Innsendinger for å se den lagrede oppføringen
Hvis alt fungerer, gratulerer – kontaktskjemaet ditt er live!
Administrere innsendinger av kontaktskjemaer
En av de beste funksjonene til Auto Form Builder er den innebygde innsendingshåndteringI motsetning til noen skjema-pluginer som bare sender e-post, lagres alle innsendinger i WordPress-databasen din.
Gå til Automatisk skjemabygger → Innsendinger til:
- Se alle bidrag i en søkbar tabell
- Filtrer etter dato – I dag, denne uken, denne måneden osv.
- Søk i innsendinger – Finn spesifikke meldinger umiddelbart
- Merk som lest/ulest – Spor hvilke henvendelser du har håndtert
- Stjernemerk viktige meldinger – Flagg kontakter med høy prioritet
- Eksporter til CSV – Last ned dataene dine for regneark eller sikkerhetskopier
Dette betyr at du aldri mister en kundehenvendelse, selv om e-poster ikke leveres.
Hvorfor Auto Form Builder er perfekt for kontaktskjemaer
Det finnes mange WordPress-skjema-plugins tilgjengelig, men her er hvorfor Auto Form Builder skiller seg ut for å lage kontaktskjemaer:
| Trekk | Automatisk skjemabygger |
|---|---|
| Pris | ✅ Gratis |
| Dra-og-slipp-byggherre | ✅ Ja |
| Forhåndsbygd kontaktskjemamal | ✅ Ja |
| E-postvarsler | ✅ Ja |
| Lagring av innsendinger | ✅ Ja (i WordPress) |
| mobile responsive | ✅ Ja |
| Ingen koding kreves | ✅ Ja |
| Lett og rask | ✅ Ja |
| GDPR-kompatibel (data på serveren din) | ✅ Ja |
| Eksporter innsendinger | ✅ CSV, JSON, XML |
| Betinget logikk | ✅ Ja |
Ofte Stilte Spørsmål
Vil skjemaet fungere med WordPress-temaet mitt?
Ja. Auto Form Builder er designet for å fungere med alle WordPress-temaer.
Kan jeg motta skjemainnsendinger på e-post?
Absolutt. Aktiver e-postvarsler i skjemainnstillingene, så mottar du en e-post hver gang noen sender inn skjemaet ditt. Innsendinger lagres også i WordPress-dashbordet ditt som en sikkerhetskopi.
Er kontaktskjemaet mobilvennlig?
Ja. Alle skjemaer som opprettes med Auto Form Builder er fullt responsive og ser flotte ut på telefoner, nettbrett og stasjonære datamaskiner.
Hvordan beskytter jeg skjemaet mitt mot spam?
Auto Form Builder tilbyr tilleggsprogrammer for spambeskyttelse, inkludert Google reCAPTCHA og Cloudflare Turnstile.
Neste trinn
Nå som du har et kontaktskjema på WordPress-nettstedet ditt, bør du vurdere disse forbedringene:
- Legg til kontaktskjemaet ditt i bunnteksten – Gjør det tilgjengelig fra alle sider
- Opprett et tilbakemeldingsskjema – Samle kundeanmeldelser og attester
- Lag et påmeldingsskjema for nyhetsbrev – Øk e-postlisten din
- Legg til spambeskyttelse – Aktiver reCAPTCHA for nettsteder med mye trafikk
Konklusjon
Å lage et kontaktskjema i WordPress krever ingen kodeferdigheter. Automatisk skjemabygger, kan du lage et profesjonelt, mobilvennlig kontaktskjema på under 5 minutter – helt gratis.
Dra-og-slipp-grensesnittet gjør det enkelt for nybegynnere, mens den innebygde innsendingshåndteringen sikrer at du aldri går glipp av en kundehenvendelse. I tillegg forblir alle dataene dine sikkert på din egen WordPress-server.
Klar til å opprette kontaktskjemaet ditt? Last ned automatisk skjemabygger fra WordPress-plugin-arkivet og kom i gang i dag.
