Product Picker


Product Picker is a unique Omnisend feature that makes adding products to your newsletter way easier and faster. It allows you to pick products for your newsletter while just browsing your online store. Omnisend automatically identifies selected products and place them into newsletter template complete with pictures, descriptions and pricing.

Once you hit “Start picking” from your Omnisend account, a widget will appear on your website (only seen to the account holder, not all visitors) and will allow the addition of products with a click of a few buttons.

You can learn more about Product Picker and how it works on our website.


Steps for Product Picker integration:
1. Add Omnisend JavaScript snippet to your store‘s front-end
2. Add "$productViewed" event to every product page


1. Add Omnisend JavaScript snippet to your store‘s front-end

If you haven't added Javascript snippet yet (used for Frontend API, forms, etc.) add it right before the </body> tag of all your pages.

Javascript snippet code:

<script type="text/javascript">
window.omnisend = window.omnisend || [];
omnisend.push(["accountID", "<YOUR_ACCOUNT_ID>"]);
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>

Replace <YOUR_ACCOUNT_ID> with your accountID, which you can find in app.omnisend.com panel, Integrations & API part.

Read more about Frontend API and snippet in our API Reference

2. Add "$productViewed" event to every product page

Add this JavaScript code to all product pages and replace values in it with the real product data:

<script type="text/javascript">
window.omnisend = window.omnisend || [];
omnisend.push(["track", "$productViewed", {
$productID: "product ID",
$variantID: "product variant ID",
$currency: "currency ISO code",
$tags: ["tag1", "tag1"],
$price: "price in cents",
$oldPrice: "old price in cents",
$title: "product title",
$description: "product description",
$imageUrl: "link to product image",
$productUrl: "link to product page",
$vendor: "vendor"
}]);
</script>

Read more in API Reference about Product Picker and $productViewed event.

Login to your Omnisend account and try to open any product page in your shop. You should see Product Picker widget.

Note: if you can‘t see Product Picker widget or product addition won't work, open browser's developer console to find errors.