In addition to the signup forms that MailChimp hosts for all of your lists, MailChimp also offers a small "embed form" that you can place on your website. To use the small form:

1. Log in to MailChimp.
2. Click on Lists.
3. Click on View List.
4. Hover over For Your Website and click Signup Form Embed Code.
   
5. Choose one of the three form styles:
   • Super Slim Form
     A simple form with only the email address field. If you have other required fields in your list, try one of the other options.
   • Classic Form
     The Classic MailChimp Embed form, with multiple customizable options.
   • Naked Form
     Similar to the Classic Form, but with no CSS or Javascript, allowing greater control and flexibility.
6. Click Options to customize your form.
   The options available vary based on the form you choose:
   • Super Slim Form
     
     • Name your form and set the width, in pixels.
     
   • Classic Form
     
     • Check to show a title on your embed form, and specify the title.
     • Toggle between showing only required fields and showing all visible fields for your list.
     • Check to show groups on your embed form.
     • Check to choose whether to show an indicator for required fields.
     • Specify a width for your form; default will exapand to fit the area where the form code is place.
     • Check additional options to enhance your form such as enabling Evil Popup Mode, adding your subscriber count, or displaying the MailChimp badge. Click on the "?" next to the option to see additional information about the option.
   • Naked Form
     
     • Includes the same options as the Classic Form except javascript can't be enabled for this form and the Evil Popup Mode can't be enabled because it requires javascript.
     
7. Click "Create Embed Code" button to generate the code for the form you've created.
   
8. Click in the box where the code appears.
   
9. By default, all of the text will be selected in most browsers. If not, select all of the text in the box.
10. Copy the text.
11. Paste into the appropriate location for your website, such as a widget box for HTML.

What about the form I spent a lot of time designing?

The embed code is different from the one created at Lists > Forms. It's more of a mini form, with just a few options, designed to be placed within the design of another site in most cases.

If you prefer to use the fully-designed form that you've created, here's how:

1. Log in to MailChimp.
2. Click on Lists.
3. Click on forms for the list you're working with.
   
4. Click on the share it tab.
5. Click on the Subscribe Form URL link to bring your form up in a separate window.
   
6. In the browser window with your form, go to view > page source.
   
7. Copy/paste this code into your website.

You'll notice right away that even though you're hosting the signup form, once people click the submit button, they're taken to our hosted "thank you" page. Some crafty MailChimp customers have either modified the code for those pages to match their look and feel, or they've replaced the code for those pages with redirect scripts, pointing back to their own hosted thank you pages.

---

Related Articles

• Setting Up Chimpsterous
• What Is My Subscribe Form QR Code?
• Setting Up Chimplr
• How do I add a MailChimp signup form to a Yola website?
• How to add a MailChimp signup form to your Wordpress blog