When you create a list in MailChimp, we automatically generate a customizable signup form for that list. We also provide mobile-responsive code to embed small forms on your website.

Below, you'll learn how to add an embedded form to your site, and how to add a form to a third-party site.

In this article:

Generate Embedded Form Code

The Form Builder for the embedded forms allows you to choose from one of our form options, customize different settings, and generate the form code to add to your site. Our forms support HTTPS if HTTPS is set up on your site. Keep in mind that your forms will inherit your website’s CSS, so they may look a little different when you view them on your site.

Follow the steps below to get the form code to add to your site.

  1. Navigate to the Lists page.
  2. Select Embedded forms.
  3. Choose the form optionClassic, Super Slim, or Naked—and customize the settings.
  4. Click within the Copy/paste onto your site block to select the full code, and use your browser's option or a keyboard shortcut (CTRL-C on a PC or COMMAND-C on a Mac) to copy the code.
  5. Paste the embedded form code into your website's HTML. 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 code.

Embedded Form Options

MailChimp's embedded signup form options allow for different levels of customization. Review the features of our Classic, Super Slim, or Naked forms to decide which best suits your needs.

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 is more robust and offers additional, customizable options.

  • Show and specify the title for the embedded form.
  • Toggle between showing only required fields and showing all visible fields for your list.
  • Show or hide groups on your embedded form.
  • Show or hide the indicator for required fields.
  • Specify a width for your form. By default, the form will expand to fit the area where the form code is placed.
  • Disable JavaScript for the form, include an archive link to view past campaigns sent to the list, and include a MonkeyRewards link.

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 the title for the embedded form.
  • Toggle between showing only required fields and showing all visible fields for your list.
  • Show or hide groups on your embedded form.
  • Show or hide the indicator for required fields.
  • Specify a width for your form. By default, the form will expand to fit the area where the form code is placed.
  • Add an archive link to view past campaigns sent to the list, and include a MonkeyRewards link.

Naked form options

Note

You also have the option to design a pop-up signup form that displays your signup form in a pop-up modal a set number of seconds after someone visits your site. The pop-up signup form is a good way to emphasize the option to sign up to your newsletter.

Add Form to Third-Party Website

MailChimp signup forms can be added to third-party website platforms. Below are some common third-party website providers you can add MailChimp forms to. If you use another platform, check your website provider's support page for guidance.

This feature is limited to certain user levels. You can see your user level on the Users & Account Details page and this article explains what each level can access in the account.

Was this article helpful?
What can we do to improve your experience with articles like this?
Thanks for submitting your feedback!
At this time, we are unable to reply to any responses, but we'll use this information to keep the site up-to-date.
Sorry, we were unable to submit your feedback. Please try again later. Thank you for your patience.

Related Articles