When you create a list in MailChimp, we automatically generate a customizable signup form for that list. In addition to this full form we host for you, we also provide mobile responsive code for small forms that you can embed on your website. Below we'll walk you through each of our form options and how to add them to your site.

In this article:

Embed Form options

MailChimp has a few different options for embedded signup forms that allow for different levels of customization. Below, we walk you through the features of our Classic Form, Super Slim Form, or Naked Form so you can decide which best suits your needs. 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 go to view them on your site.

Super Slim Form
Super Slim signup form

The Super Slim form is a simple version of the list’s signup form that only includes an email address field. You can only change the title and width of the Super Slim form. If you have required fields other than email address in your list or would like more customization for your form, check out 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 embed form.

  • Toggle between showing only required fields and showing all visible fields for your list.

  • Show or hide groups on your embed form.

  • Show or hide the indicator for required fields.

  • Specify a width for your form; default will expand to fit the area where the form code is placed.

  • Additional options to Enhance your form include: turning on evil popup mode, disabling JavaScript for the form, including an archive link to view past campaigns sent to the list, and including a MonkeyRewards link. Click the i icon next to an option to see additional information.
    Classic form options

If you enable evil popup mode - when your visitors go to your website, your site waits for a certain amount of seconds (that you set) and then greys out your site in the background to display a popup signup form. Some people find those forms really helpful. Some find them really annoying.

The cookie we use to note that the evil pop up mode has already popped up should also prevent the popup from being displayed again and again on the site regardless of the page your visitors are on within your website. If you have the ability or the resources, you are welcome to download the JavaScript code we're providing (the included xs-js one is what you need) and modify the behavior however you wish.

Some decent JavaScript skills will be required to take care of that modification as it's proprietary code for your own site.

Naked Form
Naked signup form

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

  • Show and specify the title for the embed form.

  • Toggle between showing only required fields and showing all visible fields for your list.

  • Show or hide groups on your embed form.

  • Show or hide the indicator for required fields.

  • Specify a width for your form; default will expand to fit the area where the form code is place.

  • Additional options to Enhance your form include adding an archive link to view past campaigns sent to the list and including a MonkeyRewards link. Click the i icon next to an option to see additional information.
    Naked form options

Add the full form to your website

If you’d prefer to add the full signup form that you created within MailChimp to your website, instead of the smaller embedded forms, you can do that using the source code from your form’s URL. Below, we walk you through how to access the source code for your form that you can use to post the full form to your site:

  1. Navigate to the Lists page.

  2. Click on the list drop down menu and select Signup forms
    Stats drop-down menu, signup forms

  3. Click the General forms option.
    Select general forms

  4. Copy the Signup form URL. Create form url

  5. Open a new web browser window or tab.

  6. Paste the Signup form URL into the browser address bar and press the enter key on your computer's keyboard.

  7. After your form loads, right-click the page and select your browser's page source option.

  8. Copy/paste this code into your website.

Once someone submits their signup information, they are directed to the MailChimp-hosted “thank you” page, unless you redirect to your website.

Add form to a third party website

MailChimp signup forms can be added to third party website platforms. Check the list below for some common third party website providers you can add MailChimp forms to. If you use another platform, be sure to 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