How to Create a MailChimp Popup

MailChimp extension is a great tool to enable your users to sign up to the mailing list right from the popup. All the design customization is up to your needs and preferences. You should simply connect your MailChimp account to our popup and start synchronizing your subscribers. Due to following the step-by-step instructions presented in this knowledge base, you will learn how to make an eye-catching MailChimp popup and make your offers as attractive as possible.

Steps to Follow

  1. In your dashboard, go to the “Popup Builder” section and click on “Add New”

  2. Select the “MailChimp” popup type from the menu

3. Then, enter a title for your MailChimp popup (visible to the admin only)

4. You can add an image and a text to your MailChimp popup in the HTML editor

5. Pass on to the following “MailChimp options” section and set up configurations specific to the MailChimp popup type.

  • In order to connect your popup to your MailChimp account you should follow the “Setup your MailChimp Api key” link.

  • Now, fill your API Key in the blank. If you don’t know where your API key is located, then follow the “Get your API key here” link. Copy the API key from the relevant page of your MailChimp account and paste it in the blank space in front of the “API Key” section. When you save the changes and go to the MailChimp popup, you will find it connected to your MailChimp account.


  • So, when the popup is already connected to MailChimp, you are good to go and select the MailChimp list you would like to use to make a popup. Then, pass on to the “General settings” section to set some important configurations. For instance, if you check the “Enable asterisk label” option, an asterisk will appear in front of the required fields. If you check the “Asterisk title” section, a field will appear where you can change the asterisk label. The asterisk label set by default is “indicates required”.    

  • Additionally, set labels of messages announcing some problems while processing your subscribers’ requests. For instance, when your future subscribers miss out filling in a required field, you can let them know through a text message that should be set in the “Required message” field. The message set by default is “This field is required”. Or else, your future subscribers might casually provide an invalid email address for the subscription. In the “Email message” section, fill in the message you would like to use to ask your future subscribers for a valid email. The message set by default is as follows: “Please, enter valid email”. Set the “Error message”, i.e. how the message announcing an error while sending the request should appear. The default message runs as follows: “Too many subscribe attempts for this email address.”

  • In the following “Inputs’ style” section you can set inputs’ dimensions and colors.

In the “Submit button styles” section you can set submit button title, dimensions, button background, border and text colors.

  • Then, select the action to be performed after successful subscription. You can show a success message, redirect your subscribers to another URL, open another popup or choose to hide the popup. If you choose to show a success message, you can decide how it should run. By default, the success message runs as follows: “You have successfully subscribed to our mail list”.

6. Then, choose “Selected posts” option from the dropdown menu in the “Display Rule” section if you want to show your MailChimp popup on a particular post (posts). In the “Is or is not” option select “is” from the dropdown menu. Well done! Now, in the “Select Your Posts” option, start typing the name of the post where you want the MailChimp popup to appear, click to select the post.  

7. Setting up the dimensions of your MailChimp popup, the best option to have a responsive popup is to use the "Responsive mode" with the “Auto” option for your popup dimensions. If you set the “Auto” option, the size of the popup will be counted automatically according to its content. Or else, select an amount of percentage from the dropdown menu thus specifying the popup size on the screen in percentages. Select the “Custom mode” if you want to give customized dimensions to your popup.    

Let’s have a look at a sample MailChimp popup