30 Seconds to Email Automation – Connect WordPress Forms to MailChimp

In this article, we will see how to setup Mailchimp signup forms and Mailchimp subscribe forms in your WordPress site and collect subscribers for your Mailchimp list/audience.

If email marketing is an important marketing channel for your business, you would to have to setup forms like Signup forms & Subscribe forms on your website, to add subscribers to your email marketing list. Once you setup email marketing list subscribe forms, you can start collecting contact details, export the contacts to your email marketing tool and start sending email campaigns.

Mailchimp WordPress Integration

Mailchimp is a very popular email marketing tool and WordPress is the most popular website builder, so it is natural that you want to connect both Mailchimp and WordPress to get subscribers for your list.

It is very easy to integrate Mailchimp and WordPress. There are several MailChimp list subscribe form WordPress plugins for WordPress Mailchimp integration. Let’s see some of the straightforward ways to automate your marketing with WordPress contacts forms and Mailchimp integration.

What will we cover in this post?

• How to connect Mailchimp to WordPress
• Contact Form 7 Mailchimp integration
• Elementor Mailchimp forms
• WPForms Mailchimp integration
• Creating popup forms in WordPress and connecting to Mailchimp

How To Add Mailchimp Forms To WordPress?

If you want to integrate Mailchimp to your WordPress site, you need to install a Mailchimp WordPress plugin. We recommend that you use the free Tablesome plugin for Mailchimp WordPress integration.

Usually people try to use the Mailchimp form builder to create their form and add the HTML script to the WordPress site to embed the Mailchimp form. This method has several limitations like slowing down your site’s loading speed.

With Tablesome you can automatically send subscriber data to your Mailchimp list account when a new signup happens in your WordPress site.

But using Tablesome you can overcome all these limitations because Tablesome helps you to integrate Mailchimp with many native WordPress form plugins such as Elementor Forms, Contact Form 7, and WPForms. Not just exporting to Mailchimp, you can also save the form submission to your WordPress site in Tablesome tables.

Why is it better to save entries to the database along with exporting to Mailchimp?

Sometimes there might be a problem with API connection and the data might not be exported to your Mailchimp list. You might lose the data if this case happens. So it’s better to save the data to your database before you export it to Mailchimp.

Why should you apply conditions before you send data to Mailchimp?

Mailchimp charges you based on the number of contacts you have stored in your list. Many people also start with the free plan, where you can have upto 2000 contacts. 2000 contacts might seem like a lot but it could be filled up easily.
So you would want to filter the contacts before they are sent to the Mailchimp audience.

Connect List Subscribe for WordPress – Quick Video Tutorial

How To Connect Mailchimp to WordPress with Tablesome?

Before we create a Mailchimp signup form in WordPress we have to connect Mailchimp to WordPress using the Mailchimp API. You need to first generate a Mailchimp API Key and add it to your WordPress site. In order to add the Mailchimp API key, to WordPress you need to install and activate Tablesome plugin.

Installing and Activating Tablesome plugin

• Go to your WordPress admin dashboard and then click Plugins → Add New
• Search for ‘Tablesome’, click ‘Install Now’ and active the plugin
• Tablesome plugin would be activated on your site

Now you can add Mailchimp API key on Tablesome Settings. Let’s generate the Mailchimp API key.

How To Get Mailchimp API Key For WordPress?

To generate an API key,

• Go to the Mailchimp website and log in with your Mailchimp account
• If you don’t already have an account, create a new Mailchimp account and login into Mailchimp
• In the Mailchimp dashboard, scroll down to your profile picture and then click ‘Profile’
• In the next page, you will see a set of options, here click Extras → API Keys
  
  
• Here you will find the list of previously generated API keys. If you have not generated an API key, then select “Create a Key”
• Once done, just copy the Mailchimp API Key and paste it to your WordPress site
• Then go to your WordPress site’s admin dashboard and paste the key in Tablesome Settings → Integrations → Mailchimp.
  
  
• After pasting the Key, click Connect to Mailchimp and it will be connected. Then click ‘Save’ to save the settings.

Now you have successfully integrated Mailchimp and WordPress using Tablesome plugin. Next, you have to setup the form in WordPress that you want to integrate with Mailchimp. As we have mentioned earlier that Tablesome integrates with many popular WordPress form plugins, lets see them one by one.

Elementor Mailchimp Integration

