Add a Signup Form to Your Website

This feature requires Manager user level or higher.

When you create a list in MailChimp, we automatically generate a customizable signup form for that list that's optimized for mobile viewing. If you're a paid user with coding expertise or access to a developer, advanced forms are available to further customize your form code.

Below, you'll learn how to add an embedded form to your site, and which third-party sites accept MailChimp forms.

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. If your site is secure, our forms support HTTPS. Embedded forms inherit your website's style sheet, so the form will look different in MailChimp than it does on your website.

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

  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, or Naked—and customize your Form options.
  5. Highlight all the code in the Copy/paste onto your site field and use your preferred method to copy it to your clipboard.
  6. Paste the embedded form code into your website's HTML where you want the form to appear. The best place to add the code varies from site to site, so reach out to a developer if you're uncomfortable with modifying your site's HTML.

Embedded Form Options

The Form Builder offers three types of forms: Classic, Super Slim, and Naked. Each one serves a different purpose, so you can choose one that fits your needs best. Classic forms look the most like hosted MailChimp signup forms, while Super Slim is great for a sidebar or footer on your website, and Naked has no defined styles.

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 below.

Super slim form options

Classic Form
Classic signup form

The Classic form offers more traditional signup form fields, and allows you to customize additional fields and options.

  • Show and specify a form title.
  • Specify form width.
  • Choose whether to show all visible fields or only required fields.
  • Show or hide the indicator for required fields.
  • Show or hide groups.
  • Show format options.
  • Choose whether to include an archive link to view past campaigns sent to the list, and/or a MonkeyRewards link.
  • Disable JavaScript.

Classic form options

Naked Form
Naked signup form

Similar to the Classic form, but with no CSS or JavaScript, the Naked form allows greater control and flexibility.

  • Show and specify a form title.
  • Specify form width.
  • Choose whether to show all visible fields or only required fields.
  • Show or hide the indicator for required fields.
  • Show or hide groups.
  • Show format options
  • Choose whether to include an archive link to view past campaigns sent to the list, and/or a MonkeyRewards link.

Naked form options

Add Form to Third-Party Website

MailChimp signup forms can be added to many third-party website platforms, listed below. If you use another platform, check your website provider's support page for guidance.

Was this article helpful?
What can we do to improve articles like this?

Tagged

Technical Support