Embedding content

Mailchimp

Many people use Mailchimp for their email lists. If you’d like to give your visitors a way to subscribe to your list on your blog, you can either use the subscriber popup form, or a regular signup form.

Table of Contents

The Subscriber Pop-up Form
Updating Your Form
Alternatives to a Pop-up

The Subscriber Pop-up Form

A subscriber popup form can be engaging, as it appears on top of your site, the first time a user opens it. Here’s how you can set one up:

First, either create a Mailchimp account or log in to your current one.

Mailchimp has an option to connect your site to Mailchimp for automatic integration; however, the code they require is not supported on most sites hosted here on WordPress.com.

In order to follow the steps in this guide you will want to skip the connection option in Mailchimp.

If you already attempted the connection, you can go to your profile, click on connected sites and choose the disconnect button at the bottom.

Next, create an email list (Mailchimp calls this an “Audience”) for your website’s followers.

Click here to view instructions on how to create an audience in your Mailchimp account.

Once you have your new audience created, click on Manage Audience then Signup forms.

Mailchimp Signup Forms
In your Mailchimp Audience, click Manage Audience → Signup forms

In the Signup forms section of your Mailchimp Audience, select the Subscriber pop-up.

Mailchimp - Subscriber pop-up

Design and configure your form however you’d like.

It’s tempting to set up your form to show a pop-up as soon as visitors open your site. Definitely think about editing the settings to showcase the popup after 5 seconds instead of immediately.

Mailchimp - Pop-up settings

The Mailchimp form will only show to visitors once! The more time they have to familiarize with your site, the more likely they’ll sign up to your mailing list!

Make sure to Publish your form and then click View Code (both buttons are in the lower right).

Mailchimp - Publish and View Code
Publish your new form, and then View Code.

You’ll get a popup with some code. Copy that code, making sure not to change anything.

MailChimp Copy Code

Back on WordPress.com, head over to Customize and select the site you’d like to run the popup. Select Widgets

customize-widgets
Go to Customize → Widgets

Select a widget area to add the widget to. Since the Mailchimp form will show as a pop up form, it doesn’t matter which widget area you add the widget to.

Next, click the button to Add a Widget.

Add A Widget Button
Click Add a Widget

Either scroll down the list of widgets or search to find the Mailchimp Subscriber Popup.

Select Mailchimp Widget
Add the Mailchimp Subscriber Popup

The widget’s settings will come up.

Mailchimp Widget Code

Now you need that snippet of code you copied from Mailchimp’s site. Paste your code into the text box. You can limit where the popup will appear to your visitors  by configuring the widget’s Visibility settings. When you’re done making changes click the Save & Publish button up at the top.

The first time a visitor comes to your page, they’ll get a popup with your subscribtion form. Mailchimp stores a cookie in the visitor’s browser so they don’t get the popup more than once. Here is an example:

mailchimp-popup-example

↑ Table of Contents ↑

Updating Your Form

If you’d like to make changes to your form, return to your settings in Mailchimp to make your edits. As soon as you publish those changes to the Mailchimp form, they’ll automatically be reflected when the popup is shown to the next user. So you don’t even need to copy/paste the code again!

You can create a regular signup form in the WordPress editor using the Mailchimp block.


↑ Table of Contents ↑

Alternatives to a Pop-up

While a popup form is an eye-catching way to get your visitors to sign up to your mailing list, you may want to integrate something a little more subtle.

Mailchimp Block

If you are using the Blocks Editor, you can add a Mailchimp Block to a page or a post using these instructions.

Integration with Wufoo

Integrating Wufoo with Mailchimp will allow you to embed a Wufoo form on a page, post, or widget and the forms will be sent to your Mailchimp account. Those instructions can be found here.

You will need a paid Wufoo account in order to integrate with Mailchimp.

Integration with JotForm

JotForm can be embedded on a page, post or widget, and integrated with Mailchimp to curate your mailing list.

Unlike Wufoo, Jotform can be integrated with Mailchimp free of charge.

Instructions for integrating JotForm with Mailchimp can be found here.

Not quite what you're looking for?

Get Help