Add an Embedded Form to Your Website

You can embed a Mailchimp signup form on any page of your website. Customize the form to support your brand, or combine it with special offers to attract new subscribers and boost engagement.

In this article, you'll learn how to add an embedded form to your site, and which third-party websites accept Mailchimp forms.

Before you start

Here are some things to know before you begin this process.

• Use the Form Builder to modify your signup form and response emails before you generate the embedded form code.
• To match your form's visual elements to the exact design of your website, you'll need to modify the form code after you add it to your site.
• When GDPR is enabled, your form will show default legal copy. You can change the legal text and field options in your audience's GDPR fields editor.
• Embedded forms inherit your website's style sheet, so the form may look different in Mailchimp than it does on your website.
• If your site uses SSL encryption, our embedded and pop-up forms will support it.
• To prevent fake signups, you can enable reCAPTCHA confirmation to your form in your audience settings.
• This is an advanced feature and is recommended for users familiar with custom coding. Contact your developer, or hire a Mailchimp Expert if you need assistance.

Generate embedded form code

The embedded form builder lets you customize what appears on your form and its general layout. There are four layout and design pages:

• Form Fields
  These options let you choose which audience fields appear in your embedded form.
• Settings
  These options let you select a title for your form, the form width, and other form options such as disabling JavaScript for the form, showing an email format option toggle, and whether to show an archive link.
• Tags
  This option lets you assign tags to any contact who signs up through this form.
• Referral Badge
  These options let you choose whether or not to include a referral badge and which style to use.

Once you’ve customized the embedded form to your liking, you can generate the form code to add it to your site.

To get the form code to add to your site, follow these steps.

1. Click Audience.
2. If you have more than one audience, click the Current audience drop-down and choose the one you want to work with.
3. Click Signup forms.
4. Select Embedded forms.
   
5. Click Continue.
6. Click Copy Code.
   
7. Paste the code into your website where you want the form to appear.

Add form to third-party website

Many third-party website platforms make it easy to embed Mailchimp signup forms. Check your website provider's support page for guidance if your platform isn't listed here.

• Blogger and Blogspot
• Jimdo
• Weebly
• Webs
• WordPress
• Yola

Depending on your website platform, some changes to the form code may need to be done manually. Check out Troubleshooting the Embedded Signup Form article for more details.

Enable GDPR fields

GDPR form fields are the first step in the process of GDPR compliance. After you enable GDPR fields for your audience, they'll appear on all the forms associated with that audience, including embedded, hosted, pop-up, and landing page forms.

Mailchimp provides suggested language for GDPR fields. Use the audience settings and defaults page to edit the language to meet your marketing needs.

Collect Consent with GDPR Forms