{"id":23969,"date":"2024-06-30T16:31:36","date_gmt":"2024-06-30T10:31:36","guid":{"rendered":"https:\/\/hasthemes.com\/?post_type=docs&#038;p=23969"},"modified":"2024-06-30T16:31:40","modified_gmt":"2024-06-30T10:31:40","password":"","slug":"mailchimp-extension-of-cf7-extensions","status":"publish","type":"docs","link":"https:\/\/hasthemes.com\/docs\/mailchimp-extension-of-cf7-extensions\/","title":{"rendered":"MailChimp Extension of CF7 Extensions"},"content":{"rendered":"\n<p>If you want to integrate Mailchimp with your contact form, the &#8220;Mailchimp Extension&#8221; could be an ideal solution.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Contact Form 7 Mailchimp Extension | Mailchimp for Contact Form 7 Integration | CF7 Tutorial Part: 5\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/Su6An8xzDic?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\"><div class=\"wp-block-group__inner-container\">\n<h2 class=\"wp-block-heading\">Enabling The MailChimp Extension<\/h2>\n\n\n\n<p>First, we'll see how to enable the extension. Just like other extensions, you can follow the same process to activate the &#8220;<strong>Mailchimp<\/strong>&#8221; extension.<\/p>\n\n\n\n<p>If you are logged in to your dashboard, start by visiting the &#8220;<strong>HT CF7 Extension<\/strong>.&#8221; Afterward, head over to the &#8220;<strong>Extensions<\/strong>&#8221; tab and locate the &#8220;<strong>Mailchimp<\/strong>&#8221; extension.<\/p>\n\n\n\n<p>Next, turn the switcher option on to enable the extension and press &#8220;<strong>Save Settings<\/strong>.&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border is-style-default\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"403\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/enable-mailchimp-1024x403.png\" alt=\"\" class=\"has-border-color wp-image-23980\" style=\"border-color:var(--ast-global-color-4);border-width:1px;border-radius:5px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/enable-mailchimp-1024x403.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/enable-mailchimp-300x118.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/enable-mailchimp-768x302.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/enable-mailchimp-360x142.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/enable-mailchimp.png 1524w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>Enabling MailChimp Extension<\/strong><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\"><div class=\"wp-block-group__inner-container\">\n<h2 class=\"wp-block-heading\">Set up the MailChimp integration with a form<\/h2>\n\n\n\n<p>In this section, we'll walk you through a few simple steps for integrating Mailchimp with a form.<\/p>\n\n\n\n<p>After enabling the extension, visit the settings page of the &#8220;<strong>Contact Form 7<\/strong>&#8221; plugin. If you take a look at the tab section, you will notice a new tab named &#8220;<strong>HT Mailchimp<\/strong>.&#8221; This is where you can set up the Mailchimp integration with one of your forms. <\/p>\n\n\n\n<p>Let's get introduced to the options available inside the &#8220;<strong>HT Mailchimp<\/strong>&#8221; tab in the latter section. Before anything else, choose which contact form you want to integrate Mailchimp with. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img decoding=\"async\" width=\"1024\" height=\"660\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/mailchimp-options-1024x660.png\" alt=\"\" class=\"wp-image-23987\" style=\"width:1024px;height:auto\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/mailchimp-options-1024x660.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/mailchimp-options-300x193.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/mailchimp-options-768x495.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/mailchimp-options-1536x990.png 1536w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/mailchimp-options-360x232.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/mailchimp-options.png 1603w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>MailChimp Option tabs<\/strong><\/figcaption><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\">MailChimp API Key<\/h3>\n\n\n\n<p>The first field you see here is for connecting the &#8220;<strong>Contact Form 7<\/strong>&#8221; plugin with Mailchimp. To do so, here's what you need:<\/p>\n\n\n\n<p>Find or generate an API key from your Mailchimp account, insert it into the field, and click &#8220;<strong>Connect with Mailchimp<\/strong>.&#8221;<\/p>\n\n\n\n<p>For your convenience, please refer to the doc below and learn how to generate a Mailchimp API key:<\/p>\n\n\n\n<p><em><strong>https:\/\/mailchimp.com\/help\/about-api-keys\/<\/strong><\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"664\" height=\"171\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/mailchimp-api-key-1.png\" alt=\"\" class=\"wp-image-23990\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/mailchimp-api-key-1.png 664w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/mailchimp-api-key-1-300x77.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/mailchimp-api-key-1-360x93.png 360w\" sizes=\"(max-width: 664px) 100vw, 664px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\">Your Mailchimp Lists<\/h3>\n\n\n\n<p>If you have already created any lists under a Mailchimp API key, this option will display them in a dropdown option. From here, you can select the list where you want to store the Mailchimp data.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"693\" height=\"169\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/mailchimp-list.png\" alt=\"\" class=\"wp-image-23994\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/mailchimp-list.png 693w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/mailchimp-list-300x73.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/mailchimp-list-360x88.png 360w\" sizes=\"(max-width: 693px) 100vw, 693px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\">MailChimp Subscriber's email, name & custom fields<\/h3>\n\n\n\n<p>If you scroll down a bit, you will notice a few fields, which will receive different data from the subscribers. Therefore, be sure to insert the correct tag for each field.<\/p>\n\n\n\n<p>For instance,  to receive a subscriber's email, insert the email field name that you have used in your contact form. The same goes for other fields.<\/p>\n\n\n\n<p>Furthermore, you can add custom fields if you need. To do so, you need to check the box that says &#8220;<strong>Add more fields to send Mailchimp.com<\/strong>&#8221; first. Once you check the box, you will find options to add customer fields.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1372\" height=\"389\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/mailchimp-field-2.png\" alt=\"\" class=\"wp-image-23996\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/mailchimp-field-2.png 1372w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/mailchimp-field-2-300x85.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/mailchimp-field-2-1024x290.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/mailchimp-field-2-768x218.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/mailchimp-field-2-360x102.png 360w\" sizes=\"(max-width: 1372px) 100vw, 1372px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\">Subscription and Required User Acceptance<\/h3>\n\n\n\n<p>If you want to disable the Mailchimp subscription, head to the &#8220;<strong>Subscription<\/strong>&#8221; field and check the box saying &#8220;<strong>Disable<\/strong>.&#8221;<\/p>\n\n\n\n<p>Next is the &#8220;<strong>Required User Acceptance<\/strong>&#8221; field, using which you can make it required for Mailchimp to receive user consent before receiving any data.<\/p>\n\n\n\n<p>To achieve this, here is what you need to do:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Create and configure an <strong>acceptance field<\/strong> in your contact form.<\/li>\n\n\n\n<li>Copy the tag name used for the acceptance field and insert it into the &#8220;<strong>Required User Acceptance<\/strong>&#8221; field.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1369\" height=\"232\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/aacceptance.png\" alt=\"\" class=\"wp-image-24015\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/aacceptance.png 1369w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/aacceptance-300x51.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/aacceptance-1024x174.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/aacceptance-768x130.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/aacceptance-360x61.png 360w\" sizes=\"(max-width: 1369px) 100vw, 1369px\" \/><figcaption class=\"wp-element-caption\"><strong>Required User Acceptance<\/strong><\/figcaption><\/figure>\n\n\n\n<p>After add the Acceptance Tag name on the required user acceptance file, you can see the user permission field before Submit the form.<\/p>\n\n\n\n<p>Once you add the acceptance field tag name to the &#8220;<strong>Required User Acceptance<\/strong>&#8221; field, you will see a contact form like the following. This will ensure Mailchimp requires user consent before receiving any data.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"538\" height=\"589\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/acceptance-submssion.png\" alt=\"\" class=\"wp-image-24020\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/acceptance-submssion.png 538w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/acceptance-submssion-274x300.png 274w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/acceptance-submssion-360x394.png 360w\" sizes=\"(max-width: 538px) 100vw, 538px\" \/><\/figure>\n<\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>If you want to integrate Mailchimp with your contact form, the &#8220;Mailchimp Extension&#8221; could be an ideal solution. Enabling The MailChimp Extension First, we&#8217;ll see how to enable the extension. Just like other extensions, you can follow the same process to activate the &#8220;Mailchimp&#8221; extension. If you are logged in to your dashboard, start by [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","_mi_skip_tracking":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"doc_category":[253],"doc_tag":[],"class_list":["post-23969","docs","type-docs","status-publish","hentry","doc_category-cf7-extensions"],"acf":[],"year_month":"2025-11","word_count":560,"total_views":"1050","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Ashim Kumar","author_nicename":"ashim-ht","author_url":"https:\/\/hasthemes.com\/author\/ashim-ht\/"},"doc_category_info":[{"term_name":"CF7 Extensions","term_url":"https:\/\/hasthemes.com\/docs-category\/cf7-extensions\/"}],"doc_tag_info":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"htmega_size_585x295":false,"htmega_size_1170x536":false,"htmega_size_396x360":false,"betterdocs-category-thumb":false},"uagb_author_info":{"display_name":"Ashim Kumar","author_link":"https:\/\/hasthemes.com\/author\/ashim-ht\/"},"uagb_comment_info":0,"uagb_excerpt":"If you want to integrate Mailchimp with your contact form, the &#8220;Mailchimp Extension&#8221; could be an ideal solution. Enabling The MailChimp Extension First, we'll see how to enable the extension. Just like other extensions, you can follow the same process to activate the &#8220;Mailchimp&#8221; extension. If you are logged in to your dashboard, start by&hellip;","knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/23969","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/comments?post=23969"}],"version-history":[{"count":23,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/23969\/revisions"}],"predecessor-version":[{"id":27773,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/23969\/revisions\/27773"}],"wp:attachment":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/media?parent=23969"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_category?post=23969"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_tag?post=23969"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}