Advanced Mailchimp

The Advanced Mailchimp Widget in Animation Addons for Elementor is a paid feature. To access this widget, ensure the plugin is installed and activated on your site. You can also explore both free and pro widgets through the filtering options.

Introduction

The Advanced Mailchimp Widget integrates Mailchimp forms with advanced customization options to help grow and manage your email list.

Key Use Cases for the Advanced Mailchimp Widget:

• Style the form to match your site’s design for a seamless user experience.
• Easily integrate customizable Mailchimp sign-up forms to grow your email list.

Prerequisite

• Elementor
• Animation Addons for Elementor

How to Activate the Advanced Mailchimp Widget:

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

How to Add Advanced Mailchimp Widget in Elementor:

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

How to Configure Advanced Mailchimp Widget

• In the Elementor panel, search for the “Advanced Mailchimp Widget.”
• Drag and drop the widget into your desired section.
• From the widget settings, connect your Mailchimp account and select the appropriate audience list.
• You can then customize advanced form fields, enable optional inputs like name or phone, and fine-tune the layout and design using extensive styling options in the Elementor panel.

Configuring Advanced Mailchimp Widget : A Step-by-Step Guide

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

Content Settings

Within the Content section, you’ll find two distinct subsections: Form and Mailchimp, each offering essential configuration options to customize the widget’s functionality and integration.

Mailchimp

Under the Mailchimp section, you can configure the following options:

• Mailchimp API: Enter your Mailchimp API key to connect your website with your Mailchimp account and enable seamless data integration.
• Audience: Select the specific Mailchimp audience (list) where you want to collect and store subscriber data.
• Enable Double Opt-In: Activate this option to require users to confirm their subscription via email before being added to the list—enhancing email security and compliance.

Form

Under the Form section, you can configure the following options:

• Email: Set the primary email input field for the subscription form.
• Label: Define or customize the label displayed for the email input.
• Placeholder: Add a placeholder text inside the email field to guide users.
• Additional Fields: Enable and manage extra fields such as name or phone number to collect more user information.

Under the Button settings:

• Text: Customize the button text (“Subscribe”).
• Icon: Add an icon to the button for visual enhancement.
• Icon Position: Choose whether the icon appears before or after the text.
• Icon Spacing: Adjust the space between the icon and the button text for proper alignment and spacing.

Style Settings

In the Style section of the Advanced Mailchimp Widget, you will find various controls that allow you to customize the appearance of the subscription form. These include:

• Layout: Adjust the overall layout and spacing of form elements to align with your design preferences.
• Label: Style the text labels associated with each input field. You can modify typography, color, spacing, and alignment to match your site’s branding.
• Input: Customize the general input field styles, including padding, borders, background, and text appearance.

• Email: Specifically target and style the email input field, allowing for consistent formatting and design flexibility.
• Select: Style any dropdown (select) fields within the form. This includes control over background, border, font, and spacing.
• Radio: Customize the look and feel of radio buttons, including size, alignment, and label styling.
• Button: Define the appearance of the submit button. You can modify its typography, colors, border styles, hover effects, and more to enhance visual engagement and user experience.

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 Advanced Mailchimp Widget in Elementor to integrate customizable email sign-up forms and grow your email list. For any further assistance or inquiries, feel free to contact our support.