How to Create API Keys on Mailchimp and MailerLite and Connect Them with Elementor

Integrating your Mailchimp or MailerLite account with Elementor is a great way to enhance your website’s email marketing capabilities. Whether you’re capturing leads, setting up email campaigns, or simply collecting user information, these integrations make it easy to manage your audience. In this guide, I’ll walk you through how to create API keys for both Mailchimp and MailerLite and connect them with Elementor.

1. Creating an API Key on Mailchimp

Mailchimp is one of the most popular email marketing platforms, and getting an API key from Mailchimp is quite straightforward.

1.1 Log in to Your Mailchimp Account

Go to the Mailchimp login page and log in with your credentials.

1.2 Access Your Account Settings

1. Once logged in, click on your profile picture in the bottom-left corner.
2. Select “profile” from the dropdown menu.

1.3 Generate the API Key

1. In the Account Settings menu, click on the “Extras” dropdown and select “API keys”.
2. Scroll down to the “Your API Keys” section.
3. Click the Create A Key button.
4. Once generated, copy the API key displayed.

1.4 Connect Mailchimp with Elementor

1. Log in to your WordPress dashboard.
2. Navigate to Elementor > Settings and go to the Integrations tab.
3. Scroll down to the Mailchimp section.
4. Paste the API key you just copied into the field.
5. Click Save Changes.

Now, your Mailchimp account is successfully connected to Elementor!

https://youtu.be/3mW7atyQb-s

2. Creating an API Key on MailerLite

MailerLite is another excellent email marketing platform with an easy process for generating API keys.

2.1 Log in to Your MailerLite Account

Go to the MailerLite login page and log in with your credentials.

2.2 Access the API Section

1. In the MailerLite dashboard, click on your profile picture or name in the upper-right corner.
2. From the dropdown, select Integrations.

2.3 Generate the API Key

1. In the Integrations section, scroll down to find the Developer API.
2. Click Use or Generate New Token (if you don’t have an API key yet).
3. Copy the API key once it’s generated.

2.4 Connect MailerLite with Elementor

1. In your WordPress dashboard, navigate to Elementor > Settings and go to the Integrations tab.
2. Scroll down to the MailerLite section.
3. Paste the API key you copied from MailerLite into the appropriate field.
4. Click Save Changes.

Your MailerLite account is now integrated with Elementor!

3. Using Mailchimp or MailerLite in Elementor Forms

Now that you’ve connected your email marketing service with Elementor, you can easily start capturing leads using Elementor forms.

3.1 Create an Elementor Form

1. In your WordPress dashboard, go to Elementor > Templates and create a new template (or edit an existing one).
2. Drag the Form widget into the page.
3. Set up the form fields as needed (name, email, etc.).

3.2 Configure the Integration

1. Under the form’s settings, go to Actions After Submit and select either Mailchimp or MailerLite (depending on which service you’ve connected).
2. In the integration settings, map the form fields to your email marketing service’s corresponding fields (like email, name, etc.).

Once this is set up, your form submissions will automatically be sent to your Mailchimp or MailerLite account.

Final Thoughts

Integrating Mailchimp or MailerLite with Elementor helps streamline your email marketing efforts, making it easier to manage your audience and grow your email list directly from your website. With just a few simple steps, you can set up these powerful tools and start capturing leads like a pro.

Make sure to test the integration by submitting your form to ensure that data is properly transferred to your email marketing platform.

Happy marketing!

---

Let me know if you’d like to customize this blog post further!