People began doing email marketing in 1978, and a lot has changed since then. Billions of emails are sent daily, and technology has upgraded as well. People often get confused with the option because now we have more options than ever before.
Don’t fret. In this guide, we’ll point you toward how you can integrate Elementor Mailchimp together on your WordPress website.
NOTE: Elementor and WordPress often change the names of their options, so it’s a good idea to follow the instructions carefully and keep your eyes open as you may get confused.
NOTE: To follow this article, you need to have a fully operational WordPress website with a Mailchimp account and Elementor pro account. Also, you need to have a landing page inside which there is a lead collection form.
If you don’t have these, please follow this article – [Article Link]. You can create your first landing page and continue reading this article using it.
So, let’s get started.
Set Your Elementor Mailchimp Together
- First, open your WordPress dashboard.
- Then head over to the page section and open your landing page.
Make sure you open your Landing page with Elementor only. You’ll see your landing page and the Elementor form on it as you do this.
- Now, click on that form.
When you click your form, the sidebar changes, and it shows you 3 fields. These fields will be the same ones you created while creating your form. Your user will fill in the same data here.
But you don’t have to take any action here for the moment. Your goal here is to search for the “Action After Submit section.” This feature allows you to choose the action you wish Elementor to take when the form is submitted.
- Hit it once you find this option, and a drop menu will appear. In that menu, select “Mailchimp.”
- As you do this, you’ll be able to see that there is an option added below as “Mailchimp” on the same sidebar.
- Now, hit that Mailchimp button, and suddenly many options will appear.
For now, though, you should focus on just one thing, which is the API key. Make sure the API key option is set to Default and see a bit above of API Key option; you’ll see a message that says, “Set your Mailchimp API key in the integration setting.” You can also set a different Mailchimp API key by choosing Custom”.
- Here you just need to click on that message, and you’ll be redirected to Elementor > Setting section > Integration.
- Scroll to the bottom and search for Mailchimp > API key.
Find Your API Key
How can you find your Mailchimp API key? It’s easy! You can find it by logging into your Mailchimp account.
- For that, head over to Mailchimp’s official website and log in.
- When you’re on your Dashboard, look in the bottom left corner of your screen. You’ll find your profile icon there.
- Click on it, and you’ll be redirected to the account section of your Mailchimp account.
Inside your account section, you’ll see some options at the top middle of the page. By default, the option will be selected to Overview.
- You’ve located and hit on the extra section.
- As you’ll hover your mouse over it and click on it, a drop-down menu will appear, and now you have to find and click on API keys.
Now, you’re in the window where you can create your API key.
- Here you will generate an API key for your username. After that, you can give the newly created key a label name so that you remember its purpose.
Validate Your API Key
Once you’re done with this, copy the key and paste it back into Elementor, where you left off. On Elementor, you must have seen the space for your API key.
- Just paste it there and click on the “Validate API key.”
If you see a green checkmark button, then you’ve completed the steps correctly. If not, read through this article and follow the steps correctly.
- Now, let’s go on to the Elementor landing page and refresh it.
- Once again, hit the Elementor form and then head to the left-sidebar, where you have to navigate to the Mailchimp option.
Now you’ll see two boxes: one that confirms that you have MailChimp API keys set to default and one that allows you to choose your audience (that you created in MailChimp) to access the information.
Now, I’ll walk you through setting up your Elementor for further process.
- You can give this form a tag so you’ll be able to recognize its purpose later.
- You can enable or disable double Opt-in, which helps you keep scammers away from your business.
After that, you’ll see the field mapping option, and you need to choose exactly which variable you want for each option.
- Like, you have to choose email for the email address field, and for the name, you have to select a name, and for the phone number, select mobile.
This lets Elementor know what type of data he needs to collect with the form.
- Once you’re done with this option, just click on the update button.
Test, If Everything Is OK.
Well, for that, you need to test it.
- Simply go to your landing page and fill the form with almost correct info.
If you fill out the form correctly, you’ll have to go through the next step. If not, go back and reread this article to find the error in your form’s submission.
- After that, log in to MailChimp and go to Audience from the left menu bar.
On the inside, you go over to all contacts. If you can see your email there, you’re all set and ready to go.
Numerous sites use Mailchimp, and it’s not to be dismissed. With the number of choices available, Elementor may only make sense for those that want to integrate an existing Mailchimp account.
While there may be other options, Elementor will likely make this process as seamless as possible. I think we can expect to see more learning options in future versions.
But for now, this is an article on the integration of Mailchimp and Elementor. Hope you found this article useful. Do you have any questions? Drop it down, and I’ll answer it there.