Mailchimp Integration

In this article, we will try to explain how to connect Contact Form 7 with your Mailchimp list with the help of our Free Addon “Contact Form 7 Mailchimp”.

What’s needed

Contact Form 7 Mailchimp

What is Mailchimp?

Mailchimp is a popular email marketing platform that helps businesses and individuals create, send, and manage email campaigns. It offers a range of tools for designing professional email templates, automating marketing emails, managing subscriber lists, tracking email performance, and much more.

What is Contact Form 7 Mailchimp Addon?

The Mailchimp Addon for Contact Form 7 is an integration that allows you to automatically subscribe users to your Mailchimp email lists through Contact Form 7 submissions. With this addon, you can map form fields, such as names and email addresses, to your Mailchimp audience fields. Once a user submits a form, their information is sent directly to your Mailchimp list, streamlining the process of collecting and managing email subscribers. The addon also supports custom fields and provides an easy way to connect your forms to Mailchimp without needing any coding skills.

Live Example: Contact Form 7 and Mailchimp Integration

In this tutorial, we will show you how to create a form with Contact Form 7 and Mailchimp, similar to the example below. Follow these steps to create your own form.

contact form 7 mailchimp integration

Visit our main demo to see all the supported fields for Contact form 7 Mailchimp addon.

Contact Form 7 Mailchimp Form Creation

Before creating the form, you need to connect Mailchimp by adding the API key:

Add Mailchimp API

Go to Ultimate Addons -> Settings -> API Integration -> Mailchimp API. Just add your Mailchimp Audience API key. Add your Mailchimp Audience API key. If you’re unsure how to get your API key, refer to Mailchimp’s official documentation by clicking here.

Contact Form 7 and mailchimp

After adding the API key, you’ll be able to connect Mailchimp with Contact Form 7.

Create a form

Go to Contact -> Add New in your WordPress Dashboard to create a new form.  You can add as many fields to your form as you want, but for a basic setup, make sure you include the name fields (First Name & Last Name) and the email field. Then, save the form.

mailchimp and contact form 7 - Themefic

Mailchimp Settings

After creating the form, scroll down to the Ultimate Addons for CF7 Options section and click the Mailchimp tab. Follow these steps:

  • Enable the Mailchimp Form checkbox.
  • Select your Mailchimp audience list. If the API key was entered successfully, you’ll see a confirmation message “Everything’s Chimpy”and all your mailchimp audience list will be visible here. Select your desired list.
  • Map your form fields to Mailchimp. For example, link your Contact Form 7 email field to Mailchimp’s “Subscriber Email” field, and map other form fields like your First Name field under “Subscriber First Name” and choose your Last Name field under “Subscriber Last Name”.
  • If you want to connect any other field of your form with another field of mailchimp, connect them through the “Custom Field” section.

Here are couple of screenshots for your reference:

mailchimp with Contact Form 7

Contact Form 7 mailchimp integration

That’s it.

Copy the Shortcode

Once the form is set up, click “Save” and copy the Contact Form shortcode.

Copy Short Code - Themefic

Time to Publish

Paste the shortcode wherever you want to display the form (Pages, Posts, Custom Post Types, or Sidebars). The form will function like the example shown above.

Want more features?

In our Mailchimp Pro addon, you have the ability to add an acceptance checkbox so users can opt-in to your Mailchimp list. Until they opt in, no data will be passed to Mailchimp. You can learn more about this from here.

Watch Complete Video

If you need further assistance, check out our video tutorial, which walks through the entire process of creating a Mailchimp and Contact Form 7 form step by step:

Full Form Code

Here is the full code of the above example form:

[uacf7-row][uacf7-col col:6] 
[text* first-name placeholder "First Name"]
[/uacf7-col][uacf7-col col:6] 
[text* second-name placeholder "Second Name"]
[/uacf7-col][/uacf7-row]

[uacf7-row]
[uacf7-col col:12] 
[email* email-subscribe placeholder "Enter Your Email"]
[/uacf7-col]
[uacf7-col col:12]
[submit "subscribe"]
[/uacf7-col]
[/uacf7-row]

Still Not Clear? Please contact us. If you are a free User, you can open a ticket from here. If you are a pro user, you can open a ticket from here.