With Elementor Pro page builder you get an Elementor Form widget that you can add to your pages and posts. To create an Elementor Mailchimp form first setup your Elementor Form.

To setup signup form and subscribe form in Elementor go to your WordPress dashboard,

• If you’re creating a new page, go to Pages → Add New → Edit with Elementor or,
• If you’re editing an existing page, go to Pages → All Pages → Edit with Elementor
• In this page, search for “Form” in the Elementor toolbar and add the ‘Form’ widget to your page. You can add the required field for your form and then save the Elementor page.
• You can create many types of forms with Elementor.
  

Now that we have created a Elementor signup from, we have to setup Tablesome automation to add subscribers to your Mailchimp list. To do this in your WordPress Dashboard,

• Go to Tablesome → Create New Table and give this table an appropriate title
• You can find a Triggers & Actions toolbar on the left side of the table
• Here under ‘Actions’ setup the 1st Trigger.
• In the Integration field select ‘Elementor’
• In the Type of Actions field select ‘On Form Submit’ and then select the Elementor Form that we have just created in the Form field
• Then setup an Action by clicking Mailchimp integration and Add Contact action
• Then you can select the Mailchimp audience in which you want to save the contact and select the field which you want to add to your Mailchimp list.
• You can also setup a condition if you don’t want to send every form that is submitted
•  You can also add a Tag to the contact when it gets exported and then click the “Update Table” button
• We have successfully create a Mailchimp signup from with Elementor and your subscribers will be automatically added when a new signup is received.

If you also want to save the form entries to the table, you can add another section for the same trigger.

• Click “Add Another section” and add Tablesome integration and select ‘Add Row’ action and save the table

Now your form entries data would be added to the table and exported to Mailchimp contacts automatically.

Elementor Mailchimp Popup Forms

Elementor Pro also comes with a popup builder which you can use to add forms within pop-ups for or newsletter sign ups and other opt-ins.

• In your WordPress dashboard, go to Elementor → Templates → Popups → Add New Popup 
• Give the popup a name and click ‘Create Template’
• In the next page you can find a list of pre-made Elementor Popup Templates
• You can select any of the popups in the list and edit it or you can create a popup form from scratch
  
• After creating your popup, click ‘Publish’ and then you will be taken to a Publish Settings page
• Here you can select the Conditions and Triggers to decide when and where the popup form is going to be displayed
• Then click ‘Save & Close’ and your popup form will be displayed on the pages and posts you’ve selected

Contact Form 7 Mailchimp Integration

You could also integrate Contact Form 7 with Mailchimp with Tablesome, so it is also a Contact Form 7 Mailchimp extension.

• Contact Form 7 Mailchimp is similar to WPForms and Elementor Forms integration.
• Install and activate the Contact Form 7 plugin and create a form that you want to integrate with Mailchimp.
• Follow steps mentioned for Elementor and WPForms but in the Trigger, select Contact Form 7 integration and in the actions select Mailchimp integration.
• You can also sync Contact Form 7 Mailchimp tags.
  

WPForms Mailchimp Integration

Tablesome plugin also allows you to integrate WPForms with Mailchimp, so it can be considered as a WPForms Mailchimp Add-on. Let’s see the WPForms Mailchimp integration.

• Install and Activate WPForms plugin
• Then go to WPForms → Add New
• Here you can choose to create a new form from scratch or choose from any of the pre-built templates
• Then embed the WPForms form in a page
• Next, go to Tablesome → Create New Table
• Setup a new Trigger for the WPForms form by selecting  – WPForms → On Form Submit → Select Form
• Then setup action Mailchimp integration → Add Contact
• Match the fields, select the tags and apply the conditions for Mailchimp export
• To save form entries to table setup 2nd action Tablesome integration → Add Row
• Then save the table. Submissions from WPForms would be automatically exported to Mailchimp.

Create Popups For Forms Created With WPForms And Contact Form 7

If you want to add a Mailchimp popup form to the WordPress site for free, you could use the free WordPress form plugins such as Contact Form 7 and WPForms. You can do so using a free WordPress popup builder plugin such as Popup Maker.

You just need to add the form shortcode the popup maker page and then you can add the Triggers to open the popup and conditions on which pages and posts it has to be displayed.

To create WPForms popup and Contact Form 7 popup you just need to copy and paste form shortcode.