How to Make a Mailchimp Popup That’ll Double Your Lead List


Mailchimp is an all-in-one integrated marketing platform, with its bread and butter being email. 

It’s been around since 2001 and is an absolute beast, claiming over 60 percent of the email market with over 12 million customers. People love it because it’s easy to use, making it the ultimate tool for building a loyal list of email subscribers. 

In this post, I will explain how to use Mailchimp with Sleeknote to create an email popup that pulls in new subscribers left and right. 

So, let’s jump right in. Here’s how to make a Mailchimp popup with Sleeknote. 



How to Make a Mailchimp Popup

1. Specify What You Want to Use Sleeknote For

2. Choose a Popup Position

3. Choose a Themed Template

4. Edit the Elements of the Popup

5. Adjust the Layout

6. Add Additional Elements

7. Personalize the Teaser

8. Customize the “Success” Box

9. Finalize Your Mailchimp Popup

10. Integrate Sleeknote with Mailchimp

Step 1: Specify What You Want to Use Sleeknote For

To begin, you’ll want to select which specific goal matches the purpose of your campaign.

There are four options to choose from, which include:

  • Collect Email Addresses
  • Increase Product Sales
  • Connect with Visitors
  • Guide your Visitors

The option you select will determine the premade themes Sleeknote provides you with (something I’ll discuss in more detail in the next step).

I’m going to go with Collect Email Addresses for this example.

Just click “Select.”

1 Collect Email

Step 2: Choose a Popup Position

Next, you’ll need to decide where you want your Mailchimp popup to be displayed. 

There are five choices—the bottom right, the bottom left, the center, and the top or the bottom of the screen. 

I’ll go with the bottom right because it’s less intrusive, but feel free to experiment and do your own testing to see what works best for your e-commerce store. 

2 Slide in

Sleeknote will then confirm the position, and you’ll want to click “Continue.”

3 Continue

Step 3: Choose a Themed Template

Next, select a themed template that matches the offer you want to use.

Sleeknote has a lot to choose from, with Collect Email Addresses featuring 50 themes. 

4 Select Template

I’ll go with the 10% off men’s fashion template for this example. 

5 Discount Template

Also, note that there are some blank templates at the bottom, which you can use to build a template from scratch. 

6 Select Template

These require a bit more effort to create, but if you want total control over your Mailchimp popup, this is the choice you’ll want to go with. 

Step 4: Edit the Elements of the Popup

At this point, Sleeknote will start you off with a generic version of the template, like this. 

7 10% off mens

This is where you can start customizing your popup to make it 100% unique. 

Click on an individual element to begin. I’ll start by tweaking the headline.

Today’s e-commerce shoppers love discounts, with about 93% of them using a discount code each year. 

So, I’ll go ahead and offer a healthy 20% discount for signing up for this newsletter and make it specifically for men’s jeans. 

8 20% off mens

Note that Sleeknote allows you to easily change the font with this box, as well as the size, color, positioning, and so on. 

9 Edit Font

Now, adjust the rest of the text to fine-tune your offering.

You can switch up the body…

10 Text box

…the email input field and the CTA…

11 : 15 CTA button

…and also the image. 

I suggest spending some time toying around with Sleeknote to get a feel for the wide array of personalization features. 

It’s very intuitive. 

Step 5: Adjust the Layout

Another cool Sleeknote feature is being able to modify the layout of a Mailchimp popup.

Just click on “Layout.”

12 Layout

This will display a list of all form elements, so that you can adjust even the smallest of details. 

Say, for instance, you wanted to tweak the CTA. 

Just click on “Submit Button.”

13 Submit Buttton

Then, change it however you’d like.

I’ll go ahead and make the border a bit thicker.

14 Edit CTA

So, this Mailchimp popup goes from looking like this…

11 : 15 CTA button

To this, making it a little more eye-catching. 

16 : 19 Close Button

Or, let’s say you want to do something as small as changing the size of the close button. Sleeknote makes it a breeze. 

All you have to do is click the “Close Button.”

17 Edit CLose

Then, adjust the image size. 

18 Adjust Image

You can either enter the exact size of font you want or move the scale until it’s just right. 

I’ll make it slightly bigger so anyone who’s not interested in signing up can exit without any drama.

So, it goes from looking like this…

16 : 19 Close Button

To this.

20 Arrow Close

Step 6: Add Additional Elements

By now, you should have a pretty nice looking Mailchimp popup that’s personalized to match your brand.

