Most of Shopify templates come with a default signup form at the bottom of the page. In this article, we’ll tell you how this form works with Omnisend.

Contents of this article

  1. Collecting Shopify subscribers automatically

  2. Troubleshooting

  3. I still have a Newsletter signup form available in my account

Collecting Shopify subscribers automatically

  • Good news - you don’t have to do anything to integrate your footer form. It works automatically. All customers who’ve subscribed through your footer form are regularly synced to your Omnisend account.

  • You’ll be able to find them in your audience using the tag newsletter

  • To properly welcome your subscribers, make sure to create a Welcome automation. No particular form should be selected for these triggers.

Troubleshooting

If you’ve enabled welcome automation and didn’t receive your welcome email after signing up, here’s what you can do:

  • Make sure your Form trigger is set to any in your Welcome automation

  • Go to Audience, try to find the contact you used to subscribe. Make sure you haven't used it previously, and unsubscribe it if you did and try again.

  • Wait a little while, in some rare cases the sync might take up to an hour. Check if the email you used has appeared in your audience. Then check the welcome automation for further delays.

  • Some Shopify themes provide popups straight in your theme - these will not work automatically with Omnisend. We recommend using Omnisend popups for a seamless integration and to better target your customers.

  • If you want to put a subscription form in another place on your store, use our Embedded form

  • If you receive many bot email subscriptions - you need to turn on double opt-in from your Shopify store.

 

I have a Newsletter sign up form available in my account

Starting February 4th all signups coming from the footer in your Shopify store will sync automatically. You can turn off the newsletter form and follow the guidelines above.

  • Newsletter sign up form that you see in your Omnisend forms does not provide you with a signup form, it helps you to integrate the one you already have. Basically, that's a tool that connects your Shopify form to Omnisend.

  • You can add a Tag to your Newsletter sign up form to organize your new signups into segments (you can use existing tags or create a new one) and send targeted communication based on the segments you create.

This type of integration is only available to a certain type of signup forms and might not be a solution for all cases. It works for the signup forms, that are available as a part of your website template. Usually those signup forms are available in the footer of your website, but the exact placement is not that important in this case. 

What is important, is that this form should be a part of your website and should not be provided by a third party. Omnisend is then able to locate its code (sometimes automatically, sometimes with some manual help) and capture the signups.

Usually these signup forms look similar to the one shown below.

This article explains how you can integrate it for Shopify store. If you are using BigCommerce or custom platform, refer to these guides:

Newsletter signup form working automatically

Once you start the integration process, there is a high chance you will be able to do it automatically. Our handy wizard should help you to go through the process, which consists of two main steps:

  1. Checking current integration status by signing via that form;

  2. Fixing the issues, if there are any (manual integration);


Checking current integration status

To start checking your integration status, first you need to enable the subscribers' collection (if it is not yet enabled). To do so, locate the Newsletter signup form on your Forms tab and click Check & Fix. Clicking on the name of the form will not bring you to this wizard, so make sure you're clicking the button and not the signup form name.

Once you click on Check & Fix button, you'll be able to enable the subscribers collection and Check if the form was automatically integrated. You can also disable the form at this step in needed.

Follow the instructions on that page to proceed with the check of integration:

  • signup via that form using a not yet subscribed email address;

  • click the Check now button to initiate the check;

If you subscribe with an email address that is already on your list or if the integration is not working, you will receive an error message.


Please make sure you are testing with a completely new email address.

If the newly signed-up email address goes through, you will receive a success message and start seeing the reports for this signup form.

Now you can click Edit next to the signup form to edit the success and error messages, and it's design or go to check the reports. 

Please note! As Newsletter sign up form is not an actual form, but a tool that connects your theme forms to Omnisend - you won't be able to edit the design of the form in Omnisend. You would need to do this on Shopify's end.

 

Manual integration

In case your signup form does not work out of the box, you have a couple of options:

  1. Adding frontend selectors manually.

  2. Contacting our support for help.

Adding selectors manually

Changing the needed code is simple. You will need to locate footer.liquid on your Shopify store admin (if you can't find it, refer to the developer of your design theme).

Here's how you do that:

1. From your Shopify admin, click Online Store, and then click Themes.

2. Then click the Actions button and choose the Edit code option.

3. On the Edit HTML/CSS page, you can edit these files and add others. The page shows a list of theme files and a space for editing them. Navigate to Sections > footer.liquid

NOTE: If you are not able to locate a file in Sections > footer.liquid, please try searching for Snippets > newsletter-form.liquid or Snippets > newsletter.liquid files.
Once you have the file located, proceed with the following changes:

1. Locate:

form 'customer'

2. You should see something similar to this:

{%- form 'customer', ..., class: 'some-random-class' -%}

3. Add omnisend-subscribe-form to your class parameter:

{%- form 'customer', ..., class: 'omnisend-subscribe-form some-random-class' -%}

4. Locate :

<input type="email" ... class="another-random-class" ...>

Note! It should be near the form 'customer' that you've located on the first step.

5. Update class to include "omnisend-subscribe-input-email":

<input type="email" ... class="omnisend-subscribe-input-email another-random-class" ...>

Example

For example, this code:

Should be updated to look the following way:

Troubleshooting

In case you are not able to integrate the Newsletter footer form from your store, check our Troubleshooting article to find more information.
 

Integrated signup form and GDPR

To be able to use this kind of integration and be in line with GDPR requirements, you should make sure that your subscribers are fully aware to what they are signing up and how their data will be used. 

As we cannot collect subscriber consent via such integration (due to missing some crucial data), you should make sure that your leads are informed about your use of collected data and that they approve such use. This is something that you need to have implemented from the store side, not Omnisend.

This does not apply to Omnisend provided signup forms (Popup, Signup Bar, Wheel of Fortune, Landing page) as all of them are GDPR-compliant.

Important note! You should integrate Signup forms only, as all the contacts will be collected as subscribers. That's why the Contact us form, Account creation form, and any other forms that aren't supposed to collect newsletter subscribers shouldn't be integrated with Omnisend because customers are leaving their email addresses for other purposes.

Learn more about GDPR and compliance.

Did this answer your question?