Contact Form 7

Contact Form 7 er et af de mest populære og udbredte plugins til at bygge kontaktformularer i WordPress. Pluginet er elsket for sin fleksibilitet, integrationsevne og enkelhed. I denne guide gennemgår vi, hvordan du opsætter og tilpasser Contact Form 7, beskytter dine formularer mod spam og sikrer, at din dataindsamling overholder GDPR.

Hvorfor vælge Contact Form 7?

Med et overvældende udvalg af formular-plugins skiller Contact Form 7 sig ud som en letvægtsløsning, der giver dig fuld kontrol over dine kontaktformularers design og funktionalitet.

Pluginet gør det muligt at oprette både simple kontaktformularer og komplekse dataindsamlingssystemer. Det fungerer problemfrit sammen med de fleste temaer og page buildere i WordPress. Samtidig er det nemt at udvide med tredjepartsintegrationer som f.eks. Akismet til spamfiltrering, eksterne CRM-systemer og nyhedsbrevsplatforme.

Sådan installerer du Contact Form 7

For at komme i gang skal pluginet installeres direkte fra dit WordPress-kontrolpanel:

1. Log ind på din WordPress-administration.
2. Gå til Plugins > Tilføj nyt.
3. Søg efter “Contact Form 7”.
4. Klik på Installer nu og derefter Aktiver.

Når pluginet er aktiveret, vil du se et nyt menupunkt kaldet “Kontakt” i venstre side af kontrolpanelet. Her kan du administrere alle dine formularer. Hvis du har brug for hjælp til de mere tekniske detaljer af opsætningen, kan professionel WordPress support hjælpe dig videre.

Opsætning af din første kontaktformular

Contact Form 7 leveres med en standardformular, der dækker de mest basale behov: Navn, e-mailadresse, emne og en beskedboks.

For at oprette eller redigere en formular:

1. Gå til Kontakt > Tilføj ny.
2. Giv din formular en beskrivende titel, f.eks. “Primær kontaktformular”.
3. Under fanen Formular kan du tilpasse felterne. Du kan tilføje alt fra drop-down menuer til afkrydsningsfelter.
4. Når du er tilfreds med opsætningen, skal du gemme formularen.
5. Kopier den genererede shortcode (f.eks. [contact-form-7 id="123" title="Primær kontaktformular"]) og indsæt den på den side eller det indlæg, hvor formularen skal vises.

Er du ved at bygge en ny hjemmeside, og har du brug for hjælp til det visuelle og konverteringsoptimerede layout af dine kontaktformularer, kan en dygtig hjemmeside designer sikre, at de integreres perfekt i dit design.

Tilpasning af e-mailnotifikationer

Det er afgørende, at de beskeder, der sendes via formularen, lander korrekt i din indbakke og er formateret professionelt.

Under fanen Mail i din formular kan du konfigurere, hvordan notifikationerne sendes:

• Til: Angiv den e-mailadresse, der skal modtage henvendelserne.
• Fra: Det er vigtigt, at afsenderadressen stemmer overens med dit domæne (f.eks. noreply@ditdomæne.dk) for at mindske risikoen for, at beskederne havner i spamfilteret hos dig selv eller hos kunden.
• Svar-til: Brug formularens e-mail-tag (f.eks. [your-email]), så du nemt kan besvare henvendelsen direkte fra dit e-mailprogram, når du klikker “Svar”.

For at sikre en høj leveringsdygtighed af dine e-mails anbefaler vi altid at sætte SPF, DKIM og DMARC korrekt op på dit webhotel. Dette validerer dine e-mails og forhindrer, at de afvises af modtagerens server.

Effektiv beskyttelse mod spam

Kontaktformularer tiltrækker uundgåeligt spambots, der gennemsøger nettet. Heldigvis er der flere stærke metoder til at stoppe spam i Contact Form 7 uden at genere dine rigtige brugere med irriterende opgaver:

1. Integration med Akismet

Akismet er et af de stærkeste anti-spam plugins til WordPress. Når du har installeret og aktiveret Akismet, kan du tilføje en specifik attribut til dine formularfelter (f.eks. akismet:author og akismet:author_email). Med dette opsat vil Contact Form 7 automatisk verificere afsenderen op imod Akismets enorme database over kendte spammere.

2. reCAPTCHA v3

Google reCAPTCHA v3 er en usynlig løsning, der vurderer brugerens adfærd på siden og blokerer bots ud fra et scoringssystem, uden at brugerne skal klikke på billeder af trafiklys eller brandhaner. Du aktiverer dette ved at generere API-nøgler fra Google reCAPTCHA og indtaste dem under Kontakt > Integration i dit WordPress-kontrolpanel.

3. Honeypot (Skjulte felter)

Ved at bruge en udvidelse som “Honeypot for Contact Form 7” kan du tilføje et usynligt felt til formularen. Spambots udfylder automatisk alle felter de ser i koden, inklusiv de skjulte felter, og systemet vil derefter blankt afvise formularen. Rigtige brugere ser aldrig feltet, og formularindsendelsen forløber gnidningsfrit for dem.

Tip: Før du foretager større ændringer eller tilføjer nye sikkerhedsplugins, bør du altid tage en backup af din hjemmeside eller teste ændringerne i et lukket staging-miljø.

Fil-uploads og styling af formularer

Tillad fil-uploads

Contact Form 7 understøtter indsendelse af filer som billeder og dokumenter. For at tilføje et upload-felt, bruger du tagget [file]. Det kan se således ud i opsætningen:

