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)
Embed a Form (e.g. in the footer)
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
Subscriber Popup
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