The majority of ecommerce store templates come with a default signup form at the bottom of the page. Depending on the template you're using for your store, this signup form might not be automatically integrated with Omnisend and need to be integrated manually.
Eligible signup forms
Integrated signup form and GDPR
Before you start
This guide is dedicated to platforms other than Shopify or BigCommerce. If you're using one of the following - check their guides here:
On Shopify, contacts sync automatically and enter your workflow. Refer to the guides mentioned above for more information
This integration allows you to collect email addresses, first names, and last names data and pass it to your Omnisend audience.
You must have the signup form on your store before the integration.
The newsletter signup form you see in your Omnisend forms does not provide you with a signup form; it helps you integrate the one you already have. That's a tool that connects your theme form to Omnisend.
You can add a Tag to your Newsletter signup 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.
If you want to collect subscribers through your website (without popups), you can use Embedded forms and add a form to your website.
To create an embedded form, navigate to Forms and click Create form.
In the Forms Library, select Embedded Style forms → Select one of the forms templates → click Use template.
You will be redirected to the Form Builder, where you can edit your form and add any additional items you'd like.
Eligible signup forms
This type of integration is only available to a specific signup form and might not be a solution for all cases. It works on the signup forms available as a part of your store template. Usually, those signup forms are available on the footer of your store, but the exact placement is not that important in this case.
What is essential is that this form is a part of your store and is not provided by a third party. Omnisend can then 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.
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:
Checking current integration status by signing via that form.
Fixing the issues, if there are any (manual integration).
Checking current integration status
To start checking your integration status, you first need to enable the subscribers' collection (if it is not yet enabled). You can just find the Newsletter signup form on your Forms tab and click Check & Fix. Clicking on the form's name will not bring you to this wizard, so make sure you're clicking the button and not the signup form name.
You should now see Check now and Disable this form buttons:
This means you can start checking the integration status. 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 already on your list or 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 their design or go to check the reports.
In case your signup form does not work out of the box, you have a couple of options:
Using our backend API to pass your signups. You can refer to the contacts method to learn how to pass that data.
Adding frontend selectors manually.
Contacting our support for help.
Using our backend API to pass your signups
This is the most accurate way to pass your contacts from a signup form. However, remember that it requires backend coding and only applies if you are not on BigCommerce or Shopify.
Adding frontend selectors manually
If you have access to your HTML files and can locate the signup form code there, you can add the needed selectors manually. Here's what you'll need:
Add <form class="omnisend-subscribe-form"> at the beginning of your signup form HTML
Add the closing tag </form> at the end of your signup form HTML
Update with a class <input type="email" ... class="..." ...> to <input type="email" ... class="... omnisend-subscribe-input-email" ...>
If you want to collect names and last names, add the omnisend-subscribe-input-first-name and omnisend-subscribe-input-last-name to appropriate places.
In case you are not able to integrate the Newsletter footer form from your store, you can check our Troubleshooting article to find more information.
Integrated signup form and GDPR
To use this kind of integration and be in line with GDPR requirements, you should make sure that your subscribers are fully aware of what they are signing up for and how their data will be used.
As we cannot collect subscriber consent via such integration (because you missed some critical data), you should make sure that your leads are informed about your use of collected data and that they approve of 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 they 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 leave their email addresses for other purposes.