Opret kontaktformular med Contact Form 7 til din hjemmeside

Alle videoer i tutorialen

I det følgende vil du få en detaljeret vejledning til oprettelse af et kontaktformular med det populære plugin Contact Form 7. Du vil lære, hvordan du installerer pluginet, konfigurerer en simpel, funktionel kontaktformular, og hvordan du integrerer den på din hjemmeside. Lad os komme i gang med det samme!

Vigtigste indsigter

  • Med Contact Form 7 opretter du hurtigt og nemt kontaktformularer.
  • Tilpassede felter giver dig mulighed for at anmode om specifik information fra brugerne.
  • Den oprettede formular kan nemt indsættes med en shortcode på en side eller et indlæg.

Trin 1: Opret kontaktformular

Først skal du gå til "WPFs" i dit WordPress-administrationsområde. Her kan du vælge at se alle eksisterende formularer eller oprette en ny formular ved at oprette. Vælg "Tilføj ny formular" for at generere en ny kontaktformular.

Opret et kontaktformular med Contact Form 7 til din hjemmeside

Du vil ende på konfigurationsskærmen, hvor du kan tilpasse din formular. Vælg skabelonen til en kontaktformular. Normalt er en simpel kontaktformular tilstrækkelig, men du kan også oprette en formular til nyhedsbrevtilmeldinger, hvis du har brug for det.

Opret kontaktformular med Contact Form 7 til din hjemmeside

Trin 2: Tilpas felterne

Nu er det tid til at designe formularen efter dine ønsker. Du kan beslutte, hvilke felter du absolut har brug for. I dette tilfælde tilføjer vi felterne for navn, e-mailadresse og besked. For at give en mere uformel fornemmelse skal du vælge layout i fuld bredde.

Opret en kontaktformular med Contact Form 7 til din hjemmeside

Hvis du ønsker at indhente flere oplysninger fra dine brugere, kan du også tilføje afkrydsningsfelter. For eksempel bør du integrere et afkrydsningsfelt for databeskyttelsesbestemmelserne og tydeligt angive, at brugeren har læst og accepteret dem.

Opret kontaktformular med Contact Form 7 til din hjemmeside

Husk at markere afkrydsningsfeltet som et obligatorisk felt, så brugeren ikke kan ignorere det. Dette sikrer, at alle nødvendige oplysninger bliver indtastet, før formularen sendes.

Opret en kontaktformular med Contact Form 7 til din hjemmeside

Trin 3: Gem formularen

Når du har konfigureret alle nødvendige felter, skal du gemme formularen. Kontroller også underretningerne, der sendes til webstedets administrator, når nogen tilmelder sig gennem kontaktformularen.

Opret en kontaktformular med Contact Form 7 til din hjemmeside

Her kan du angive afsenderens navn samt svare-mailadressen til indkommende beskeder. Sørg for, at alle felter vises korrekt, når du gemmer underretningen.

Trin 4: Konfigurer bekræftelsesmeddelelse

Bekræftelsesmeddelelsen, der vises efter indsendelse af formularen, er lige så vigtig. Du kan indtaste en personlig meddelelse, der vises for brugerne efter indsendelse af deres kontaktoplysninger.

Opret kontaktformular med Contact Form 7 til din hjemmeside

Trin 5: Indsæt kontaktformular på en side

Nu hvor formularen er oprettet og konfigureret, skal du indsætte den på en af dine hjemmesider. Opret en ny side i WordPress og vælg Elementor-editoren.

Opret kontaktformular med Contact Form 7 til din hjemmeside

Søg efter WP-elementet og indsæt kontaktformularen via shortcoden. Du bør nu være i stand til at vise din kontaktformular på siden.

Opret en kontaktformular med Contact Form 7 til din hjemmeside

Trin 6: Test kontaktformularen

Det er vigtigt, at du tester formularen nu for at sikre, at alt fungerer. Udfyld felterne med oplysninger og klik på "Send". Sørg for, at bekræftelsesmeddelelsen vises korrekt, og kontroller, om e-mailen sendes til de angivne adresser.

Opret kontaktformular med Contact Form 7 til din hjemmeside

Opsummering - Opret kontaktformular med Contact Form 7

Med denne vejledning har du lært, hvordan du opretter en kontaktformular med pluginet Contact Form 7. Fra konfigurationen af felterne til indsættelse af formularen på din hjemmeside – alle trin er beskrevet i detaljer.

FAQ

Hvordan installerer jeg Contact Form 7-pluginet?Du kan finde og installere pluginet direkte gennem WordPress-dashboardet under "Plugins" > "Installer".

Kan jeg tilpasse formularens design?Ja, du kan tilpasse designet af kontaktformularen ved at formatere bredden, farverne og felterne efter dine ønsker.

Hvordan modtager jeg beskeder fra kontaktformularen?Beskederne sendes til den e-mailadresse, der er angivet i underretningsindstillingerne.