If you wish to use Omnisend for your WordPress store, you will need to proceed with the full, back-end integration to access all of 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 Omnisend plugin, back-end integration is not needed.
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 detailed instructions for the WordPress store front-end integration.
If you have a Woocommerce plugin installed, jump to Omnisend for Woocommerce.
If you wish to proceed with the full, back-end integration, jump to Omnisend for Custom eCommerce Platforms.
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 should go to Connect Your Store page -> Other -> enter your store URL -> Add snippet.
Step 2. 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 the "Code Snippets" plugin and click Install. Then activate it.
2. "Snippets" app will appear in admin dashboard sidebar:
3. Search for "Example Javascript snippet," click the checkbox to enable it, then click "edit."
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 snippet on all pages, rename Snippet name to find snippet later, and click "Save changes."
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 assistance, do not hesitate to contact our support team at [email protected].