Integracja z Shoper (manualna)

Ta instrukcja nie jest już wspierana. Aby zintegrować Trustisto z sklepem na platformie Shoper skorzystaj z naszej dedykowanej integracji poprzez dodatek Shoper z App Store.

Podstawowa integracja Trustisto z platformą Shoper przewiduje jedynie wklejenie trzech kodów.

Krok 1

Logujemy się do panelu administracyjnego swojego sklepu na platformie Shoper

Krok 2

Wchodzimy w menu: "Dodatki i integracje".

Krok 3

Wybieramy zakładkę "Integracje własne".

Krok 4

W pole "Nagłówek strony - <head>" wklejamy następujący kod.

Jeśli w tym polu jest już jakiś inny kod, wklej kod Trustisto poniżej obecnego kodu.

<!-- Trustisto 1/3 START -->
<script>
  (function(a,b,c,d,e,f,g,h,i){
    h=a.SPT={u:d},a.SP={init:function(a,b){h.ai=a;h.cb=b},
    go:function(){(h.eq=h.eq||[]).push(arguments)}},
    g=b.getElementsByTagName(c)[0],f=b.createElement(c),
    f.async=1,f.src="//js"+d+e,i=g.parentNode.insertBefore(f,g)
  })(window,document,"script",".trustisto.com","/socialproof.js");
  SP.init("KOD-WITRYNY");
</script>
<!-- Trustisto 1/3 END -->

Zamień KOD-WITRYNY na odpowiednia wartość!

Zobacz jak znaleźć Twój kod witryny. Przeczytaj ten artykuł.

Jeśli kod Twojej witryny to 1234567 to linia 9 powyżej powinna wyglądać następująco:

SP.init("1234567");

Krok 5

W pole "Stopka strony, przed zamknięciem </body>" wklej/doklej następujący kod.

Nie musisz nic w nim zmieniać, skopiuj i wklej go w odpowiednie miejsce.

<!-- Trustisto 2/3 START -->
<script>
      
{if context == 'index'}
  SP.go('startPage');
{/if}

{if context == 'product_list'}
  SP.go('categoryAndSearchPage');
{/if}

{if context == 'product'}
  const product_page = function () {
    const product = frontAPI.getProduct({ id: '{product_id}' });
    const host = window.location.origin;
    const imageLink = host + "/userdata/public/gfx/" + product.main_image_filename;
    return {
      productId: '{product_id}',
      product: product.name,
      link: '{link}',
      image: imageLink
    }
  }
  if (window.frontAPI) {
    SP.go('productPage', product_page());
  } else {
    document.addEventListener('frontAPIReady', function () {
      SP.go('productPage', product_page());
    });
  }
{/if}

var trustisto_get_basket = function () {
  var basket = frontAPI.getBasketInfo();
  return basket.products.map(function (p) {
    return {
      productId: p.product_id,
      product: p.name,
      link: p.url,
      quantity: p.quantity,
      price: p.price_float,
      sum: p.sum_float
    }
  });
};
  
{if context == 'basket'}
  if (window.frontAPI) {
    SP.go('basketPage', trustisto_get_basket());
  } else {
    document.addEventListener('frontAPIReady', function () {
      SP.go('basketPage', trustisto_get_basket());
    });
  }
{/if}

{if context != 'basket_done' }
{if context != 'basket' }
  if (window.frontAPI) {
    SP.go('saveBasket', trustisto_get_basket());
  } else {
    document.addEventListener('frontAPIReady', function () {
      SP.go('saveBasket', trustisto_get_basket());
    });
  }
{/if}
{/if}
</script> 
<!-- Trustisto 2/3 END -->

Krok 6

W pole "Potwierdzenie złożenia zamówienia" wklej/doklej następujący kod. Nie musisz nic w nim zmieniać, skopiuj i wklej go w odpowiednie miejsce.

<!-- Trustisto 3/3 START -->
<script>
  const trust_basket = [];

  {products}
  trust_basket.push({
    productId: '{products.product_id}',
    quantity: {products.quantity},
    price: {products.float_price},
    sum: {products.float_amount}
  });
  {/products}

  const mergeBasket = (basket)=>{
    const newBasket = [...basket];
    frontAPI.getProducts({ids: newBasket.map(e=>e.productId)}).list.forEach(e=>{
      const product = {
        productId: e.id,
        product: e.name,
        link: e.url,
        image: window.location.origin + "/userdata/public/gfx/" + e.main_image_filename
      };
      const index = newBasket.findIndex(e=>e.productId == product.productId);
      newBasket[index] = {
        ...product, ...newBasket[index]
      };
    });
    return newBasket;
  }

  const thank_you_page = ()=>{
    return {
        order: {
          id: "{order_id}",
          total: "{float_sum}"
        },
        client: {
          firstname: "{bill_firstname}",
          city: "{bill_city}",
          email: "{email}"
        },
        basket: mergeBasket(trust_basket)
      }
  }

  if (window.frontAPI) {
    SP.go('thankYouPage', thank_you_page());
  } else {
    document.addEventListener('frontAPIReady', function () {
      SP.go('thankYouPage', thank_you_page());
    });
  }

</script>
<!-- Trustisto 3/3 END -->

To wszystko, od teraz Twój sklep jest zintegrowany z Trustisto.

Integracja z Shoper (manualna)

Powiązane artykuły