Create a Popup Form

Add stylish forms to your website and reach new contacts with Mailchimp's popup form builder. Popup forms can be an effective way to collect email addresses, phone numbers, and other information to grow your audience and build your brand.

In this article, you'll learn how to create a popup form in Mailchimp.

Things to know

Here are some things to know before you begin.

• The popup form is single opt-in by default. To help prevent fake signups, make your form double opt-in at any time, and enable reCAPTCHA confirmation in your audience's settings.
• Before you can send marketing text messages, you'll need to submit an application and be approved.
• You'll need to connect a site or Shopify store before you can enable your popup form.
• At this time, you can only send text messages to subscribed SMS contacts from the country that’s associated with your SMS Marketing program. For example, if your SMS Marketing program’s sending country is the UK, you can send text messages to subscribed UK SMS contacts.
• Your popup form design must comply with GDPR requirements. To learn more, check out Collect Consent With Popup Forms.

How it works

Popup forms can be an effective way to connect with potential customers, collect email addresses, phone numbers, and other information. After setting a goal for your form, you’ll select customizable pre-built templates that offer incentives to get visitors to sign up. Create as many popup forms as needed per audience and tailor them to suit your marketing needs.

Choose if you want to engage with customers via email, text message, or both. Data fields provide an opportunity for you to collect information about visitor preferences. Before you can collect SMS contacts, you’ll need to submit an SMS Marketing application and be approved. Enable tap-to-text, and your mobile visitors can sign up in 2 taps. SMS marketing consent is different from email marketing consent, so make sure you send marketing texts only to people who’ve opted into them.

Use advanced targeting and trigger capabilities to optimize your marketing strategy. When you’ve completed customizing your popup form and publish it to your website, we’ll automatically add the form to your connected site, Shopify store, or provide the code you need to connect your site.

We'll collect and display overall performance metrics on the homepage, overview page, and you'll see individual metrics on the forms details page.You can collect important data directly from subscribed contacts and then use it to build personalized emails and text messages to help grow your business.

Access the popup form builder

Use the new popup form editor to create and design your form. Choose specific offerings to incentivize visitors and grow your audience.

To access the popup form builder, follow these steps.

1. Click Forms, then click Popup forms.
   

You’ll navigate to the Popup forms Overview page where you can create your form.

Create a popup form

There are three main steps to create a form. Select an incentive to get visitors to signup, choose a template, then set up your form.

To create your popup form, follow these steps.

1. Click Create popup form.
2. On the Offer page, select the incentive you’ll use to get visitors to sign up, then click Continue.
   
3. On the Template page, browse the template library and select a template, then click Apply.
   
4. Click Preview if you want to see a live preview of how the template could look on a site.
5. On the Setup page, enter a name for your form, choose your audience, and type of data you'd like to collect. Collect email addresses, phone numbers, or both.
   
   Before you can send marketing text messages, you'll need to submit an application and be approved.
6. Click Create form.

That’s it! Your popup form is ready. You'll navigate to the Forms Editor to customize your form.

Customize your popup form

Design your layout, choose colors, add a logo, animations, and much more to customize your form and complement your website.

Review popup form settings

When you’ve setup and added design elements to your popup form, you can review and update your settings before you publish. The popup form checklist displays a checkmark next to all completed settings. We'll create default settings but you can adjust to suit your needs.

To review and edit your settings, follow these steps.

1. Click Review settings.
2. Click the button next to each setting to edit.
   Here are the settings you’ll see on this page.
   • Where should it show?
     What website you want your popup form to appear on. If you haven't already, you'll need to connect a site or Shopify store to enable your form. You can set rules to target specific pages if you don't want the form to show on every page.
   • Who should see your form?
     Set visitor rules for who should see your form. Effective targeting helps you give people the right content. If a person meets the conditions of your rules, they’ll get the popup form. Choices include:
     Anonymous visitors - people new to your site (default setting). Already known visitors - people who’ve opted in on a popup form.
     All visitors - anyone that visits your site.
   • When should it show?
     Set specific actions that triggers when the popup should show on your page, such as time on page, inactivity, quick scroll, or how long. You can show on all devices or target by device type, phone, tablet or desktop.
   • What does it look like?
     When you click this button, you’ll navigate to the popup form builder where you can edit and add content to your form.
   • Advanced settings?
     This is an optional step. You can refine your targeting and control how frequently your popup appears, adding stops and pauses. You can also decide how your form interacts with other popups, indicating whether it should replace them.

After you’ve reviewed your settings, and connected your site, you’re ready to publish your form! If not, you’ll need to connect your site. We'll show you how in the next section.

Connect your site

Before you can publish your form, your site needs to be connected to Mailchimp. You can connect your site before you create your form from the Overview page or right before you publish. If you’ve already connected a site, you’ll be able to move to the publish flow.

Connect with Shopify

To connect your Shopify store, follow these steps.

1. On the Where should it show? step, click Resolve.
2. Click Add a site.
   
3. Click Use Shopify, then click Add integration. You’ll navigate to the Shopify app store for the Mailchimp integration.
4. Login and complete the steps to add your shopify store.
5. Once you're done, click Refresh and close on the Connect through Shopify modal.
   You’ll see your site listed if the connection was successful.

Connect Manually

To connect your site manually, follow these steps.

1. On the Where should it show? step, click Resolve.
2. Click Add a site.
   
3. Select Manually connect site, then click Manually connect.
   
4. Enter your site URL and choose the audience you want to work with.
   
5. Click Get code snippet.
6. You’ll need to copy and paste this code between the tags on your website, or add to your site using Google Tag Manager.
   
7. Click Check connection to make sure you’ve connected successfully.

That’s it! If your connection is successful, you’re ready to publish.

Publish your form

After you've designed your form, connected your site, you can publish and make changes live on your website.

To publish your form, follow these steps.

1. Click Publish or schedule.
2. Click Publish now to have your form immediately appear on your site.
   
3. Click Schedule to publish your form later. Enter a start and stop date to indicate when you want the form to start and stop showing on your site.
   

Next steps

After your form is live on your site, we'll collect metrics to help you gauge performance and make adjustments. You’ll want to make sure you’re collecting the right information to meet your marketing goals. To learn more, check out Manage Your Popup Form.