Add a third party newsletter signup form

To add a newsletter or mailing list signup form to your shop, you will need to sign up for an account with either MailChimp or Campaign Monitor. Both services are excellent and there are more out there. Unsure which service to pick? Chat with shop-owners in our Shopify forums.

Once you've signed up for a newsletter/mailing list from a third-party service, you can add a newsletter signup form to your website. The third-party service will give you an embed code for a newsletter signup form. You need to copy and paste that chunk of code in one of these 2 places:

Level: Difficult Copy the "embed code" given to you by the third-party service into a Liquid snippet, then include that snippet in your theme.liquid file. This will work if you need the signup form to appear on every page of your website, for example in the footer or header area.

— OR —

Level: Easy Create a new Page to hold your signup form:

  1. From your Shopify admin, click Online Store, and then click Pages (or press G W P).

  2. Click Add page.

  3. Give your new page a title like 'Sign up for our Newsletter'.

  4. In the Description section click the < > HTML button.

    Html btn
  5. In the editable text box, paste the code snippet given to you by the third-party service into the content of the page.

  6. Scroll down to the Visibility section of your Page setup, and make sure the Visible button is clicked so that visitors can see this page.

    Visibility
  7. Click Save.

When your newsletter signup "Page" is ready, you can link to it from your Main Menu. To add a link to your Main Menu, follow this resource.

The new link to your Newsletter Signup Page should now appear on your main page.

Important notes

  • Many themes have built-in newsletter features.
  • A few themes sold in our theme store let you add the code snippet either to the Customize theme page or to a Liquid snippet already created for you. Check your Customize theme page.

The next section will show you how to add a newsletter signup form to every page of your website if you're using MailChimp.

Adding a MailChimp signup form

  1. Go to your MailChimp account. Click the icon at the top left to expand the left navigation if you need to.

    New mailchimp lists 1
  2. In the left navigation panel, click Lists.

    New mailchimp lists 2
  3. Use an existing list, or create a new one. People who subscribe to your newsletter will be added to that list.

  4. Click the drop down box to the right of the list, then click Signup forms.

    New mailchimp signupforms 1
  5. Choose the Embedded forms option by clicking the image or the Select button.

    New mailchimp embedded 1
  6. Scroll down and locate Copy/paste onto your site, then click anywhere in the box to highlight all its contents.

    New mailchimp copy
  7. Copy the contents of the box to your clipboard (use, CMD-C for Mac or CTRL-C for Windows.)

  8. In your shop admin, go to Themes page.

  9. From your Shopify admin, click Online Store, and then click Themes (or press G W T).

  10. Find the theme you want to edit, click the ... button, and then click Edit HTML/CSS.

  11. Under the Snippets folder, click Add a new snippet.

  12. Name your snippet newsletter.

  13. Paste the MailChimp Signup Form embed code you just copied into your new newsletter.liquid snippet.

    Mailchimp 5
  14. Under the Layouts folder, click theme.liquid to open it in the online code editor.

  15. Find the footer area of your theme (press ctrl + F on a PC or command + F on a Mac and search for footer). Under the footer section of your theme, include this snippet:

    
    {% include 'newsletter' %}
    
    
  16. Hit Save. The Newsletter form should now appear in your footer on every page.

Not what you were looking for? Try one of these tutorials:

Want to discuss this page?

Visit the Shopify Community