Popups are great tools for gathering names for your latest giveaway or webinar, but they can be confusing to install. 

The first time I tried to add a popup to my site, I got so frustrated, almost as frustrated as when a pesky popup won’t go away when I am trying to read an article.

Now that I have figured it out, let me share the wealth. MailChimp has a FREE popup that is easy to install.  Let’s get started!

Create your popup 

In this step you will be designing your popup and given the HTML code that you need to paste into your website. 

In MailChimp, go to the Lists tab, and create a new list for your popup. On the right side of the screen, click the drop down menu for your list and choose Signup forms.

Sign-up form dropdown

Select Subscriber popup

As you go through the design process, MailChimp allows you to see it in real time. To see how your popup will look on different devices, click the Desktop and Mobile buttons in the top left corner of the screen. 

MailChimp also adds a cookie to the viewer’s browser to prevent it from showing on their next visit to your site, so you won’t be that annoying site that has a pesky popup. every. single. time.

In the Design screen, choose your layout, form labels, and text color. 

Design layout screen

In the Modal Styling section, you will enter the Close button text, select the Close link color, and set the Overlay Opacity percentage.

Modal styling screen

The Close Button Text is the text that appears in a colored box to finalize the opt-in process. This button is also referred to as the Call to Action button.

The Close Link color is the background color of the box where the Close button text appears. Choose a color that stands out and compliments your brand colors.

Want to take a peek at how your popup looks so far? In the upper right corner of your screen is a Preview Popup tab. 

Next you are ready to choose what fields you want on your form and the order they appear. 

Click on the Fields tab.

Add fields

Check the boxes for the Available Fields you want to appear in your popup. To change the order they appear in, click and hold the handle (the vertical line of 3 dots) to the left of the field name and drag and drop. 

If you want certain fields to be required, move the toggle to show a green check mark in the Required column. 

Required fields

Now it’s time to add content to your form. Click the Content tab to upload your image and add text to the body and footer. 

Click the Settings tab, choose Popup Delay, and set the Max Popup Width

Click the box for Generate Code. You will receive the HTML code to paste into your website.  

Edit your popup

If you need to make changes to your popup, go the the List tab and click the drop down menu for your new list. Choose Signup Forms, then select Subscriber Popup

Make your changes, and click Publish.

Publish button

A popup will appear notifying you that you are about to save publish your changes. Click Publish.

Save changes and publish


Recent + Relevant Posts:


The most valuable lesson I learned in 2023

Parts of this are probably going to come out wrong, but I hope you’ll bear with me as I suss this out. I think there’s something important here for more than just me. It’s me! Hi! I’m the problem, it’s me! The most valuable work lesson I learned this year? Not being so trigger-happy on…

Reinvention Co - Dusti Arab

a manifesto to improve the personal development space

Hi. I’m Dusti, a Fractional CMO and marketing strategist in the personal development space, and as a long-time service provider, I am an outspoken critic of the false promises, hypocrisy, and theft rampant in this multi-billion-dollar unregulated, and often harm-causing corner of the internet. Despite it all, I think there is good here – and…

Reinvention Co - Dusti Arab

With love from Colorado

Sitting at Corinne for brunch with my three beverages – orange juice for morning sickness, water for life, and coffee for my brain – I think I’ve finally adapted to the altitude and caught up on the lack of sleep. I’ve been in Denver since last Friday for The Failure Ball, seeing some of my…

Reinvention Co - Dusti Arab

Unexpected news

I’m still reeling from Wednesday. Making good on a campaign promise, Biden’s administration provided student loan relief to millions – including myself. As a recipient of Pell grants, meaning I was very poor when I went to college, $20,000 of my student loans were effectively wiped away with the stroke of a pen. I had…