---
title: "Using the MailChimp Subscriber Pop-up Widget from Jetpack"
description: "In this article: Creating the MailChimp Pop-up formUsing the MailChimp Widget A pop-up that appears on top of your site is one of the best ways to grab a viewer's attention. The MailChimp Subscriber..."
url: https://www.inmotionhosting.com/support/email/using-the-mailchimp-subscriber-pop-up-widget-from-jetpack/
date: 2019-08-30
modified: 2021-08-16
author: "InMotion Hosting Contributor"
categories: ["Email", "WordPress Tutorials"]
type: post
lang: en
---

# Using the MailChimp Subscriber Pop-up Widget from Jetpack

In this article:

- [Creating the MailChimp Pop-up form](#create-mailchimp-pop-form)
- [Using the MailChimp Widget](#use-mailchimp-widget)

A pop-up that appears on top of your site is one of the best ways to grab a viewer’s attention. The **MailChimp Subscriber Pop-up** widget works with your MailChimp account to provide you a solution. This tutorial will walk you through placing the widget and adding the code from MailChimp.

*Note: These directions require that you have a [MailChimp ](https://mailchimp.com/)account.*

## Creating the MailChimp Pop-up Subscription Form

Before you start building the form, remember that MailChimp saves subscription data into what they call an [**Audience**](https://us3.admin.mailchimp.com/lists/dashboard/signup-forms?id=627461). You will need to have created an **Audience **before you can use the widget.  The first step in using the pop-up is to build a subscription form.  MailChimp has many options to build forms, but the option you will be using is the one for the **Subscriber** **pop-up. **You can see it in the screenshot below:

[![](https://www.inmotionhosting.com/support/wp-content/uploads/2019/08/jetpack-mailchimp-b.png)](/support/wp-content/uploads/2019/08/jetpack-mailchimp-b.png)**Click on Subscriber Pop-up**

Once you’re in the editor for the pop-up form, edit the form until you’re satisfied with its design. Then when you’re done, click on the **Publish** button in the bottom right-hand corner. When you publish the form, it will be saved.  The screen won’t change, but you will need to click on **View Code** before you leave the editor. Copy the code that appears.

[![](https://www.inmotionhosting.com/support/wp-content/uploads/2019/08/jetpack-mailchimp-d-1024x736.png)](/support/wp-content/uploads/2019/08/jetpack-mailchimp-d.png)**Design the form, then copy the code**

## Using the MailChimp Widget

Once you have the code copied, you will need to place it into the widget.  . Place it into the location where you want the pop-up to appear.  You will need to be [logged into the WordPress Administrator Dashboard](/support/edu/wordpress/logging-into-wordpress-dashboard/) to use these instructions.

1. Click on **Appearance**, then click on **Widgets**.
2. Next, find the widget labeled **MailChimp Subscriber Popup**. [](https://arnel-io.com/wp1831/wp-content/uploads/2019/08/jetpack-mailchimp-widget-1.png)
3. You can set the location in the widget by clicking on the drop-down arrow.  You can also simply drag it into location.  In either case, once the widget is in place, click on the drop-down arrow to see the details for the widget. [](https://arnel-io.com/wp1831/wp-content/uploads/2019/08/jetpack-mailchimp-e.png)
4. Finally, in the field labeled “**Code**“, paste the code that you got from **MailChimp**. Click on **Save** when you’re done.

That completes the assembly of the widget with the code from MailChimp. Depending on your settings you will see the pop-up appear on your website when you open it.  Here you can see the pop-up appear in the bottom right-hand corner.

[![](https://www.inmotionhosting.com/support/wp-content/uploads/2019/08/jetpack-mailchimp-popup-final-1024x550.png)](/support/wp-content/uploads/2019/08/jetpack-mailchimp-popup-final.png)**Example of the pop-up window appearing on the front page**

Congratulations you now know how to add the **MailChimp Subscriber Pop-up** so that you can get your viewers to subscribe to your WordPress site! To learn more about using Jetpack, check out [How to Make Shortened WordPress Links](/support/product-guides/wordpress-hosting/how-to-make-shortened-wordpress-links-with-jetpack/)!