BLACK FRIDAY SALE: Get 50% Off On Any UNLIMITED DOWNLOADS Plan! Use Code "blackfriday" At Checkout

DOWNLOAD ALL NOW!

Search for a plugin or theme

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 most important things that every business must do in order to make money.

Mailchimp is a great email marketing service to collect leads and keep talking with your audience. So, if you don’t have an account yet, go ahead and create one now.

In this article, you will learn how to integrate Elementor with Mailchimp.

Integrate Elementor With Mailchimp

With a subscribers list, you have direct communication with your followers without being dependent on social media or other channels.

With the pro version of Elementor, we can create a lead capture form to add subscribers to our MailChimp account.

Then, all subscribers will be joining your mailing list and get your messages on a weekly basis (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: Mailchimp API key

First, let’s create a Mailchimp API key. An API key is a code used to open a communication channel between apps. You can read more about it in this API key article by Fortinet.

Log in to your Mailchimp account, click on the user icon on the bottom left corner and navigate into 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 label it as 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 into the Integration tab.

Elementor integrations screen

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

After pasting the code, click on the Validate button and verify both apps can connect and communicate with each other.

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

After we integrated both apps together, 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

By default, the form will 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 as well.

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

Mailchimp action after submit

After you did so, a new Mailchimp tab will be added below the action after submit tab, 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 selected a list, you will have the option to 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 a ‘customer’. On the other hand, customers who used a different form, will not have this tag.

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

Field mapping

In the field mapping section, you will need to match the form fields to Mailchimp fields.

Because the communication between us and the subscribers 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 are integrating with each other, it’s a good idea to run some tests and verify that it’s working correctly.

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

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

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

Subscriber was added to mailchimp

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

Conclusion

In this article, you learned how to easily integrate Elementor and MailChimp to collect email leads.

Leave us 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.

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on email

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