Currently, Omnisend plugin will work only in case you have a Woocommerce plugin installed. If you wish to use Omnisend for your WordPress store, you will need to proceed with the full, back-end integration to get access to all of the features. This process is quite complex and requires advanced developer assistance.

While the front-end integration providing access to some of the Omnisend features is relatively simple to set-up. In this article, we will provide the detailed instruction for the WordPress store front-end integration.

Integration process

Before, we move further let's list all of the benefits you get with the front-end integration:

  • Signup forms
  • Automations: Welcome, Birthday;
  • Subscriber list segmentation;
  • Full reports of the Forms, Automations, and Campaigns;
  • Campaign Booster and A/B test Campaign.

If you wish to proceed with the front-end integration, you should go to Connect Your Store page -> Other -> enter your store URL.

On the next page, you will get snippets that need to be added to your store code.

As the instruction states, you should paste this snippet to the HTML source code of your website right before the closing </body> tags. The snippet must be inserted into every page of your online store.

What’s the easiest way to add our front-end snippet?

The easiest way to do that is to use an additional WordPress plugin that helps to inject code anywhere on the website. There are plenty of them, but we will use Code Snippets one in this instruction.

1. Go to the WordPress admin dashboard -> Plugins -> Search for “Code Snippets” plugin and click Install. Then activate it.

2020-06-03 16_48_38-Add Plugins ‹ Woocommerce Store — WordPress

2. "Snippets" app will appear in admin dashboard sidebar:

CodeSnippets

3. Search for “Example Javascript snippet”, click the checkbox to enable it, then click “edit”.

CodeSnippets

4. Paste the following snippet there. Just make sure to replace the accountID text with your Omnisend accountID. You may find it in the snippet provided in the store connection wizard.

add_action( 'wp_footer', function () { ?>

<script type=" text/javascript">

//OMNISEND-SNIPPET-SOURCE-CODE-V1

window.omnisend = window.omnisend || [];

omnisend.push(["accountID", "accountID"]);

omnisend.push(["track", "$pageViewed"]);

!function(){ var e=document.createElement("script");e.type= "text/javascript",e.async=!0,e.src= "https://omnisrc.com/inshop/launcher-v2.js"; var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}();

</script>

<?php } );

5. Select “Run snippet everywhere” option to render snippet on all pages, rename Snippet name to find snippet later, and click “Save changes”.

Snippet

6. Go back to the Omnisend store connection page and click “Verify”.

That's it! Front-end integration is complete, and you may start using the features it provides. 🚀


If you have any questions or any assistance, do not hesitate to contact our support team at support@omnisend.com.

Did this answer your question?