Add a Signup Form to Your Website

Read this page in

Copied

You can embed a Mailchimp list 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 lists' 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 list’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.

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.

Navigate to the Lists page.
Click the drop-down menu next to the list you want to work with, 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 list from spambot signups, enable reCAPTCHA in your list settings.

Classic Form

Classic signup 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

Super Slim signup form

The Condensed form only includes an email address field. You can customize the title and width of the Condensed form. If your list has required fields other than the email address, or if you want more customization options, use one of the other form options.

Horizontal Form

sample 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

Naked signup 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 on your list, they'll appear on all the forms associated with that list, 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.
embedded forms EnabledGDPR

Collect Consent with GDPR Forms