Quantcast
Channel: WordPress Tutorials Archives - Formidable Forms
Viewing all articles
Browse latest Browse all 521

How to Add a Mailchimp Popup to WordPress [Two Easy Ways!]

$
0
0

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!

How to Add a Mailchimp Popup to WordPress

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.

Choose your Mailchimp audience

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.

Click Connect Site 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.

Copy the code from Mailchimp for your WordPress site

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:

  1. Edit your site’s files manually
  2. Use your theme’s editor
  3. 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. 

WPCode offers an easy way to add your code

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.

An easier way to add a Mailchimp popup form to WordPress

Formidable Forms x OptinMonster

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.

 Get Formidable Forms now!

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:

  1. Create your form
  2. Build your popup using OptinMonster
  3. Publish the popup on your site

So, let’s learn how to add a Mailchimp subscriber popup to WordPress.

Formidable Forms pro plans

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.

Click Add New

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.

Formidable's drag-and-drop builder

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.

Choose Popup in OptinMonster

Inside OptinMonster’s popup builder, search for the Canvas popup. Next, click Use Template and give your campaign a name.

  1. Delete all the elements on the canvas. Find the trash can in the top right corner of the block and click it.
  2. Click the Columns block and drag it to the canvas.
  3. In the Blocks tab, add an HTML block.
  4. Paste the shortcode from the previous step into the HTML block.
  5. 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.

Time on Page

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!

Example popup form

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.

 Get Formidable Forms now!

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!

The post How to Add a Mailchimp Popup to WordPress [Two Easy Ways!] appeared first on Formidable Forms.

Viewing all articles
Browse latest Browse all 521

Trending Articles