1. Home
  2. PopupAlly Pro
  3. Opt-In Code From Email Providers
  4. How to get the HTML opt in code from MailChimp

How to get the HTML opt in code from MailChimp

PopupAlly Pro + MailChimp work great together! This tutorial will walk you through how to get the HTML opt in code from MailChimp for your website opt-in.

Video Tutorial

Then, add this code, directly into your PopupAlly settings in WordPress.

Written Tutorial

Step 1: Select your signup form(s)

With the list selected, click on the ‘Signup forms’ tab & select ‘Embedded forms’

Inside Mailchimp, go to Create > Signup Forms.

Then, select the list you’d like to add your signups to.

Mailchimp interface

Step 2: Find the HTML code

The signup form HTML code is in the bottom right

Under the Unstyled tab, copy the HTML code on the bottom right. It’s important to get all of it!

A screenshot showing where to find the embedded HTML for a site.

Step 3: Paste the HTML code in your PopupAlly settings

Simply paste the HTML code into the “Sign Up HTML” section in your PopupAlly settings.

You’re good to go!

mailchimp popup wordpress

Step 4: Set the thank you page

To set up the Thank You page, select ‘General Forms’
Finally, you’ll want to make sure that each person who signs up using your MailChimp Popup WordPress form gets redirected to a polite Thank You Page!

We do have a more detailed tutorial on how to Setup the Thank You page, but within MailChimp, head to Signup forms > General forms.

MailChimp popup plugin WordPress

Icon showing an exclamation mark meaning warning
Warning: Although PopupAlly Pro gives you the option of showing a “thank you popup” after someone opts in, Mailchimp’s API blocks those new subscribers. Instead, please make sure to use the Thank you page as shown here.

Step 5: Enter your thank you page URL

Select ‘Sign up Thank You Page’ from the dropdown, and enter the Thank You page URL
Here you can add the URL that each user who opts-in will be sent to.

MailChimp Popup WordPress

Now, Your MailChimp Popup WordPress Integration Is Ready to Go!

Step 6: Paste the code into your popup settings

Now that you’ve copied the code, paste it into your PopupAlly Pro settings. Go to: Style Settings > Sign Up HTML.

Screenshot of PopupAlly Pro settings of where to paste code

Testing

Test your opt in by opening an incognito or private browser. Enter an email address to test the process.

Updated on November 23, 2020

Was this article helpful?

Related Articles

NO QUESTION GOES UNANSWERED

If you have any questions, we're just an email away.

We take your success seriously, and you'll always get a speedy reply from a real person during business hours.

Opt-In-Laptop.png

AccessAlly is the #1 WordPress Course and Membership Solution for Industry Leaders

WATCH THE DEMO

You'll get follow-up emails about AccessAlly and new features. Opt out anytime. Full privacy policy here.