Add a newsletter signup to your home page

You can add a newsletter signup to your store:

Newsletter signup

Newsletters provide a easy way for you to keep in contact with your customers by notifying them of new products and sales. The steps for adding a newsletter sign-up to your store differ depending on which theme you have published.

Sectioned and non-sectioned themes

The steps for this tutorial differ depending on whether you are using a sectioned or a non-sectioned theme. To figure out whether your theme supports sections, go to the theme's Edit HTML/CSS page. If there are files in the Sections directory, you are using a sectioned theme. Non-sectioned themes were released before October 2016, and do not have files in the Sections directory.

If you are using a sectioned theme, then click the Sectioned themes button and follow the instructions. If you are using non-sectioned theme, then click the Non-sectioned themes button and follow the instructions.

Adding a newsletter section

Newsletter sections provide a signup field for your customers to receive newsletter emails. When a customer signs up for your newsletter, their email address is added to the "accepts marketing" customer list.

Newsletter sections integrate with newsletter apps. You can install a newsletter app from the Shopify app store.

Some themes, like Debut, load with a newsletter section by default. Other themes, like Venture, do not load with a newsletter section. If your theme does not load with a newsletter section, you can add a newsletter section on the Sections tab of your Customize theme page.

Note

If you are using a theme that does not support sections, then you can't add a newsletter section to your theme. Instead, you must either install a newsletter app from the Shopify App Store, or add a MailChimp newsletter form to your store.

To add a newsletter section:

  1. Click Sections.

  2. Click the Add section link:
    The theme editor's 'Add section' button
  3. In the Promotional area, click Newsletter and then click Add.

  4. To display header text in your newsletter section, check Show header.

  5. In the Heading field, enter the header text. By default, this text is "Subscribe to our newsletter".

  6. In the Subtext field, enter the text that will appear below the header. By default, this text is "Promotions, new products and sales. Directly to your inbox."

  7. Click Save.

Adding a newsletter to non-sectioned themes

To add a newsletter to your store, you'll need to first install a newsletter app from the App Store. Then, you will add a newsletter form to your store to collect customer email addresses.

If you use MailChimp to manage your email marketing campaigns, the process is slightly different. MailChimp uses an embedded HTML form to collect email signups for your newsletter campaigns. You can connect your MailChimp account to Shopify by providing the your unique form action URL code in your Customize theme page.

Install a newsletter app

To add a Shopify newsletter form to your store, you must first install a Shopify email marketing app that sends bulk emails to your customers. You must also make sure that you allow your customers to opt in to email marketing campaigns.

Add a newsletter form to your store

To add a newsletter form to your store, you'll create a basic signup form that creates a customer account for your visitors.

You can use the Liquid form tag to add signup forms to your Shopify store. This is useful for having your customers create a customer account in your store that agrees to accept email campaigns and marketing. With a newsletter form in place your customers can sign up for newsletters or product stock update notifications sent by external applications. The liquid code for generating the forms can be used in any of your liquid templates using the Edit HTML/CSS page.

This form will create a customer (with optional tags) on submit. Shopify does not send email campaigns but you can export these customers who accept email marketing as a CSV file and then import them into your newsletter service.

Note

If you are trying to build a form for the purposes of having potential customers register on your website before they can gain access, then please check out the Customer Registration Form article.

Customer form


{% form 'customer' %}
 ... form goes here ...
{% endform %}

An email field is mandatory, while a tags field is optional. If you do specify the tags field, you can add comma-separated tags which will be added to the customer on creation. If the customer email already exists, the customer tags will simply be updated.


{% form 'customer' %}
  {{ form.errors | default_errors }}
  {% if form.posted_successfully? %}
    <p>Thanks for subscribing</p>
      <input type="hidden" name="contact[tags]" value="newsletter">
      <input type="email"
        name="contact[email]"
        id="Email"
        value="{% if customer %}{{ customer.email }}{% endif %}"
        <button type="submit" class="btn" name="commit">Subscribe</button>
  {% endif %}
{% endform %}

Add a MailChimp newsletter form to your store

To integrate MailChimp with your Shopify store, you will need:

To begin, you'll need to get a form action URL from MailChimp. You can find the form action URL in your MailChimp account dashboard. The following steps show you how to find your form action URL, and how to add it to your theme on the Customize theme page.

Get the form code from MailChimp

  1. Log in to your MailChimp account.

  2. From your account Dashboard, click Lists in the navigation menu.

    Mailchimp click lists
  3. Find the list you want to connect to your Shopify store, click the v button, and choose Signup forms.

    Mailchimp click signup forms

    Tip

    Clicking Signup forms might take you to the Settings page if your list is not configured correctly. To continue, configure your list and save the settings, then click Signup forms at the top of the Settings page.

  4. Click Select on the Embedded forms option.

    Mailchimp select embedded forms
  5. On the Embedded forms page, click Naked.

    Mailchimp click naked
  6. Find the Copy/paste onto your site section.

    Caution

    You don't need all of this code — just the form action URL. In the next section, you'll separate that URL from the rest of the code.

    Mailchimp copy paste section
  7. Click anywhere in the box to select the code.

  8. Press ctrl + C on a PC or command + C on a Mac to copy the code.

Find the form action URL

  1. In a text editor like Notepad or TextEdit, paste the code by pressing ctrl + V on a PC or command + V on a Mac.

  2. Find the form action URL, which is a unique URL that you need to link your store to MailChimp.

    Mailchimp find action url
  3. Select the URL between the quotation marks after the code action=. Do not include the " at the beginning or end of the URL in your selection.

    Mailchimp select action url
  4. Press ctrl + C on a PC or command + C on a Mac to copy the URL.

Use the form action URL in your theme

  1. Click Customize theme:

    Click customize theme

  2. Find the box to enter your form action URL. If your theme integrates with MailChimp, you can find a box to enter your MailChimp form action URL on your Customize theme page.

    The box might be labeled with text like MailChimp form action URL or MailChimp form action. The box will most likely be in the Footer, Sidebar, or Newsletter section, but its location differs depending on which theme you are using.

    Mailchimp form action url box
  3. Paste the URL that you copied into the MailChimp form action URL box by pressing ctrl + V on a PC or command + V on a Mac.

  4. Click Save changes to confirm the change to your theme settings.

You can test your MailChimp integration by subscribing to your own MailChimp newsletter.

Want to discuss this page?

Visit the Shopify Community

Ready to start selling online with Shopify?

Try it free