How the Form Builder Works
Learn how to customize forms, welcome emails, and other response emails with our Form Builder.
Add a Signup Form to Your Website
Copy Article URL
Copied
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.
- There are four embedded signup form design options: Classic, Condensed, Horizontal, and Unstyled. 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 signup form builder.
- 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
After you've created your signup form in the Form Builder, you can choose a form option, customize settings, and generate the form code to add to your site.
To get the form code to add to your site, follow these steps.
- Click the Audience icon.
- Click Audience dashboard.
- If you have more than one audience, click the Current audience drop-down and choose the one you want to work with.
- Click the Manage Audience drop-down and choose Signup forms.
- Select Embedded forms.
- Choose a form type — Classic, Condensed, Horizontal, or Unstyled —and customize the Form Options.
- Highlight all the code in the Copy/paste onto your site field and copy it to your clipboard.
- Paste the embed form code into your website's HTML where you want the form to appear.
Form options
The Form Builder offers four types of forms: Classic, Condensed, Horizontal, Unstyled. Classic forms look the most like hosted Mailchimp signup forms, Condensed forms are great for a sidebar on your website, Horizontal forms work well as footers, and an Unstyled form has no defined styles.
In the Form Builder, you'll find Form Options for each, like whether to show, hide, or customize the form title. To help protect your audience from spambot signups, enable reCAPTCHA in your audience settings.
Classic form
The Classic form offers more traditional signup form fields, and allows you to customize additional fields and options, including form title and width, visible and required fields, groups, and other format options.
Condensed form
The Condensed form only includes an email address field. You can customize the title and width of the Condensed form. If your audience has required fields other than the email address, or if you want more customization options, use one of the other form options.
Horizontal form
The Horizontal form is similar to the Super Slim form and only includes an email address field. Choose whether to include the title, or customize it.
Unstyled form
Similar to the Classic form, but with no included CSS or JavaScript, the Unstyled form allows greater control and flexibility. You can include a form title, specify form width, determine which form fields to display and require, link to your campaign archive, and more.
Note
Mailchimp also offers a pop-up signup form. Create your signup form and set pop-up parameters that trigger your form to display in a pop-up modal after someone visits 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.
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 form builder to edit the language to meet your marketing needs.
