{"id":98,"date":"2024-11-22T13:53:46","date_gmt":"2024-11-22T13:53:46","guid":{"rendered":"https:\/\/xendy.me\/create\/?p=98"},"modified":"2025-10-27T18:47:45","modified_gmt":"2025-10-27T18:47:45","slug":"contact-form-7-integration","status":"publish","type":"post","link":"https:\/\/support.xendy.me\/en\/contact-form-7-integration\/","title":{"rendered":"Connect Contact Form 7 with Xendy"},"content":{"rendered":"<div class=\"row\"  id=\"row-1218871961\">\n\n\t<div id=\"col-19419049\" 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>Contents<\/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=\"#introduction\">Introduction<\/a><\/div><div style=\"font-weight: 500; font-size: 12px;\"><a href=\"#create-a-contact-form-7-form\">Create a Contact Form 7 form<\/a><\/div><div style=\"font-weight: 500; font-size: 12px;\"><a href=\"#connect-contact-form-7-to-xendy\">Connect Contact Form 7 to Xendy<\/a><\/div><div style=\"font-weight: 500; font-size: 12px;\"><a href=\"#test-the-connection\">Test the connection<\/a><\/div><div style=\"font-weight: 500; font-size: 12px;\"><a href=\"#add-extra-fields\">Add extra fields<\/a><\/div><div style=\"font-weight: 500; font-size: 12px;\"><a href=\"#frequently-asked-questions\">Frequently Asked Questions<\/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-105438615\" 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=\"introduction\">Introduction<\/h2>\n<p>With Contact Form 7, you can easily create forms in WordPress. By connecting this to Xendy, submissions are automatically added to a \u2018<b>static segment<\/b>\u2019. This allows you to quickly collect new contacts and immediately use them for newsletters or email automations.<\/p>\n<h2 id=\"create-a-contact-form-7-form\">Create a Contact Form 7 form<\/h2>\n<p>Here\u2019s how to install Contact Form 7 and create a new form:<\/p>\n<ol>\n<li aria-level=\"1\">Log in to your WordPress website and go to \u2018<b>Plugins<\/b>\u2019 in the left menu. Install the \u2018<b>Contact Form 7<\/b>\u2019 plugin and the \u2018<b>CF7 to webhook<\/b>\u2019 plugin. Activate both plugins after installation.<\/li>\n<li aria-level=\"1\">In the WordPress left menu, choose \u2018Contact\u2019 and then click \u2018<b>Add New<\/b>\u2019 to create a new form.<\/li>\n<li aria-level=\"1\">Give the form a clear name. Below are 3 example codes you can paste.<\/li>\n<li>Optionally edit the button text or placeholders and save the form. You will then see the shortcode at the top. Paste this wherever you want the form to appear on your website.<\/li>\n<\/ol>\n<h3>Contact form example 1<\/h3>\n<p>Contact form with only email address and subscribe button.<\/p>\n<p>&lt;label&gt; Email address<\/p>\n<p>  [email* email placeholder &#8220;Enter your email address&#8221;]\n<p>&lt;\/label&gt;<\/p>\n[submit &#8220;Subscribe&#8221;]\n<h3>Contact form example 2<\/h3>\n<p>Contact form with email address, first name, and subscribe button.<\/p>\n<p>&lt;label&gt; First name<\/p>\n<p>  [text* first_name placeholder &#8220;First name&#8221;]\n<p>&lt;\/label&gt;<\/p>\n<p>&lt;label&gt; Email address<\/p>\n<p>  [email* email placeholder &#8220;Enter your email address&#8221;]\n<p>&lt;\/label&gt;<\/p>\n[submit &#8220;Subscribe&#8221;]\n<h3>Contact form example 3<\/h3>\n<p>Contact form with email address, first name, last name, and subscribe button.<\/p>\n<p>&lt;label&gt; First name<\/p>\n<p>  [text* first_name placeholder &#8220;First name&#8221;]\n<p>&lt;\/label&gt;<\/p>\n<p>&lt;label&gt; Last name<\/p>\n<p>  [text last_name placeholder &#8220;Last name&#8221;]\n<p>&lt;\/label&gt;<\/p>\n<p>&lt;label&gt; Email address<\/p>\n<p>  [email* email placeholder &#8220;Enter your email address&#8221;]\n<p>&lt;\/label&gt;<\/p>\n[submit &#8220;Subscribe&#8221;]\n<h2 id=\"connect-contact-form-7-to-xendy\">Connect Contact Form 7 to Xendy<\/h2>\n<p>Here\u2019s how to connect your Contact Form 7 form to Xendy via a webhook:<\/p>\n<ol>\n<li aria-level=\"1\">Log in to Xendy and go to \u2018<b>All contacts<\/b>\u2019 in the left menu, then click \u2018<b>All contacts<\/b>\u2019 again in the top right. Choose \u2018Create new segment\u2019. Select \u2018Static\u2019. Choose a name for the segment and click \u2018<b>Create segment<\/b>\u2019.<\/li>\n<li aria-level=\"1\">Now click \u2018<b>Add contacts<\/b>\u2019 in the top right and choose \u2018<b>Via a webhook<\/b>\u2019. A pop-up will appear with a URL and an Authorization: Bearer token.<\/li>\n<li aria-level=\"1\">Open your WordPress website and go to \u2018<b>Contact<\/b>\u2019 in the left menu. Open the form you want to connect and go to the \u2018<b>Webhooks<\/b>\u2019 tab. Paste the URL here and add the Authorization header. Paste the full value: \u2018<b>Authorization: Bearer abc123<\/b>\u2019 (including the full code). Click \u2018Save\u2019 to save the form.<\/li>\n<\/ol>\n<h2 id=\"test-the-connection\">Test the connection<\/h2>\n<p>To make sure everything works properly, you can run a test:<\/p>\n<ol>\n<li aria-level=\"1\">Go to the page on your website where you placed the form.<\/li>\n<li aria-level=\"1\">Fill in the form with a test email address (for example, your own address).<\/li>\n<li aria-level=\"1\">Log in to Xendy and go to \u2018<b>All contacts<\/b>\u2019 in the left menu, then click \u2018<b>All contacts<\/b>\u2019 again in the top right. Choose the segment you created and check if you see the email address appear in the list.<\/li>\n<\/ol>\n<h2 id=\"add-extra-fields\">Add extra fields<\/h2>\n<p>The field \u2018email\u2019 is always required. If you want to include a first name, the field must be named first_name. For a last name, use the name last_name. You may choose any name for other fields. These will automatically be added in Xendy and you can use them in segments or personalization.<\/p>\n<h2 id=\"frequently-asked-questions\">Frequently Asked Questions<\/h2>\n<div class=\"accordion\">\n\t<div id=\"accordion-128842692\" class=\"accordion-item\">\n\t\t<a id=\"accordion-128842692-label\" class=\"accordion-title plain\" href=\"#accordion-item-can-i-add-extra-fields?\" aria-expanded=\"false\" aria-controls=\"accordion-128842692-content\" >\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\"><\/i><\/button>\n\t\t\t<span>Can I add extra fields?<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-128842692-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-128842692-label\" >\n\t\t\t\n<p>The field \u2018email\u2019 is always required. If you want to include a first name, the field must be named first_name. For a last name, use the name last_name. You may choose any name for other fields. These will automatically be added in Xendy and can then be used in segments or personalization.<\/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":[1],"tags":[],"class_list":["post-98","post","type-post","status-publish","format-standard","hentry","category-integrations"],"_links":{"self":[{"href":"https:\/\/support.xendy.me\/en\/wp-json\/wp\/v2\/posts\/98","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.xendy.me\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/support.xendy.me\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/support.xendy.me\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/support.xendy.me\/en\/wp-json\/wp\/v2\/comments?post=98"}],"version-history":[{"count":11,"href":"https:\/\/support.xendy.me\/en\/wp-json\/wp\/v2\/posts\/98\/revisions"}],"predecessor-version":[{"id":1776,"href":"https:\/\/support.xendy.me\/en\/wp-json\/wp\/v2\/posts\/98\/revisions\/1776"}],"wp:attachment":[{"href":"https:\/\/support.xendy.me\/en\/wp-json\/wp\/v2\/media?parent=98"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/support.xendy.me\/en\/wp-json\/wp\/v2\/categories?post=98"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/support.xendy.me\/en\/wp-json\/wp\/v2\/tags?post=98"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}