Add a Signup Form to Your Website

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 Builderto modify your signup form and response emails before you generate the embedded form code.
  • There are four embedded signup form design options: Classic, Super Slim, Horizontal, and Naked. 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.
  • 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.

  1. Navigate to the Lists page.
  2. Click the drop-down menu next to the list you want to work with, and choose Signup forms.
  3. Select Embedded forms.
  4. Choose a form typeClassic , Super Slim , Horizontal , or Naked —and customize the Form Options.
  5. Highlight all the code in the Copy/paste onto your site field and copy it to your clipboard.
  6. 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, Horizontal, Super Slim, and Naked. Classic forms look the most like hosted MailChimp signup forms, Super Slim forms are great for a sidebar on your website, Horizontal forms work well as footers, and a Naked 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.

Super Slim Form

Super Slim signup form

The Super Slim form only includes an email address field. You can customize the title and width of the Super Slim 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.

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.

Naked Form

Naked signup form

Similar to the Classic form, but with no included CSS or JavaScript, the Naked 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.

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.

Was this article helpful?
Anything else we can do to improve our site?

Technical Support