< All Topics

Increase subscribers to your website and build an email list using the Mailchimp Subscription widget. There are multiples designs and layouts you can use to create an attractive email form for your users. Adding an email form is an integral part if you want to remarket customers to increase sales.

Pro tip
Add email forms to your website using a collection of heading styles and layouts. Make sure to use the correct API key.

How to use the Mailchimp Subscription Widget of The Plus Addons For Elementor

The Mailchimp Subscription widget comes with different layouts. Let’s understand how to use this widget in the tutorial below. 

Table Of Contents

Adding Mailchimp Subscription To WordPress

First, you need to add the API key of your Mailchimp Account to make this widget work. You can find the API key by following steps given in the link here: https://mailchimp.com/help/about-api-keys/.

Once you have the API key, you need to add the API key in Plus setting as shown in the video below:

General Steps

Search for the Mailchimp Subscription element from the Elementor screen in the left and then drag and drop it into the content building area. After dropping the element, you will see three tabs i.e. Content, Style, and Advanced related to the Mailchimp Subscription widget. First, click on the Content tab.

1. Content

Layout

Content Width

Select the desired Content Width .

Columns Gap

Select how much gap do you want between the Columns.

Height

Select your desired height of the form you want to display on the website.

Vertical Align

Select where to want to set the Vertical Align.

Overflow

Select either you want to display overflow as default or hidden.

Stretch Section

Stretch the section to the full width of the page using JS.

HTML Tag

Select the HTML tag here.

Structure

Select the Structure size here.

2. Style

The Style tab is used for customizing the appearance of all the Mailchimp Subscription widget components. All these styling options include customizing the fonts, colors, background, margins, and padding which are common across all the widgets. So, we have created a single detailed article explaining these Styling Options.

View The Style Tab Article

Background

Set the Background Type with this option.

Background Overlay

Set the Background Type with this option.

Border

Set the Border type, Width, Color, Border Radius, and Box Shadow with this option.

Shape Divider

Set the shape divider type with this option.

Typography

Set the Heading color, text color, link color, Link hover color, and Text Align with this option.

3. Advanced

Advanced Tab Options are common across all the widgets. So, we have written a detailed tutorial explaining how to use these options

View The Advanced Tab Tutorial

Do you want to rate this article?
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Need help?