Search for a plugin or theme

Search
Generic filters

How To Integrate Elementor With Mailchimp

You are currently viewing How To Integrate Elementor With Mailchimp

Building an email list for your website is one of the essential things that every business must do to sustain communication with their audiences.

Mailchimp is an excellent email marketing service for collecting leads and communicating with visitors. So, if you don’t have an account, go ahead and create one now.

This article will learn how to integrate Elementor with Mailchimp to collect email addresses quickly.

Integrating Elementor With Mailchimp

With a subscribers list, you directly communicate with your followers without being dependent on social media or other channels.

With Elementor Pro, we can create a lead capture form to add subscribers to our Mailchimp account.

Then, all subscribers will join your mailing list and get your messages weekly (or however you set it up).

To connect between Elementor and Mailchimp, we will first generate a Mailchimp API key and enter it into Elementor.

Step #1: Generate a MailChimp API key

First, let’s create a Mailchimp API key. An API key is a code that opens a communication channel between apps.

Log in to your Mailchimp account, click on the user icon on the bottom left corner, and navigate to Account.

Mailchimp account page

Then, click on the Extras tab at the top and enter into the API keys option.

Mailchimp api key

Inside the API screen, click on the Create A Key button and wait for Mailchimp to create the key for you.

Create mailchimp api key

Once Mailchimp created the key, change its name and call it Elementor.

Copy the key and move on to the Elementor settings screen of your WordPress website.

Copy the api key

Step #2: Paste the API key in Elementor

Once we have the API key, we can move forward and use it with Elementor.

From your WordPress website, navigate to Elementor -> Settings and the Integration tab.

Elementor integrations screen

Scroll down to the Mailchimp section and paste the code you copied in the last step.

Once pasting the code, click the validate button to verify that both apps connect and communicate.

Validate api key

Then, scroll to the bottom of the page and click on the Save Changes button.

Step #3: Connect a form to Mailchimp

Once integrating both apps, we can edit the Elementor form to capture leads and transfer them into Mailchimp.

Open the Elementor edit screen and drag the form widget to your desired section.

Elementor widget libraries

Elementor form widget

The form will default contain three fields: name, email, and message.

Because it’s a lead capture form to collect emails, we will delete the message field and keep the other two.

Delete the message field

You can delete the name field, but I recommend you leave it as is and collect the subscribers’ names.

Then, expand the Actions After Submit tab, delete the email option, and choose the Mailchimp option instead.

Mailchimp action after submit

Once you do it, a new Mailchimp tab will be added below the action. Click on it to expand it.

Elementor will use the key you entered in the last section and load all the MailChimp lists in your Account.

Choose mailchimp list

Segment and tags

Once you select a list, you can segment the subscribers by groups or tags and even enable the double opt-in feature.

Groups and tags

If, for example, this lead capture form is displaying on the purchase confirmation page, you can set a customer tag and differentiate between non-customers subscribers and customer subscribers.

Subscribers that used the purchase confirmation form are automatically tagged as customers. On the other hand, customers who used a different form will not have this tag.

That way, you will market to the different groups, promotions, and offers.

Field mapping

You must match the form fields to Mailchimp fields in the field mapping section.

Because the communication between the subscribers and us will happen using emails, the email field is required, and it must match the form email field.

Mailchimp fields mapping

If you kept the default name field of the form, assign it to the first name option for message personalization.

When done, click Update at the bottom left corner and move forward to the next step to test the form.

Step #4: Test the integration

When both apps integrate, it’s a good idea to run some tests and verify that it’s working correctly.

Visit your website, fill out the lead capture form with your name and email, and click submit.

Inside your Mailchimp account, navigate the audience dashboard option and verify that the last submission was successfully transferred.

If you successfully connect the two, you will see the new subscriber inside the current growth section.

Subscriber was added to mailchimp

Great, your new subscriber is now on your Mailchimp list and will start getting emails and promotions from your business.

Conclusion

In this article, you learned how to integrate Elementor with Mailchimp to collect email leads easily.

Leave a comment and let us know if you have any questions regarding the process.

Also, make sure to subscribe to our YouTube channel and like our page on Facebook.

PluginsForWP

PluginsForWP is a website specializing in redistributing WordPress plugins and themes with a variety of knowledge about WordPress, internet marketing, and blogging.

Leave a Reply


Get notified about new content and coupon codes!

JOIN OUR COMMUNITY OF 120,000+ WORDPRESS ENTHUSIASTS