Prerequisites

The.com BasicsElement Attributes

Get the Embed Code

Login to Mailchimp and click on Integrations in the left side menu. Scroll down and select the Custom Website option. From here, you will be able to get the Mailchimp code for your website which will enable pop-up forms.

Enter your website's domain for validation. Then click Get Code and copy the code snippet.

Add the Embed Code

In The.com,

1. Create a Raw HTML Element anywhere on a page.

2. Paste the code in the Text attribute.

3. Deploy the page.

Open the deployed page. You won't see anything happen since this code is used to render content that you might not have set up yet.

Validate and Create Forms

On Mailchimp, click Check Connection. If you have set up the script correctly, you will be prompted to create a form.

Popup Forms

Click to try out popup forms. Customize your form and when you are ready, click Save Changes, enable the form, and then click Save Changes again.

Now if you refresh your live webpage, you should see the popup. If you don't, quickly try going to your site in the Incognito or Private mode of your browser and it will work there.

This is because Mailchimp will only show the form once per user, and since you have been on your site from your browser multiple times, Mailchimp thinks it shouldn't show the popup (private browsing mode removes traces of being to a website before). When new users visit your site, the form will appear.