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.

Step by Step Tutorial

1. Create a Signup Form

Go to: Create > Signup Form

MailChimp create a signup form

Make sure the correct list is selected in the dropdown, then click Begin.

At this point, you’ll see the customization area of your form. Please remember that you will do all of your designing inside PopupAlly. The only part we need from this particular form is the HTML code.

2. Locate HTML Code

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

Signup Code HTML for MailChimp

Step 3: Paste the HTML code in your PopupAlly settings

Now, paste the HTML code into the “Sign Up HTML” section in your PopupAlly settings (in the Style Settings tab).

PopupAlly - HTML Code placement

Step 4: Set the thank you page

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.

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!

Inside MailChimp, go to Audience > Signup Forms > Form Builder. In the Forms and response emails section, select Confirmation thank you page from the dropdown. Then, designate the correct thank you page URL.

MailChimp thank you page uRL

Make sure this is the same Thank You URL that you put in your PopupAlly settings!

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.

PopupAlly - HTML Code placement

Testing

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

Updated on January 19, 2021

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.

Laptop with the AccessAlly demo site

AccessAlly is the most flexible way to sell and elegantly deliver digital offerings. All in one place.

WATCH THE DEMO

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