Looking to add a Mailchimp popup to WordPress? This guide will show you how to use WordPress to add a Mailchimp popup today with two easy methods!
Approximate read time: 5 minutes
Using Mailchimp to embed popup forms is an easy way to add subscribers to your newsletter email list.
But, getting your Mailchimp popup on your website? Doesn’t seem as easy.
It’s actually much simpler than it seems, though. And this guide will give you a Mailchimp popup form on your WordPress website today in two ways: with Mailchimp and with Formidable Forms.
Let’s get started.
How to add a Mailchimp popup to WordPress with Mailchimp
We’ll first show you how to do it with a Mailchimp tutorial.
That way, you can have all options and use what’s best for you.
First, head to your Mailchimp account and click Create → Signup Form → Pop-up form.
Next, choose which audience your subscribers will be assigned to when they sign up, then click Begin.
Feel free to customize your subscriber popup to match what your Mailchimp audience and Mailchimp subscribers would expect.
Once you’re done, click the Connect Site button at the top of the page.
Then, enter your website’s URL, and Mailchimp will generate a piece of code. Copy this and add the Mailchimp popup code to WordPress in the <head> of your website.
Next, head to your WordPress dashboard to embed your Mailchimp popup in WordPress.
To do this, you have a few options depending on your setup:
- Edit your site’s files manually
- Use your theme’s editor
- Install and use a 3rd-party plugin
1. Edit your site’s files manually
In your WordPress dashboard, go to Appearance → Editor and find the header.php file.
You should see your <head> tag located near the top of your file, between the <html> and <body> tags.
Paste your Mailchimp code between the <head> opening and closing tags.
Save your changes and head back to Mailchimp to verify your connection by clicking the Check Connection button.
If everything is good, you now know how to embed a Mailchimp popup form into WordPress!
2. Use your theme’s editor
Most themes have a built-in editor to adjust your site’s files easily.
Depending on your theme, it will vary where the editor is located. However, using your editor will follow similar steps to the ones we showed you above.
So, find your <head> and enter your Mailchimp code between the tags, then check the connection with Mailchimp.
3. Install and use a 3rd-party plugin
If editing your site’s files makes you nervous, a plugin can do the trick.
There are many to choose from in the WordPress plugin library, but a popular option is WPCode which makes it much simpler to edit your code.
Once you install and activate it on your WordPress site, you simply go into the Header & Footer section, paste your code, and then save.
And that’s it!
Head back to Mailchimp and check the connection, and you’ll be good to go! And that’s how you add a popup form in Mailchimp.
But how about removing it?
How to remove a Mailchimp popup form in WordPress
To remove your Mailchimp embedded form, you’ll need to remove the piece of code you pasted in your <head> tag.
So, using one of the three methods listed above, head into your WordPress dashboard and remove the code.
Once it’s removed, your site will be Mailchimp-free.
👉 Want to style your Mailchimp forms?: How To Style Mailchimp Forms in WordPress [2 Methods!]
An easier way to add a Mailchimp popup form to WordPress
Let’s address the elephant in the room here.
Editing your site’s code can be intimidating. Especially if you have zero experience with it, you’d never want to mess up your website. And since there’s no Mailchimp plugin for your Mailchimp signup forms, you must do that.
But there is a simpler solution: use Formidable Forms and OptinMonster.
Formidable Forms has Mailchimp integration, making it easy to make Mailchimp forms. And OptinMonster is the leading plugin for creating popups. So, with the two combined, you get everything Mailchimp offers and (way) more!
It’s so simple. It’s only three easy steps:
- Create your form
- Build your popup using OptinMonster
- Publish the popup on your site
So, let’s learn how to add a Mailchimp subscriber popup to WordPress.
Step 1: Create your form
After you’ve installed and activated Formidable Forms and OptinMonster on your website, you'll just need to install the Mailchimp add-on.
Then, go to Formidable → Forms → Add New in your WordPress dashboard.
Next, choose one of Formidable’s pre-made templates or a Blank Form. Then, give your form a name and click Create.
You can customize your form on your website however you like using Formidable’s drag-and-drop form builder. For example, you could add Text, Email, and Paragraph form fields to design a simple contact form.
Click Update to save your changes once you’re finished designing your form.
Last, click Embed → Insert manually and copy the WordPress shortcode. You’ll need this in the next step.
Step 2: Build your popup using OptinMonster
Head to OptinMonster in your dashboard, and create a new campaign.
Choose Popup and click Create New.
Inside OptinMonster’s popup builder, search for the Canvas popup. Next, click Use Template and give your campaign a name.
- Delete all the elements on the canvas. Find the trash can in the top right corner of the block and click it.
- Click the Columns block and drag it to the canvas.
- In the Blocks tab, add an HTML block.
- Paste the shortcode from the previous step into the HTML block.
- Save your form.
Next, we just need to configure when your popup displays.
Configure popup display rules
Click on Display Rules at the top of OptinMonster’s page.
You have a few options for displaying your popup, but we’ll show you how with Time on Page.
So, click on the Popular tab and find Time on Page. You can customize the length of time until it shows, along with other settings, in the setup.
Last, click Save in the top right corner.
Step 3: Publish the popup on your site
All you need to do is change the status of the popup to Publish.
Your Formidable form will be displayed inside an OptinMonster popup wherever you want on your site!
Talk about a great partnership!
How will you put a Mailchimp popup on WordPress?
Adding a Mailchimp popup to WordPress doesn’t have to be complicated.
And, with this post, you learned how to install a Mailchimp popup on WordPress using Mailchimp and Formidable Forms x OptinMonster to start growing your mailing list today.
If you want more information on creating a popup in WordPress, check out this more detailed guide on creating a popup.
Last, follow us on Facebook, Twitter, and YouTube for more WordPress tips & tricks!
Read more about Mailchimp
Did you know that Formidable Forms is one of the fastest WordPress form builder plugins available today? If you're not already using it, get started with our free plugin or the full-featured pro version!
Leave a Reply