Contact Form 7 koppelen aan Xendy

Inleiding

Met Contact Form 7 kun je eenvoudig formulieren maken in WordPress. Door dit te koppelen aan Xendy komen de inzendingen automatisch in een ‘statisch segment’ terecht. Zo kun je snel nieuwe contacten verzamelen en deze direct gebruiken voor nieuwsbrieven of email automations.

Contact Form 7 formulier maken

Zo installeer je Contact Form 7 en maak je een nieuw formulier aan:

1. Log in op je WordPress-website en ga naar ‘Plugins’ in het linkermenu. Installeer de ‘Contact Form 7’-plugin en de plugin ‘CF7 to webhook’. Activeer na de installatie beide plugins.
2. Kies nu in het linkermenu van WordPress voor ‘Contact’ en klik vervolgens op ‘Nieuwe toevoegen’ om een nieuw formulier aan te maken.
3. Geef het formulier een duidelijke benaming. Hieronder vind je 3 voorbeeld-codes die je kunt plakken.
4. Pas eventueel de buttontekst aan of de placeholders aan en sla het formulier op. Je ziet hierna bovenaan de shortcode staan. Plak deze op de plek waar je het formulier op je website wilt plaatsen.

Contactformulier voorbeeld 1

Contactformulier met alleen e-mailadres en inschrijfbutton.

<label> E-mailadres

  [email* email placeholder “Vul je e-mailadres in”]

</label>

[submit “Inschrijven”]

Contactformulier voorbeeld 2

Contactformulier met alleen e-mailadres, voornaam en inschrijfbutton.

<label> Voornaam

  [text* first_name placeholder “Voornaam”]

</label>

<label> E-mailadres

  [email* email placeholder “Vul je e-mailadres in”]

</label>

[submit “Inschrijven”]

Contactformulier voorbeeld 3

Contactformulier met alleen e-mailadres, voornaam, achternaam en inschrijfbutton.

<label> Voornaam

  [text* first_name placeholder “Voornaam”]

</label>

<label> Achternaam

  [text last_name placeholder “Achternaam”]

</label>

<label> E-mailadres

  [email* email placeholder “Vul je e-mailadres in”]

</label>

[submit “Inschrijven”]

Contact Form 7 formulier koppelen aan Xendy

Zo koppel je je Contact Form 7 formulier via een webhook aan Xendy:

1. Log in bij Xendy en kies in het linkermenu voor ‘Alle contacten’ en klik vervolgens rechts bovenin wederom op ‘Alle contacten’. Kies nu voor ‘Nieuw segment aanmaken’. Kies nu voor ‘Statisch’. Kies nu de naam voor het segment en kies ‘Segment aanmaken’ om het segment aan te maken.
2. Klik nu rechts bovenin op ‘Contacten toevoegen’ en kies ‘Via een webhook’. Er opent nu een pop-up met daarin een URL en een Authorization: Bearer token.
3. Open nu je WordPress-website en ga naar ‘Contact’ in het linkermenu. Open het formulier dat je wilt koppelen en ga naar het tabblad ‘Webhooks’. Plak hier de URL en voeg vervolgens bij ‘Headers’ de Authorization: Bearer. Plak hier de volledige waarde, dus ‘Authorization: Bearer abc123’ (incl. de volledige code). Kies ‘Opslaan’ om het formulier op te slaan.

Koppeling testen

Om te controleren of alles goed werkt, kun je een test doen:

1. Ga naar de pagina op je website waar je het formulier hebt geplaatst.
2. Vul het formulier in met een test e-mailadres (bijvoorbeeld je eigen adres).
3. Log in bij Xendy en kies in het linkermenu voor ‘Alle contacten’ en klik vervolgens rechts bovenin wederom op ‘Alle contacten’. Kies nu voor het segment dat je hebt aangemaakt. Zoek in de lijst of je het e-mailadres ziet verschijnen.

Extra velden toevoegen

Het veld email is altijd verplicht. Wil je ook een voornaam meesturen, dan moet dit veld first_name heten. Voor een achternaam gebruik je de naam last_name. Andere velden mag je zelf een naam geven. Deze worden automatisch toegevoegd in Xendy en kun je daarna gebruiken in segmenten of personalisatie.

Veelgestelde vragen