Omnisend for Wordpress

Learn how to connect your Wordpress website to your Omnisend account

Paulius avatar
Written by Paulius
Updated over a week ago

If you wish to use Omnisend for your WordPress store, you must proceed with the full, back-end integration to access all the features. This process is quite complex and requires advanced developer assistance.

Note, if you have a Woocommerce plugin installed, you will only need to install the Omnisend plugin; back-end integration is unnecessary.

While the front-end integration providing access to some of the Omnisend features is relatively simple to set up. This article will provide detailed instructions for the WordPress store front-end integration.

Didn’t find what you were looking for? Post a thread on the WordPress forum and support the community by getting the answers you need.

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.

Step 1. If you wish to proceed with the front-end integration, you can do it from the Dashboard or go to Connect Your Store page → Other → enter your store URL → Add snippet.

Step 2. On the next page, you will get snippets that must 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 in this instruction.

1. Go to the WordPress admin dashboardPlugins → Search for the "Code Snippets" plugin and click Install. Then activate it.

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

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

CodeSnippets

3. Search for "Example Javascript snippet," click the checkbox to turn on it, then click "edit."

CodeSnippets

4. Paste the following snippet there. Just make sure to replace the <YOUR_BRAND_ID> text with your Omnisend Brand ID. 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", "<YOUR_BRAND_ID>"]);
omnisend.push(["track", "$pageViewed"]);
!function(){ var e=document.createElement("script");e.type= "text/javascript",e.async=!0,e.src= "https://omnisnippet1.com/inshop/launcher-v2.js"; var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}();
</script>
<?php } );

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

6. Return to the Omnisend store connection page and click "Verify."

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


If you have any questions or assistance, please contact our support team at [email protected].

Did this answer your question?