Introduction
För att påbörja integrationen går du bara till Storefront -> Script Manager:
Först behöver du skapa en Shoparize Partner Init Tag. Klicka på ”create a script” och fyll i fälten enligt beskrivningen i skärmdumpen:
Plats fältet måste fyllas i med
Butikssidor alternativ.
Skripttyp måste vara
Skript, och Skriptinnehåll måste fyllas i med värdet:
<script src="https://partner-cdn.shoparize.com/js/shoparize.js" defer="defer"></script>
<script>
window.addEventListener('load', function () {
var SHOPARIZE_PARTNER_SHOP_ID =****;//instead of this value you should set up your shop ID
SHOPARIZE_API().init(SHOPARIZE_PARTNER_SHOP_ID);
});
</script>
Du bör ange ditt shop-id i den här raden:
var SHOPARIZE_PARTNER_SHOP_ID =****;//istället för detta värde ska du ange ditt butiks-ID
Till exempel, om ditt butik-ID är 1234 ska det se ut så här:
var SHOPARIZE_PARTNER_SHOP_ID =1234;//istället för detta värde ska du ange ditt butik-ID
När du har fyllt i fälten anger du ditt butik-ID. Spara det sedan.
För det andra är det Shoparize Partner Purchase Tag. Klicka på “create a script” och fyll i alla fält precis som det visas på skärmdumpen:
Plats fältet måste fyllas i med hjälp av Orderbekräftelse alternativet. Skripttyp måste vara Script, och Skriptinnehåll måste fyllas i med värdet:
<script src="https://partner-cdn.shoparize.com/js/shoparize.js" defer="defer"></script>
<script>
var SHOPARIZE_PARTNER_SHOP_ID =****;//instead of this value you should set up your shop ID
//do not touch the code bottom
window.dataLayerShoparize = window.dataLayerShoparize || [];
fetch('/api/storefront/order/{{checkout.order.id}}', {credentials: 'include'})
.then(function(response) {
return response.json();
})
.then(function(order) {
let orderItems = order.lineItems.physicalItems.concat(order.lineItems.digitalItems).concat(order.lineItems.giftCertificates);
let items = [];
orderItems.forEach(function(item) {
items.push({
item_id: item.id,
item_name: item.name,
currency: order.currency.code,
price: item.salePrice,
quantity: item.quantity
});
});
dataLayerShoparize.push({
event: "purchase",
ecommerce: {
transaction_id: order.orderId,
value: order.orderAmount,
tax: order.taxTotal,
shipping: order.shippingCostTotal,
currency: order.currency.code,
items: items
}
});
SHOPARIZE_API().conv(SHOPARIZE_PARTNER_SHOP_ID);
});
</script>
Glöm inte att konfigurera ditt shop-id, precis som visats ovan:
var SHOPARIZE_PARTNER_SHOP_ID =****;//istället för detta värde ska du ange ditt butik-ID
Till exempel, om ditt butik-ID är 1234 ska det se ut så här:
var SHOPARIZE_PARTNER_SHOP_ID =1234;//instead of this value you should set up your shop ID
Klicka på spara. I slutresultatet ska skripten se ut så här:
Därefter skapar du en testorder med hjälp av en länk som Shoparize-supportteamet ska ge dig.
