{"id":800,"date":"2024-11-22T13:53:46","date_gmt":"2024-11-22T13:53:46","guid":{"rendered":"https:\/\/xendy.me\/support\/ongecategoriseerd\/contact-form-7-koppelen-met-xendy\/"},"modified":"2025-10-27T18:48:08","modified_gmt":"2025-10-27T18:48:08","slug":"contact-form-7-koppeling","status":"publish","type":"post","link":"https:\/\/support.xendy.me\/nl\/contact-form-7-koppeling\/","title":{"rendered":"Contact Form 7 koppelen aan Xendy"},"content":{"rendered":"<div class=\"row\"  id=\"row-867257188\">\n\n\t<div id=\"col-1379360768\" class=\"col medium-4 small-12 large-4\"  >\n\t\t<div class=\"is-sticky-column\" data-sticky-mode=\"javascript\"><div class=\"is-sticky-column__inner\">\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Inhoud<\/h3>\n<div class=\"article-index\" style=\"margin-bottom: 20px;\"><style>\n        .article-index a:hover {\n            text-decoration: underline;\n        }\n    <\/style><div style=\"font-weight: 500; font-size: 12px;\"><a href=\"#inleiding\">Inleiding<\/a><\/div><div style=\"font-weight: 500; font-size: 12px;\"><a href=\"#contact-form-7-formulier-maken\">Contact Form 7 formulier maken<\/a><\/div><div style=\"font-weight: 500; font-size: 12px;\"><a href=\"#contact-form-7-formulier-koppelen-aan-xendy\">Contact Form 7 formulier koppelen aan Xendy<\/a><\/div><div style=\"font-weight: 500; font-size: 12px;\"><a href=\"#koppeling-testen\">Koppeling testen<\/a><\/div><div style=\"font-weight: 500; font-size: 12px;\"><a href=\"#extra-velden-toevoegen\">Extra velden toevoegen<\/a><\/div><div style=\"font-weight: 500; font-size: 12px;\"><a href=\"#veelgestelde-vragen\">Veelgestelde vragen<\/a><\/div><\/div>\n\t\t<\/div>\n\t\t<\/div><\/div>\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1607366443\" class=\"col medium-8 small-12 large-8\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2 id=\"inleiding\">Inleiding<\/h2>\n<p>Met Contact Form 7 kun je eenvoudig formulieren maken in WordPress. Door dit te koppelen aan Xendy komen de inzendingen automatisch in een \u2018<b>statisch segment<\/b>\u2019 terecht. Zo kun je snel nieuwe contacten verzamelen en deze direct gebruiken voor nieuwsbrieven of email automations.<\/p>\n<h2 id=\"contact-form-7-formulier-maken\">Contact Form 7 formulier maken<\/h2>\n<p>Zo installeer je Contact Form 7 en maak je een nieuw formulier aan:<\/p>\n<ol>\n<li aria-level=\"1\">Log in op je WordPress-website en ga naar \u2018<b>Plugins<\/b>\u2019 in het linkermenu. Installeer de \u2018<b>Contact Form 7<\/b>\u2019-plugin en de plugin \u2018<b>CF7 to webhook<\/b>\u2019. Activeer na de installatie beide plugins.<\/li>\n<li aria-level=\"1\">Kies nu in het linkermenu van WordPress voor \u2018Contact\u2019 en klik vervolgens op \u2018<b>Nieuwe toevoegen<\/b>\u2019 om een nieuw formulier aan te maken.<\/li>\n<li aria-level=\"1\">Geef het formulier een duidelijke benaming. Hieronder vind je 3 voorbeeld-codes die je kunt plakken.<\/li>\n<li>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.<\/li>\n<\/ol>\n<h3>Contactformulier voorbeeld 1<\/h3>\n<p>Contactformulier met alleen e-mailadres en inschrijfbutton.<\/p>\n<p>&lt;label&gt; E-mailadres<\/p>\n<p>\u00a0\u00a0[email* email placeholder &#8220;Vul je e-mailadres in&#8221;]\n<p>&lt;\/label&gt;<\/p>\n[submit &#8220;Inschrijven&#8221;]\n<h3>Contactformulier voorbeeld 2<\/h3>\n<p>Contactformulier met alleen e-mailadres, voornaam en inschrijfbutton.<\/p>\n<p>&lt;label&gt; Voornaam<\/p>\n<p>\u00a0\u00a0[text* first_name placeholder &#8220;Voornaam&#8221;]\n<p>&lt;\/label&gt;<\/p>\n<p>&lt;label&gt; E-mailadres<\/p>\n<p>\u00a0\u00a0[email* email placeholder &#8220;Vul je e-mailadres in&#8221;]\n<p>&lt;\/label&gt;<\/p>\n[submit &#8220;Inschrijven&#8221;]\n<h3>Contactformulier voorbeeld 3<\/h3>\n<p>Contactformulier met alleen e-mailadres, voornaam, achternaam en inschrijfbutton.<\/p>\n<p>&lt;label&gt; Voornaam<\/p>\n<p>\u00a0\u00a0[text* first_name placeholder &#8220;Voornaam&#8221;]\n<p>&lt;\/label&gt;<\/p>\n<p>&lt;label&gt; Achternaam<\/p>\n<p>\u00a0\u00a0[text last_name placeholder &#8220;Achternaam&#8221;]\n<p>&lt;\/label&gt;<\/p>\n<p>&lt;label&gt; E-mailadres<\/p>\n<p>\u00a0\u00a0[email* email placeholder &#8220;Vul je e-mailadres in&#8221;]\n<p>&lt;\/label&gt;<\/p>\n[submit &#8220;Inschrijven&#8221;]\n<h2 id=\"contact-form-7-formulier-koppelen-aan-xendy\">Contact Form 7 formulier koppelen aan Xendy<\/h2>\n<p>Zo koppel je je Contact Form 7 formulier via een webhook aan Xendy:<\/p>\n<ol>\n<li aria-level=\"1\">Log in bij Xendy en kies in het linkermenu voor \u2018<b>Alle contacten<\/b>\u2019 en klik vervolgens rechts bovenin wederom op \u2018<b>Alle contacten<\/b>\u2019. Kies nu voor \u2018Nieuw segment aanmaken\u2019. Kies nu voor \u2018Statisch\u2019. Kies nu de naam voor het segment en kies \u2018<b>Segment aanmaken<\/b>\u2019 om het segment aan te maken.<\/li>\n<li aria-level=\"1\">Klik nu rechts bovenin op \u2018<b>Contacten toevoegen<\/b>\u2019 en kies \u2018<b>Via een webhook<\/b>\u2019. Er opent nu een pop-up met daarin een URL en een Authorization: Bearer token.<\/li>\n<li aria-level=\"1\">Open nu je WordPress-website en ga naar \u2018<b>Contact<\/b>\u2019 in het linkermenu. Open het formulier dat je wilt koppelen en ga naar het tabblad \u2018<b>Webhooks<\/b>\u2019. Plak hier de URL en voeg vervolgens bij \u2018Headers\u2019 de Authorization: Bearer. Plak hier de volledige waarde, dus \u2018<b>Authorization: Bearer abc123<\/b>\u2019 (incl. de volledige code). Kies \u2018Opslaan\u2019 om het formulier op te slaan.<\/li>\n<\/ol>\n<h2 id=\"koppeling-testen\">Koppeling testen<\/h2>\n<p>Om te controleren of alles goed werkt, kun je een test doen:<\/p>\n<ol>\n<li aria-level=\"1\">Ga naar de pagina op je website waar je het formulier hebt geplaatst.<\/li>\n<li aria-level=\"1\">Vul het formulier in met een test e-mailadres (bijvoorbeeld je eigen adres).<\/li>\n<li aria-level=\"1\">Log in bij Xendy en kies in het linkermenu voor \u2018<b>Alle contacten<\/b>\u2019 en klik vervolgens rechts bovenin wederom op \u2018<b>Alle contacten<\/b>\u2019. Kies nu voor het segment dat je hebt aangemaakt. Zoek in de lijst of je het e-mailadres ziet verschijnen.<\/li>\n<\/ol>\n<h2 id=\"extra-velden-toevoegen\">Extra velden toevoegen<\/h2>\n<p>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.<\/p>\n<h2 id=\"veelgestelde-vragen\">Veelgestelde vragen<\/h2>\n<div class=\"accordion\">\n\t<div id=\"accordion-3692509609\" class=\"accordion-item\">\n\t\t<a id=\"accordion-3692509609-label\" class=\"accordion-title plain\" href=\"#accordion-item-kan-ik-extra-velden-toevoegen?\" aria-expanded=\"false\" aria-controls=\"accordion-3692509609-content\" >\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\"><\/i><\/button>\n\t\t\t<span>Kan ik extra velden toevoegen?<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-3692509609-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-3692509609-label\" >\n\t\t\t\n<p>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.<\/p>\n\t\t<\/div>\n\t<\/div>\n\t\n<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[],"class_list":["post-800","post","type-post","status-publish","format-standard","hentry","category-integraties"],"_links":{"self":[{"href":"https:\/\/support.xendy.me\/nl\/wp-json\/wp\/v2\/posts\/800","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.xendy.me\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/support.xendy.me\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/support.xendy.me\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/support.xendy.me\/nl\/wp-json\/wp\/v2\/comments?post=800"}],"version-history":[{"count":13,"href":"https:\/\/support.xendy.me\/nl\/wp-json\/wp\/v2\/posts\/800\/revisions"}],"predecessor-version":[{"id":1777,"href":"https:\/\/support.xendy.me\/nl\/wp-json\/wp\/v2\/posts\/800\/revisions\/1777"}],"wp:attachment":[{"href":"https:\/\/support.xendy.me\/nl\/wp-json\/wp\/v2\/media?parent=800"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/support.xendy.me\/nl\/wp-json\/wp\/v2\/categories?post=800"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/support.xendy.me\/nl\/wp-json\/wp\/v2\/tags?post=800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}