Formulier bewerken (Contact Form 7)

Inleiding

Contact Form 7 is een veelgebruikte plugin om contactformulieren op uw website te beheren. Met deze plugin kunt u bestaande formulieren aanpassen, nieuwe velden toevoegen of teksten wijzigen zonder dat u hoeft te programmeren. In deze handleiding leest u hoe u stap voor stap een bestaand formulier bewerkt.

Waar vindt u Contact Form 7?

1. Log in via www.jouwdomeinnaam.nl/wp-admin.
2. Ga in het linker menu naar Contact (of Contact → Contactformulieren).

U ziet nu een overzicht van alle formulieren die op uw website zijn aangemaakt.

Een bestaand formulier openen

1. Zoek in de lijst het formulier dat u wilt aanpassen, bijvoorbeeld Contactformulier of Offerteformulier.
2. Klik op de titel van het formulier om het te openen.

U komt nu in de bewerkingsomgeving van dit formulier.

Opbouw van het formulier

Het formulier bestaat uit een combinatie van HTML-tekst en speciale Contact Form 7-tags. Elke tag vertegenwoordigt een veld, zoals een naam, e-mailadres, onderwerp of bericht.

Voorbeeld van een eenvoudig formulier:

<label> Uw naam
</label>
<label> Uw e-mailadres
</label>
<label> Onderwerp
</label>
<label> Uw bericht
</label>

Velden toevoegen

Boven het formulier ziet u knoppen zoals:

• Tekst
• E-mail
• Tel
• Keuzerondje
• Selectievakje
• Dropdown
• Bestand uploaden

Voorbeeld: nieuw telefoonveld toevoegen

1. Klik op de knop Tel.
2. Er opent een venster met instellingen voor dit veld.
3. Geef het veld een naam, bijvoorbeeld your-phone.
4. Kies of het veld verplicht is (aanvinken bij Verplicht veld).
5. Klik op Tag invoegen.

De tag wordt ingevoegd op de plek waar uw cursor stond, bijvoorbeeld:

U kunt hier zelf een label omheen zetten:

<label> Uw telefoonnummer
</label>

Bestaande velden aanpassen

U kunt een bestaand veld aanpassen door de tag in de editor te wijzigen.

Voorbeeld: naamveld hernoemen

Oude versie:

Nieuwe versie (niet verplicht):

Wanneer u de * verwijdert, is het veld niet langer verplicht. U kunt ook de veldnaam aanpassen, maar let erop dat u deze naam dan ook in de e-mailtemplate gebruikt (tabblad Mail).

Teksten rond het formulier aanpassen

U kunt teksten boven of onder het formulier plaatsen, bijvoorbeeld introductietekst of uitleg.

Voorbeeld:

<p>Vul onderstaand formulier in en wij nemen zo snel mogelijk contact met u op.</p>
<label> Uw naam
</label>

Verplichte velden instellen

Een veld is verplicht wanneer in de tag een * staat, zoals:

Verwijdert u het sterretje (*), dan wordt het veld optioneel:

Formulier opslaan

1. Als u klaar bent met bewerken, klikt u op de knop Opslaan.
2. Controleer of er geen foutmeldingen verschijnen bovenaan.

De wijzigingen worden direct doorgevoerd op alle pagina’s waar dit formulier is ingevoegd.

Waar staat het formulier op de website?

Bovenaan het formulier ziet u een shortcode, bijvoorbeeld:

Deze shortcode wordt geplaatst op pagina’s, in berichten of in Elementor-widgets. Als u de shortcode terugvindt op een pagina, weet u waar dit formulier wordt getoond.

Formulier testen

1. Ga naar de pagina waar het formulier staat.
2. Vul het formulier volledig in.
3. Klik op verzenden.
4. Controleer of:
   • Er een bedankmelding verschijnt.
   • De e-mail binnenkomt op het ingestelde adres.

Veelvoorkomende fouten

Het formulier geeft een rode foutmelding

• Controleer of alle verplichte velden zijn ingevuld.
• Controleer of het e-mailadresveld een -tag gebruikt.
• Controleer in het tabblad Mail of alle gebruikte veldnamen correct zijn overgenomen.

Het formulier wordt niet weergegeven op de pagina

• Controleer of de juiste shortcode op de pagina staat.
• Controleer of er geen caching of builderconflict is (bijvoorbeeld met Elementor secties).

Kort samengevat

• U bewerkt formulieren via Contact → Contactformulieren.
• Formulieren bestaan uit tekst en Contact Form 7-tags.
• Nieuwe velden voegt u toe via de knoppen boven de editor.
• Verplichte velden hebben een * in de tag.
• Na opslaan worden wijzigingen direct actief op alle pagina’s met die shortcode.

Hulp nodig?

We reageren meestal binnen 24–48 uur. Uw oplossing is maar één berichtje van u vandaan.