Integrating Mailchimp with your Shopit website

Integrate Mailchimp newsletter signups


Mailchimp logo
Using our Shopit snippet functionality, you can easily integrate a Mailchimp 'Sign up to our Newsletter' box on your website.
  1. Create your account with Mailchimp 
  2. Go to Audience - Signup Forms
  3. Select or Create and Audience (or List, e.g. Website signups)



  1. Choose Embedded Forms
Mailchimp embed forms
  1. Create your Form - we suggest using the Advanced - Custom CSS so that the design works well with your website design
  2. Shorter forms (such as the Mailchimp Condensed) work better with Footer messages or Popups, or you can create a whole new page on your website for longer forms (such as the Mailchimp Classic)
  3. Copy the code generated for you under 'Copy/paste onto your site'
  4. Go to your Sales Channel Design page and click Edit - Edit website
  5. Scroll down to e.g. the Footer_block_1 snippet and click the green bar to edit
Edit Shopit snippet
  1. Paste your Mailchimp code in and customise accordingly.
  1. For example:
  2. Change the "background:#fff" to "background"#000" if you want it black
  3. Add "color:#fff;" if you want the font color to be white on this new black background.
  4. For more simple CSS guidance, we recommend visiting W3 Schools or FreeCodeCamp or contacting us on LiveChat via your Shopit admin for some help
  1. Click Update



  1. Refresh your web page, or go to Sales Channel Design page and View Store to test the changes *
  2. Anyone entering a valid email address, will have their details saved in your Mailchimp Audience list that you started with


Subscriber Popup 

  1. Choose Subscriber Popup
Mailchimp Subscriber Pop up
  1. Create your Form using the Mailchimp PopUp Designer to compliment your website design
  2. When finished, use the 'Connect your website to publish your pop-up on your site' link
  3. Enter your website address when prompted, and click Get Started
  4. Copy the code you are given to the Clipboard. Do not close this window yet.
    Mailchimp code
  5. Open a New Tab, and go to your Shopit Sales Channel, and click Marketing on the green left hand menu
  6. Scroll down to the Analytics and Tracking box
  7. Paste in your code, ensuring you do not delete any existing code in there already
  8. Click Save
  9. Go back to the Mailchimp page and click 'Check Connection' *. You also need to Save and Publish your changes at the top of the page
    Save and Publish Mailchimp changes

  10. Go to Shopit sales channel Design page and click View Store *
* NOTE: Shopit has a caching system in place which means you may need to wait a few minutes before any front end design changes are live. Read more about why we cache your web pages here