Skip to content

Slik legger du til Shoparize Partner-integrasjon for BigCommerce-butikk

Shoparize E-commerce growth team

Introduction

For å starte integrasjonen går du bare til Storefront -> Script Manager:

Først må du opprette en Shoparize Partner Init Tag. Klikk på «create a script» og fyll ut feltene slik det er beskrevet på skjermbildet:

Sted feltet må fylles ut med

Butikkside alternativ.

Skripttype må være

Skript, og Skriptinnhold må fylles ut med verdien:

html
                          <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 konfigurere butikk-ID-en din i denne raden:

javascript
                          var SHOPARIZE_PARTNER_SHOP_ID =****;//i stedet for denne verdien må du angi butikk-ID-en din
                        

For eksempel, hvis butikk-ID-en din er 1234, må det se slik ut:

javascript
                          var SHOPARIZE_PARTNER_SHOP_ID =1234;//instead of this value you should set up your shop ID
                        

Når du har fylt ut feltene, opprett butikk-ID-en din. Husk å lagre den.

For det andre er det Shoparize Partner Purchase Tag. Klikk på «create a script» og fyll ut alle feltene slik det er beskrevet på skjermbildet:

Lokasjon -feltet må fylles ut ved å bruke Ordrebekreftelse -alternativet. Skripttype må være Script, og Skriptinnhold må fylles ut med verdien:

html
                          <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>
                        

Ikke glem å konfigurere butikk-ID-en din, slik det ble vist ovenfor:

javascript
                          var SHOPARIZE_PARTNER_SHOP_ID =****;//i stedet for denne verdien må du angi butikk-ID-en din
                        

For eksempel, hvis butikk-ID-en din er 1234, må det se slik ut:

javascript
                          var SHOPARIZE_PARTNER_SHOP_ID =1234;//i stedet for denne verdien må du angi butikk-ID-en din
                        

Klikk på Lagre. I det endelige resultatet skal skriptene se slik ut:

Deretter oppretter du en testbestilling ved å bruke en lenke som Shoparize sitt supportteam skal gi deg.

Want help choosing the right Shopping setup?

Talk to our team and we will recommend the right path for your store, market, and product feed.

Talk to our team