How to connect and use MailChimp popup element?
MailChimp integration allows you to collect subscribers for your MailChimp list with the help of a popup.
Generate the lists from your MailChimp account and include them in a popup to have the maximally effective offers for subscription.
First thing you should to be able to use the MailChimp popup element in Popup Maker, you should go to the Integrations section and Activate MailChimp add-on.

As soon as MailChimp is activated, you'll be redirected to MailChimp settings to connect to your account via API key.

When your account is connected, click "Save changes" and go back to your Dashboard and proceed to popup creation.
You'll see the MailChimp icon in the editor's section of your Dashboard. Click to see the MailChimp popup elements on the right sidebar of the page.


In the Lists section, you can select the list of your MailChimp you wish for your specific popup.
If you make any changes in your lists in the MailChimp account, click "Refresh Data" to apply the changes.

Change the Placeholder text of the Email field if you wish.

Check the box to show only the required fields of the MailChimp form in the popup.

Check the box to show the labels of the input fields.
Set up the sizing and the color options of the fields.

Select the focusing border color of the input fields of the form. It will be visible only when you check it on the page inserted.

Change the label text of the button, add the sizing and the color options you wish for the button.

Change the colors of the button that the users will see when they hover over the button.

Select the behavior of your popup after the form is successfully submitted:
Show success message - Add any message you wish, select the color and the font size of the text (e.g. you can show a coupon code in this field).
Close the popup - After the form is submitted, the popup will simply close.
Generate the lists from your MailChimp account and include them in a popup to have the maximally effective offers for subscription.
MailChimp Popup Creation
First thing you should to be able to use the MailChimp popup element in Popup Maker, you should go to the Integrations section and Activate MailChimp add-on.

As soon as MailChimp is activated, you'll be redirected to MailChimp settings to connect to your account via API key.

When your account is connected, click "Save changes" and go back to your Dashboard and proceed to popup creation.
You'll see the MailChimp icon in the editor's section of your Dashboard. Click to see the MailChimp popup elements on the right sidebar of the page.

MailChimp Element Options

In the Lists section, you can select the list of your MailChimp you wish for your specific popup.
If you make any changes in your lists in the MailChimp account, click "Refresh Data" to apply the changes.
Email Field

Change the Placeholder text of the Email field if you wish.
MailChimp options

Check the box to show only the required fields of the MailChimp form in the popup.
Inputs

Check the box to show the labels of the input fields.
Set up the sizing and the color options of the fields.
Input Focusing

Select the focusing border color of the input fields of the form. It will be visible only when you check it on the page inserted.
Button

Change the label text of the button, add the sizing and the color options you wish for the button.
Button Hovering

Change the colors of the button that the users will see when they hover over the button.
After MailChimp Form Submitted

Select the behavior of your popup after the form is successfully submitted:
Show success message - Add any message you wish, select the color and the font size of the text (e.g. you can show a coupon code in this field).
Close the popup - After the form is submitted, the popup will simply close.
Updated on: 11/11/2020
Thank you!