Mailchimp

The Mailchimp Widget in Animation Addons for Elementor is a paid feature. To use this widget, ensure the plugin is installed and activated on your site. You can explore both free and pro widgets using the filtering options, but this specific widget is available only in the pro version.

Introduction

The Mailchimp Widget in Animation Addons for Elementor helps you integrate Mailchimp forms seamlessly into your site, making email list building easy and efficient.

Key Use Cases for the Mailchimp Widget:

• Easily integrate Mailchimp forms to grow your email list.
• Customize the design to match your website’s branding.

Prerequisite

• Elementor
• Animation Addons for Elementor

How to Activate the Mailchimp Widget:

• Go to Animation Addons → Elements in your WordPress dashboard.
• Find the Mailchimp Widget in the list.
• Toggle it on to enable the widget.
• Now, the Mailchimp Widget is ready to use!

How to Add Mailchimp Widget in Elementor:

• Open the page where you want to add the Mailchimp Widget.
• Launch the Elementor editor.
• In the Elementor panel, search for “Mailchimp Widget.”
• Drag the widget to your desired section.
• The Mailchimp Widget is now ready for customization.

How to Configure Mailchimp Widget

• Ensure the Mailchimp plugin is activated in your WordPress settings.
• Open a new page in WordPress.
  Add a page title and choose the Elementor Full Width template.
• Click Publish to save your changes.
• In the Elementor panel, search for “Mailchimp Widget” and drag it onto the page.

Configuring Mailchimp Widget : A Step-by-Step Guide

Once the Mailchimp Widget is added to your page, you can configure its settings under different tabs: Content,Style and Advanced.

Content Settings

In the Content section, you’ll find two customization options named Mailchimp and Form. 

Mailchimp Options:

1. Mailchimp API: Connect your Mailchimp account to integrate the widget with your Mailchimp account.
   
2. Audience: Create and select your audience (list) from Mailchimp to send the form data.
   
3. Enable Double Opt-In: Turn on double opt-in for confirming subscriptions, ensuring the user agrees to receive emails.

Form Options: Customize a variety of elements for the form:

1. Alignment: Control the alignment of form elements.
2. Item Gap: Adjust the spacing between form fields.
3. Enable Name: Option to include a name field in the form.
4. Enable Phone: Option to include a phone number field in the form.
5. Email Label: Customize the label for the email field.
6. Email Placeholder: Set a placeholder text for the email field.

7. Email Icon: Add an icon to the email field (optional).
8. Icon Position: Choose whether to display the email icon on the left or right.
9. Button Text: Customize the text on the submit button.
10. Button Icon: Add an icon to the submit button (optional).
11. Icon Position: Set the icon’s position (left or right).
12. Icon Spacing: Adjust the spacing between the icon and the text on the button.

This will allow you to fully customize the appearance and behavior of the Mailchimp form on your page.

Style Settings

In the style section, I only made changes to the filter section only, while the rest remained unchanged as I don’t need them right now. However, you can explore and customize them as needed.

Advanced Settings

In the advanced settings, you’ll find a variety of advanced features designed to enhance your designs. Experiment with these options and experience the difference they make.

Final Outcome

That’s it! You’ve successfully learned how to configure the Mailchimp Widget in Elementor to integrate email sign-up forms and grow your email list. For any further assistance or inquiries, feel free to contact our support.