Integrate Mailchimp newsletter signups
Using our Shopit snippet functionality, you can easily integrate a Mailchimp 'Sign up to our Newsletter' box on your website.
- Create your account with Mailchimp
- Go to Audience - Signup Forms
- Select or Create and Audience (or List, e.g. Website signups)
- Choose Embedded Forms
- Create your Form - we suggest using the Advanced - Custom CSS so that the design works well with your website design
- 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)
- Copy the code generated for you under 'Copy/paste onto your site'
- Go to your Sales Channel Design page and click Edit - Edit website
- Scroll down to e.g. the Footer_block_1 snippet and click the green bar to edit
- Paste your Mailchimp code in and customise accordingly.
- For example:
- Change the "background:#fff" to "background"#000" if you want it black
- Add "color:#fff;" if you want the font color to be white on this new black background.
- For more simple CSS guidance, we recommend visiting W3 Schools or FreeCodeCamp or contacting us on LiveChat via your Shopit admin for some help
- Click Update
- Refresh your web page, or go to Sales Channel Design page and View Store to test the changes *
- Anyone entering a valid email address, will have their details saved in your Mailchimp Audience list that you started with
- Choose Subscriber Popup
- Create your Form using the Mailchimp PopUp Designer to compliment your website design
- When finished, use the 'Connect your website to publish your pop-up on your site' link
- Enter your website address when prompted, and click Get Started
-
Copy the code you are given to the Clipboard. Do not close this window yet.
- Open a New Tab, and go to your Shopit Sales Channel, and click Marketing on the green left hand menu
- Scroll down to the Analytics and Tracking box
- Paste in your code, ensuring you do not delete any existing code in there already
- Click Save
- 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
- 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