Embed a Mailchimp signup form on your website to attract new subscribers and boost engagement.
In this article, you'll learn how to add an embedded form to your website, and which third-party websites allow Mailchimp forms.
Before you start
Here are some things to know before you begin this process.
- Use the Form Builder to modify your response emails before you generate the embedded form code.
- To match your form's visual elements to the design of your website, you'll need to modify the form code after you add it to your site.
- Embedded and pop-up forms support SSL encryption.
- To prevent fake signups, enable reCAPTCHA confirmation for your form in your audience’s 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.
Customize your embedded form
The embedded form builder lets you customize your form’s content, settings, and some of its behavior. There are 4 menus within the embedded form builder. Here are some more details about each.
- Form Fields
Enable, disable, or rearrange specific audience fields to manage what appears on your embedded form and in what order. Enter a display name or help text to customize your form experience for contacts. A preview of your embedded form populates after you make any changes. To enable or disable a form field, toggle the field name slider on or off. To rearrange your form fields, click the dot icon next to a form field, then drag and drop it into the desired position within the list. To edit or move a form field, it must be enabled. Form fields automatically move to the top of the list after they’re re-enabled, and they move to their original position if they’re disabled.
Automatically tag any contact who signs up via your embedded form. Assign an existing tag or add a new tag. To learn more about how to use tags to manage your audience, check out Getting Started with Tags.
- Referral Badge
Select whether or not to include a Mailchimp Referral badge and which style to use. The Referral badge is required for Free accounts.
Once you’ve customized the embedded form, generate the form code.
A few of the embedded form fields have specific requirements to keep in mind.
- The Email Address form field is required and can’t be disabled or edited.
- You can edit the display name for the Address form field, but not the help text. Default help text is automatically used for the Address field.
Generate embedded form code
To generate the form code to add to your website, follow these steps.
Click Audience, then click Signup forms.
If you have more than one audience, click the Current audience drop-down and choose the one you want to work with.
Select Embedded forms.
Click Form Fields, Settings, Tags, or Referral Badge to customize your form.
When you’re ready, click Continue.
Click Copy Code.
Paste the code into your website where you want the form to appear.
Embedded forms inherit your website's style sheet, so the form may look different in Mailchimp than it does on your website.
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.
Depending on your website platform, manual changes to the form code may be required. For more details, check out Troubleshooting the Embedded Signup Form.
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 forms associated with that audience, including embedded forms, hosted forms, pop-up forms, and landing pages.
When GDPR is enabled, your form also shows the default legal copy. Change the legal text, field options, and Mailchimp’s suggested language for GDPR fields in your audience's GDPR Marketing Preferences page.
To learn more about how Mailchimp handles GDPR, check out Collect Consent with GDPR Forms.