[file your-file limit:2mb filetypes:pdf|jpg|png]

Husk at begrænse filstørrelsen (limit) og de tilladte filtyper (filetypes) for at undgå at din server bliver fyldt op unødigt, og for at beskytte din hjemmeside mod ondsindede filer. Uploadede filer gemmes midlertidigt på serveren og vedhæftes direkte i den e-mail, du modtager.

Styling af formularer med CSS

Når du indsætter en Contact Form 7 shortcode, vil formularen som udgangspunkt arve din hjemmesides tema og styling. Har du specifikke designkrav, kan du let tilpasse udseendet via CSS. Contact Form 7 tilføjer en række standard CSS-klasser til formularerne, som du kan målrette i dit stylesheet:

• .wpcf7-form for hele formularen
• .wpcf7-text for tekstfelter
• .wpcf7-submit for send-knappen

Ved at tilføje brugerdefineret CSS kan du ændre baggrundsfarver, justere kantlinjer eller tilføje interaktive hover-effekter på knapper, så formularen fremstår skarp, moderne og professionel.

GDPR-overholdelse med Contact Form 7

Når du indsamler persondata via din hjemmeside, er det afgørende, at du overholder gældende lovgivning. Contact Form 7 gemmer som standard ikke formularindsendelser i din WordPress-database (medmindre du bruger et tillægsplugin som f.eks. Flamingo), hvilket er en stor fordel i et GDPR-perspektiv. Men der er stadig vigtige principper, du skal tage højde for.

Indhentning af samtykke

Du skal sikre, at brugeren giver aktivt samtykke til dine privatlivsbetingelser, før de sender formularen. Du kan nemt tilføje et obligatorisk afkrydsningsfelt:

[acceptance your-consent] Jeg accepterer, at mine data gemmes og behandles i henhold til privatlivspolitikken.

Vær opmærksom på, at feltet ikke må være forhåndsudfyldt, da GDPR kræver en aktiv handling fra brugeren.

Minimer dataindsamlingen

Bed udelukkende om de oplysninger, der er strengt nødvendige for at kunne behandle henvendelsen. Hvis du blot har brug for et navn, en e-mailadresse og en besked, bør du undgå at bede om data som adresse eller by. Jo færre unødvendige persondata du indsamler, jo lettere er det at overholde lovgivningen.

Skal du opsætte sikre og GDPR-kompatible formularer, kan en dedikeret WordPress serviceaftale være en god investering for at sikre, at din hjemmeside løbende holdes opdateret og compliant.

Fejlfinding: Når formularen ikke sender e-mails

Det mest udbredte og frustrerende problem med Contact Form 7 er, når e-mails ikke når frem, selvom formularen melder “succes” til brugeren. Dette skyldes oftest serverens mailopsætning (PHP Mail-funktionen).

For at løse dette bør du konfigurere din WordPress-installation til at sende e-mails via SMTP i stedet for den indbyggede funktion. Et plugin som “WP Mail SMTP” kan nemt opsættes til at sende dine formularbeskeder via en ekstern, dedikeret mailserver ved brug af en krypteret SSL/TLS forbindelse.

Videreudvikling med betinget logik (Conditional Logic)

Standardudgaven af Contact Form 7 er bevidst holdt simpel. Har du brug for betinget logik – for eksempel at vise specifikke opfølgende felter, kun hvis brugeren vælger en bestemt mulighed i en drop-down menu – kan du udvide pluginet med tillægget “Conditional Fields for Contact Form 7”.

Dette giver dig mulighed for at bygge mere avancerede og dynamiske formularer, der pædagogisk guider brugeren og sikrer en mere intuitiv brugeroplevelse, da irrelevante felter holdes skjult indtil de skal bruges.

Få hjælp til din WordPress-hjemmeside

At bygge og vedligeholde sikre og brugervenlige formularer er en vigtig del af at drive en professionel forretning online. Uanset om du søger hjælp til avanceret formularopsætning, har brug for hurtig support, eller overvejer at skifte til et solidt og hurtigt WordPress webhotel, står vi klar til at hjælpe.

Besøg vores kontakt-side for at høre mere om, hvordan vi kan drifte, sikre og optimere din hjemmeside, så dine formularer altid præsterer optimalt.

Ofte stillede spørgsmål om Contact Form 7

Gemmer Contact Form 7 automatisk beskeder i databasen?

Nej, som udgangspunkt videresender Contact Form 7 udelukkende beskederne via e-mail. Ønsker du at gemme beskederne lokalt i din WordPress-database for at have en historik og sikkerhed, skal du installere et supplerende plugin som “Flamingo”, der er udviklet af skaberen bag Contact Form 7.

Kan jeg spore formularudfyldelser i Google Analytics?

Ja, der er flere måder at spore konverteringerne. Du kan opsætte event-tracking direkte på formular-knappen via Google Tag Manager, eller du kan tilføje et lille JavaScript-snippet, der automatisk omdirigerer brugeren til en særskilt “Tak for din henvendelse”-side efter succesfuld afsendelse.

Hvorfor får mine brugere en rød fejlmeddelelse med en rammefejl?

En rød boks med beskeden “Der opstod en fejl under afsendelsen” indikerer oftest, at serveren ikke kunne levere mailen, enten fordi den blev opfattet som spam, eller fordi hostens mail-funktion blev blokeret. Løsningen på dette er at installere et SMTP-plugin, så beskederne sendes via en autentificeret e-mailkonto frem for serverens root-system.