I am ABH Asif, a proficient and creative WordPress expert with a strong history in website creation, management, and development. My in-depth knowledge about WordPress core software, database connectivity and its functions, customize WordPress themes and plugins. Moreover, I have a strong dedication to superior customer service at all levels from the first meeting with a client to the website maintenance after launch. I am capable enough to work well under pressure to meet hard deadlines and stay within budget while still being able to provide clients with exactly what they want. Always update my skills with recent developments and trends in the industry. So that I am very much serious about completing projects accurately, timely, and within budget constraints. But the client’s satisfaction is my first priority.
MailChimp EA MailChimp allows you to display your MailChimp Subscription form on your website. You can create stunning MailChimp within a few minutes and grow your subscription in the process. After you have successfully generated your API Key, you will need to set the key inside the MailChimp settings. To set your API Key, go to your WordPress dashboard and navigate to wp-admin - Essential Addons - Elements. Then simply Insert your API key in the MailChimp Settings option and click on ‘Save Settings’. Activate EA MailChimp #.
Elementor has a lot of different integration built into its platform. They have support for Convertkit, Mailerlite, and a few different email marketing services, so if you’re not using MailChimp, you can still do this. Just wanted to make a note of that. The first step to make this work is generating an API key. Most Advanced Mailchimp Widget made for Elementor. 3+ Unique Style Layouts. First Name, Last name, Birth, Phone & Email Fields Compatibility. Field Visibility Options. Field Width Customisation. Separate Mailchimp Form ID.
I am expert in Web Designing , WordPress, Wocommerce, MailChimp, Elementor, Gravity Form, WP Back Up & Clone, Migration, Multi-language and etc. Meanwhile As a freelancer, I have completed 316+ projects in various marketplaces for 204 clients of 28 countries since 2017. I have been working with all popular and important WordPress themes and plugins successfully. My some portfolios are shown in portfolio page and some exciting professional portfolios in Behance, You may have a look for details. That is about me in short.
Building an email list for your website is one of the most important things that every business must do in order to make money.
When having your own list of subscribers, you have direct communication with your followers without being dependent on social media or other channels.
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
We can use the form widget of the Elementor Pro plugin to create a lead capture form and then send all the subscribers to the Mailchimp account.
As a result, all the subscribers will be joining your mailing list and will start getting your messages on a weekly basis (or however you set it up).
To connect between Elementor and Mailchimp, we will need to generate an API key through the Mailchimp account and enter it into the Elementor settings screen.
Mailchimp API key
First, let’s create a Mailchimp API key.
Log in to your Mailchimp account, click on the user icon on the bottom left corner and navigate into Account.
Then, click on the Extras tab at the top and enter into the API keys option.
Inside the API keys, click on the Create A Key button and wait for Mailchimp to create the key for you.
After Mailchimp created the API key, feel free to change its name and label it as Elementor.
Copy the API key and move on to the Elementor settings screen of your WordPress website.
Use the API key with Elementor
Now that 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.
Scroll down to the Mailchimp section and paste the code you copied in the last step.
After pasting the code, click on the Validate API Key button and verify both apps can connect and communicate with each other.
Then, scroll to the bottom of the page and click on the Save Changes button.
Connect Elementor Form to Mailchimp
Mailchimp Sign Up Form Elementor
After we integrated both apps together, we now can edit the Elementor form to capture leads and enter them to Mailchimp.
Open the Elementor edit screen and drag the form widget to your desired section.
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.
Potentially, you can also delete the name field but I recommend you leave it as is and collect the subscribers’ name as well.
Then, expand the Actions After Submit tab, delete the email option, and chose the Mailchimp option instead.
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 connect Mailchimp using the API key you entered in the last section and you will need to select your Mailchimp list from inside the Audience drop-down menu.
Segment and tags
After choosing which list you would like to add the subscribers to, you will have the option to segment the subscribers by groups or tags and even enable the double opt-in feature.
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.
Anyone who subscribed using this form inside the purchase confirmation page is automatically tagged as a ‘customer’, unlike visitors that subscribed using the form on the homepage.
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 the only required field and must be matched to the form email field.
Elementor Mailchimp Audience Not Working
If you kept the default name field of the form, feel free to assign it to the First Name option for message personalization, but again, it is not a must.
When done, click Update or Save at the bottom left corner and move forward to the next step to test the form.
Subscribe to Mailchimp Using Elementor
Now that both apps are integrating with each other and the form is connected to a Mailchimp list, we should try to subscribe using the form and make sure the name and email are successfully transferring into Mailchimp.
Visit your website from a logged out browser (or incognito window) and fill the lead capture form with your name and email, and click submit.
Now, from inside your Mailchimp account, navigate into the Audience dashboard option and make sure your last submit was transferred successfully and you are seeing the new subscriber inside the Recent growth section.
Great, your new subscriber was added to your Mailchimp list and now he or she will start getting periodically emails and promotions from your business.
Conclusion
Email marketing is a super important business aspect that every website should have.
This article thought you how to collect email addresses by integrating Elementor with Mailchimp.
If you have any questions, please ask us using the comment box down below.
Mailchimp Api For Elementor
Also, make sure to subscribe to our YouTube channel and like our page on Facebook.