But you can take it one step further by going to Sleeknote’s “Add elements” section. 

21 Add Elements

Here you’ll find layout elements…

22 Layout Elements

…as well as form elements and 3rd party apps like Clerk, Hello Retail, and Raptor.

23 Beta Elements

Suppose you’re unfamiliar with these 3rd party apps. In that case, they’re designed to take your personalization to the next level—something that’s important given that “Eighty percent of customers are more likely to purchase a product or service from a brand who provides personalized experiences.”

To learn more about them, you can check out the, Hello Retail, and Raptor websites. 

I’ll go ahead and add a countdown from underneath “Layout elements” because creating a sense of urgency has been proven to raise opt-in rates

Just click on “Countdown.”

24 Countdown

Then, drag-and-drop. I recommended adding the countdown timer to the popup’s body. 

25 timer campaign

Voila! This Mailchimp popup now has a countdown timer to encourage more visitors to sign up. 

Step 7: Personalize the Teaser

After you’ve put the finishing touches on your popup, it’s time to customize the teaser.

If you’re unfamiliar, a teaser is a small box that appears on the bottom of a page before a popup is triggered. If a visitor closes the popup, it will go back to its position, but it remains in place for the visitor to reopen it if they change their mind later on. 

In other words, they can still sign up for your newsletter at any point, but it doesn’t get in the way. 

Here’s what the default teaser looks like.

26 TEaser

Just click on it to make edits.

For instance, I’m going to change the discount from 10% to 20% to match the popup.

27 Design Teaser

Once you’re happy with it, click “Save” and “Next Step.”

28 Save NExt

Step 8: Customize the “Success” Box

Now it’s time to optimize the “success” box, which is what shoppers see after opting in. 

Here’s what the default version looks like.

29 Thank you

I’ll go ahead and let subscribers know that we’ll only be sending out newsletters once a week by changing this little bit of text. 

30 Text
31 design colour

I’ll also make the font size slightly bigger, taking it from a 14 font to an 18. 

32 Fixed Thank you

And once you’re done, click on “Save Changes” and “Continue.”

33 Edit Mode

Step 9: Finalize Your Mailchimp Popup 

Once you’re satisfied with your popup and everything looks good, it’s time to wrap things up.

On the Triggers page, you can use targeting rules to target a specific audience, track a specific goal for your campaign, and use advanced options. 

34 Triggers

I’ll go ahead and choose “Scroll” and leave the percentage scroll as 35 percent, given that’s what our research found to be the optimal number. 

35 Scroll

Click “Continue,” and you’re all set. 

Sleeknote will then give you a list of other conditions, like only displaying the popup for a certain URL, specific geographic locations, after they’ve viewed a certain number of pages, and so on. 

36 Targeting Options

Add the conditions you’d like for total customization. Once you’ve got it just right, click on “Continue” at the bottom of the page. While these aren’t necessary to create a killer Mailchimp popup, they give you a greater control over your campaign.

So if you’re feeling frisky and want to experiment with them, you have several different options here. I don’t recommend “getting too cute” with these when you’re just starting out. But once you’ve learned the ropes, it’s fun to play around with. 

Step 10: Integrate Sleeknote with Mailchimp 

Last but not least, you need to integrate your popup with Mailchimp.

Here’s how to go about that. 

Once you do that, this screen will appear. Next, choose Mailchimp (it’s the very first option).

37 Mailchimp

You’ll then see this screen asking you to enter your Mailchimp credentials. 

38 Integration

To do this, you’ll need to enter your Mailchimp API key. Then, click “Submit.” Once submitted, you can then choose a list from the dropdown to send your leads. 

If you’re unsure what your Mailchimp API is or where to find it, check out this quick tutorial. Once you’ve done that and put the finishing touches on your campaign, click “Continue.”

And that’s it!

You’ve just made an awesome Mailchimp popup that’s completely customized for your e-commerce brand. 



Mailchimp is one of the most trusted and widely used email marketing platforms out there, with countless companies using it to build their brand. 

You can boost your email opt-ins on Mailchimp by using it along with Sleeknote to create an epic popup that instantly grabs your visitors’ attention. 

Studies have found that using popups like this can increase subscriptions by as much as 114% and leads by as much as 162 percent. And as we’ve just learned from this guide, making a Mailchimp popup with Sleeknote is pretty straightforward.

It’s just a matter of following a few basic steps and modifying the popup until it’s just right. 

What’s the number one goal of your Mailchimp campaign?