The easiest way to install BestPrice 360º in your store is the plugin developed for the platform your store is based on.
Here are the platforms we support so far. Follow the link to install the plugin:
- Woocommerce
- Magento
- CsCart
- PrestaShop
If your store is not based on any of the platforms listed above, you can install the script using the "manual" method that follows.
Place the following snippet right before closing the </body> tag (not inside <head>).
NOTE: The snippet must be added to the product and cart pages. Ideally, though, it should be added to all pages. Also, the snippet should always be served (not after accepting cookies, etc.).
Make sure you replace the BESTPRICE_360_KEY_HERE with the BestPrice 360 key provided by the BestPrice Team. If it hasn't been provided, you can find it here.
<script>
(function (a, b, c, d, s) {a.__bp360 = c;a[c] = a[c] || function (){(a[c].q = a[c].q || []).push(arguments);};
s = b.createElement('script'); s.async = true; s.src = d; s.charset = 'utf-8'; (b.body || b.head).appendChild(s);})
(window, document, 'bp', '//360.bestprice.gr/360.js');
bp('connect', 'BESTPRICE_360_KEY_HERE');
</script>The following two methods are to be used to track orders and products.
bp('addOrder', {
orderId: '123456', // Order ID (alias: order_id) [Required]
revenue: '1315.25', // Grand Total (Cost + Tax + Shipping) [Required]
shipping: '5.45', // Shipping Cost [Required]
tax: '301.25', // Tax [Required]
method: 'card|paypal|ondelivery|deposit|atstore', // [Optional]
currency: 'euro', // [Optional]
// products: [] // You can pass them here
});bp('addProduct', {
orderId: '123456', // Order ID (alias: order_id) [Required]
productId: '111222', // Product ID (alias: product_id) [Required]
title: 'Apple IPhone 11 (64GB) Red EU', // Product Title (alias: name) [Required]
price: '654.90', // Price, should include tax [Required]
quantity: '2' // Quantity [Required]
});Or, you can pass an array like so:
bp('addProduct', [products]);bp('debug');Will enable logging.
- Go to Shopify Admin > Online Store > Themes
- Click ... next to the active theme → Edit code
- Open
theme.liquid - Paste this before
</head>:
<!-- BestPrice 360 Start -->
<script>
(function(w,d,s,u) {
w['bp']=w['bp']||function(){(w['bp'].q=w['bp'].q||[]).push(arguments)};
var a=d.createElement(s),m=d.getElementsByTagName(s)[0];
a.async=1;a.src=u;m.parentNode.insertBefore(a,m);
})(window,document,'script','https://360.bestprice.gr/360.js');
bp('connect', 'BESTPRICE_360_KEY_HERE');
</script>
<!-- BestPrice 360 End -->Replace BESTPRICE_360_KEY_HERE with the merchant's key (e.g. BP-XXXXX-XXXXXXXXXX). If it hasn't been provided by the BestPrice Team, you can find it here.
- Click Save
- Go to Settings > Customer Events
- Click Add custom pixel → name it
BestPrice 360→ Add pixel - Paste this code:
analytics.subscribe('checkout_completed', async (event) => {
try {
const bestpriceKey = 'BESTPRICE_360_KEY_HERE';
const cookieName = '__bp-gid';
let bpSessionValue = await browser.cookie.get(cookieName);
if (!bpSessionValue) {
bpSessionValue = await browser.localStorage.getItem('__bpgid');
}
const bpQueue = [];
bpQueue.push(["connect", bestpriceKey]);
bpQueue.push(["addOrder", {
orderId: String(event.data.checkout.order.id),
revenue: String(event.data.checkout.totalPrice.amount),
shipping: event.data.checkout.shippingLine ? String(event.data.checkout.shippingLine.price.amount) : "0",
tax: event.data.checkout.totalTax ? String(event.data.checkout.totalTax.amount) : "0",
currency: event.data.checkout.currencyCode,
bp_cookie_session: String(bpSessionValue || "")
}]);
bpQueue.push(["native", true]);
if (event.data.checkout.lineItems?.length > 0) {
event.data.checkout.lineItems.forEach(item => {
bpQueue.push(["addProduct", {
orderId: String(event.data.checkout.order.id),
productId: String(item.variant ? item.variant.id : item.id),
title: item.title,
price: String(item.variant?.price?.amount ?? 0),
quantity: String(item.quantity)
}]);
});
}
fetch('https://www.bestprice.gr/api/order', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(bpQueue),
keepalive: true
});
} catch (e) {
console.error('BestPrice Tracking Error:', e);
}
});Replace BESTPRICE_360_KEY_HERE with the merchant's key. If it hasn't been provided by the BestPrice Team, you can find it here.
- Click Save and then Connect.
If you are utilizing a CORS policy, you will need to include entries for *.bestprice.gr on script-src and connect-src directives. Otherwise, the network requests that are needed will be blocked.
- The product URLs submitted via the XML feed should match the canonical URLs of the product pages. BestPrice 360 won’t work properly on some browsers if they don't.