If you use MailChimp, you can put a signup form on your website that is connected to your mailing list. Entries into the form will be automatically added into your MailChimp mailing list. For instructions on how to add a form to your website, read below.

Note that this is a tutorial for websites that have access to the HTML files. If you use a Content Management System (CMS), check out our other MailChimp Form articles:

There are multiple forms that can be added to a website. See the tutorials below :

Embed a Form

MailChimp supplies you with the code you need to embed a form in your site. This is a static form that will be shown as a part of the page.  

  1. In MailChimp, go to your listsMailChimp Lists link image
  2. Choose the list you want to hold the new subscriptions, then click the arrow next to StatsArrow next to stats image
  3.  Click Signup Forms in the drop-down list that appearsSignup option form image
  4. Next to Embedded forms, click SelectSelect button next to Embedded form image
  5. Edit the form options as you see fit
  6. Copy the code under the Copy/paste onto your site headerCopy and Paste location image
  7. Now go to your site files and paste the code in the area you would like it to appear

Once you update the site files on your server, the form should appear on your website.

Embed a Pop-Up Form

MailChimp also supplies you with the code needed to add a pop-up form on your site. This form is a moving piece on your webpage and can be configured to appear immediately or after a certain amount of time. There are also different locations and appearances that can be configured for the pop-up form. Follow these instructions to see how a pop-up form can be added to your site files.

  1. In MailChimp, go to your listsLists in Mailchimp image
  2. Choose the list you want to hold the new subscriptions, then click the arrow next to StatsArrow next to stats image
  3. Click Signup Forms in the drop-down list that appearsSignup option form image
  4. Next to Subscriber pop-up, click SelectSubscriber popup image
  5. Edit the form options as you see fitEditor options image
  6. When you’re finished editing the form, click Publish
  7. Click Publish in the pop-up. This saves your form for future usePublish Form image
  8. You will return to the editor. Click View Code. This will generate a pop-up with the code for the form enclosed
  9. Copy the code in the pop-upcopyable code in popup image
  10. Go to your site files and paste the code in your preferred area

Once the files have been updated on your server, your form should appear on your website.

Note: If you want to change the pop-up form at any time, you can come back to the form editor, make your changes, and click Publish. This will automatically make the changes to the form you previously created.

Keep in mind that this will immediately affect the forms associated with this list that you have added to your site.