Marketing professionals would love to integrate Contact Form 7 plugin with Mailchimp in order to grow their mailing lists.
Contact Form 7 + Mailchimp = Simple & effective email marketing solution
In this article we will see how you can automatically add your Contact Form 7 submissions to Mailchimp lists, using Mailchimp API. You can add the Contact Form 7 submissions for multiple contact forms to different Mailchimp audiences that you have.
Contact Form 7 Extension For Mailchimp
As you probably know that Contact Form 7 plugin does not come with Mailchimp integration we have to manually install the Contact Form 7 Mailchimp addon.
Tablesome is a free Contact Form 7 extension for Mailchimp that you can use to Integrate Contact Form 7 with Mailchimp Audiences. With Tablesome you can easily connect Contact Form 7 newsletter subscribe forms with Mailchimp.
Download the free Tablesome plugin and give it a try!
How to connect Contact Form 7 to Mailchimp?
We will see a step-by-step guide for Contact Form 7 Mailchimp Integration using Tablesome.
Also see: How to redirect after Contact Form 7 form submit
Installing the Contact Form 7 Extension For Mailchimp addon
Before installing the Tablesome Contact Form 7 addon, just make sure you’ve installed the Contact Form 7 plugin.
To install the Tablesome Contact Form 7 Mailchimp free addon
- Login to your WordPress site’s admin dashboard
- Click Plugins → Add New
- In the plugin search page, search for ‘Tablesome’, plugin
- Click the ‘Install Now’ button in Tablesome and after installation, activate the plugin
Tablesome would be activated on your WordPress site and your site is ready to be connected with Mailchimp.
Copying Your API Key From Mailchimp
To connect Contact Form 7 to Mailchimp you’ll need to copy your API key from your Mailchimp account. To do this:
- Log in with your Mailchimp account
- Scroll down the page and in the bottom left corner of the page you could see your Avatar
- Click on your Avatar
- It will open an additional menu and in the menu click the ‘Profile’ option
- You will be taken to the Profile page with a set of options, and here click Extras → API Keys
- It will open the API Keys page, and there’s an API keys section
- Here you will find the list of generated API keys, and you have to copy the existing API key to connect with Contact Form 7
- If an API key is not previously generated, click “Create a Key” and a new API key will be created
- Copy the generated Mailchimp API Key and return to the browser tab or window with your WordPress site
Connect Mailchimp to Contact Form 7
- Go to your WordPress site admin dashboard. where you have installed the Tablesome Contact Form 7 Mailchimp addon,
- In the WordPress menu, go to Tablesome Settings → Integrations → Mailchimp
- On this page paste the Mailchimp API Key that you’ve copied into the API Key field
- Then click Connect to Mailchimp button and it will be connected
- You should see a green tick mark next to the Mailchimp section title once Mailchimp is Connected
- Then click the ‘Save’ button to save the Mailchimp integration
Create a Mailchimp Subscribe Form using Contact Form 7
Now that we have linked the Mailchimp API, we can create a Mailchimp signup form using Contact Form 7 plugin. You can skip this step and move to the next part if you’re already created the form.
- In your dashboard menu, go to Contact → Add New
- On this Add New Contact Form page, you see that some fields are already by default
- You can add the form fields and edit the labels to create the Mailchimp signup form that suits your purpose
- For example, let’s create a simple Newsletter Subscription form, we can make use of the pre-existing Name and Email fields
- You could add more fields based on your requirement
- For example, let’s add a checkbox that asks them about the frequency of the newsletters
Not just a newsletter subscription form, you can also use the Contact Form 7 Mailchimp addon to export contacts from other forms such as,
- Opt-in form,
- Beta signup form,
- Product order form,
- GDPR form,
- Registration form,
- Request a quote form,
and any other type of forms.
Create Contact Form 7 Mailchimp Workflow
Now that we have created the Contact Form 7 Mailchimp signup form, let’s set up a workflow using Tablesome for Contact Form 7 Mailchimp integration to add a submitter as a subscriber to your Mailchimp audience.
To do this,
- In your WordPress dashboard menu, go to Tablesome → Create New Table
- Give this table / workflow an appropriate title
- Towards the left, there is a Workflow Toolbar where you can set up Triggers & Actions
- Under ‘Trigger 1’ select ‘Contact Form 7’ integration and choose ‘OnForm Submit’
- Then select the Mailchimp signup form that you’ve created in the ‘Forms’ field
- There will be a new ‘Action (set 1)’ section, here select the ‘Mailchimp’ integration and then choose the ‘Add Contact’ action
- In the new ‘Select a list’ field you can select the Mailchimp audience / list in which you want to save the contact
Now that the Contact Form 7 signup form and Mailchimp list are connected, we can map the Mailchimp fields with the Contact Form 7 fields.
Contact Form 7 Mailchimp Field Mapping
You have to map fields, that is, relate the Contact Form 7 form fields to the corresponding Mailchimp fields. For example, you have to map the Contact Form 7 Email field to the Mailchimp Email field.
- You could find both the Form field and the Mailchimp field under the Match Fields section
- Select the Contact Form 7 field on the left side and then select the corresponding Mailchimp field on the right side
- Repeat this process for each field in your Contact Form 7 signup form
- Save your workflow by clicking the ‘Save Table’ button at the bottom
Note: Your Mailchimp fields have to have matching properties to that of the Contact Form 7 field. If you want to create more fields in Mailchimp, you can create new form fields using the Mailchimp form builder.
Currently, Tablesome only comes with manual Field Mapping. We are working on automatic field mapping and will be available soon.
Applying Conditions Workflows and Tags To Mailchimp Contact
You could also set up Conditions for a contact to be added as a subscriber and add ‘Mailchimp Tags’ to the contact which is added. These conditions and tags help us to group subscribers such as Mailing preferences, Interest, etc.,
- There is a Conditions option comes with 3 fields – Form field, Conditional operator, and Value. So you can apply conditions based on the values in each form field
- For example, let’s set up a condition based on the “Frequency field
- Apply “Equal to” operator and give the value “Weekly”
- Then in the ‘Tags” field select the corresponding Mailchimp Tag, that is “Weekly” tag
- After selecting the Tag, save the created workflow by clicking the ‘Save Table’ button
You could also create a second action by clicking the “Add another action” button and then repeat the same process but applying different conditions and tags for other values such as Daily, Weekly, Monthly, etc.,
You could also choose to save the Contact Form 7 submissions to the table using Tablesome integration and Add Row action.
You have mapped all of the form fields and applied conditions & tags, now you can send test data from your Contact Form 7 signup form and see if the data is sent to your Mailchimp account.
