Hoe maak ik een contactformulier en hoe stel ik deze in?

xel support

Je kunt een of meerdere contactformulieren toepassen op je website. De meeste websites hebben 1 contactformulier, maar je zou nog een tweede contactformulier aan kunnen maken, zodat men zich bijvoorbeeld kan aanmelden voor het ontvangen van jouw nieuwsbrief.

Nieuw contactformulier aanmaken

Stappenplan:

  • Ga naar het WordPress dashboard en klik in het navigatiemenu aan de linkerzijde op “Contact”
  • Je ziet nu een overzicht van de contactformulieren. Klik op de knop “Nieuwe toevoegen”
  • Je bent nu in het “Contactformulier toevoegen” scherm. Op het tabblad “Formulier” richt je het contactformulier in. Omdat je als Zilch gebruiker géén standaard WordPress installatie gebruikt, werkt ook Contact form 7 anders dan normaal. Om die reden hebben we een aantal contact formulieren voor je bedacht, zodat je deze alleen hoeft te kopiëren naar het tabblad “formulier.”
  • Klik op de blauwe knop: opslaan.

Standaard contactformulier:

Dit formulier heeft de volgende velden:

  • Naam
  • E-mailadres
  • Onderwerp
  • Bericht

[text* your-name autocomplete:name “Vul hier je naam in” “Naam”]

[email* your-email autocomplete:email “Vul hier je e-mailadres in” “E-mailadres”]

[text* your-subject “Vul hier het onderwerp in” “Onderwerp”]

[textarea your-message “Vul hier je bericht in” “Bericht”]

[submit “Verzenden”]

Contactformulier voor aanmelden nieuwsbrief:

Dit formulier heeft de volgende velden:

  • Naam
  • E-mailadres

[text* your-name autocomplete:name “Vul hier je naam in” “Naam”]

[email* your-email autocomplete:email “Vul hier je e-mailadres in” “E-mailadres”]

[submit “Verzenden”]

Extra informatie over het opbouwen van een contactformulier

Hieronder zie je hoe de opbouw werkt. Je kunt een Placeholder en een label plaatsen. De Placeholder wordt in het veld weergeven en het Label boven het veld. Op die manier weet de bezoeker van jouw website wat waar ingevuld dient te worden.

Opbouw: your-name:
[text* your-name autocomplete:name “PLACEHOLDER” “LABEL”]

Werkend voorbeeld:
[text* your-name autocomplete:name “Vul hier je naam in” “Naam”]