Instalacja ręczna

Przeczytaj zanim zaczniesz integrację ręczną

Integrację ręczną należy stosować w dwóch przypadkach:

1) Twojej platformy sklepowej nie ma na liście wspieranych platform (sprawdź tutaj)

2) Chcesz zrobić coś niestandardowego :-)

Uwaga!

Nie wklejaj poniższych kodów na ślepo. Wszystkie wartości #NAZWA# należy zastąpić (razem ze znakami #) odpowiednimi zmiennymi lub wartościami, które obsługuje Twoja platforma.

Kod główny

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

Umieść go na każdej stronie swojego serwisu.


Zamień #KOD-WITRYNY# na odpowiednia wartość!

np. SP.init("123456789"); Zobacz jak znaleźć Twój kod witryny. Przeczytaj ten artykuł.

Kod na stronę główną

Umieść ten kod poniżej kodu głównego na stronie głównej Twojego serwisu.

<script>
  SP.go('startPage');
</script>

Kod na stronę kategorii

Umieść ten kod poniżej kodu głównego na stronie kategorii.

<script>
  SP.go('categoryPage', {
    categoryId: "CATEGORY_ID"  // optional, but recommended
  });
</script>

Jeśli chcesz, możesz jako drugi parametr podać obiekt z parametrami.

Kod na stronę wyszukiwania

Umieść ten kod poniżej kodu głównego na stronie wyników wyszukiwania Twojego serwisu.

<script>
  SP.go('searchPage', {
    searchQuery: "SEARCH_QUERY" // optional, but recommended
  });
</script>

Jeśli chcesz, możesz jako drugi parametr podać obiekt z parametrami.

Kategoria i strona wyszukiwania w jednym

Jeśli w Twoim sklepie, strona wyszukiwania i kategorii, to ta sama strona, powinieneś umieścić na niej jeden kod (poniżej), a nie dwa. 

<script>
  SP.go('categoryAndSearchPage', {
    searchQuery: "SEARCH_QUERY", // optional, null if category page
    categoryId: "CATEGORY_ID" // optional, null if search page
  });
</script>

Jeśli chcesz, możesz jako drugi parametr podać obiekt z parametrami.

Kod na stronę z produktem

Umieść ten kod na karcie produktu, poniżej kodu głównego. Musisz przekazać do niego identyfikator produktu oraz opcjonalne parametry dodatkowe (nazwę produktu, link do produktu i zdjęcia produktu). 

<script>
  SP.go('productPage',{
    productId: "#ID-PRODUKTU#",
    product: "#Nazwa-produktu#",
    link: "#Link-do-produktu#",
    image: "#Link-do-zdjecia-produktu#"
  });
</script>

Kod na stronę z koszykiem

Umieść ten kod poniżej kodu głównego na stronie koszyka Twojego serwisu. Musisz przekazać do niego szczegóły koszyka.

<script>
  SP.go('basketPage', [{
    productId: "PRODUCT_1_ID".
    product: "PRODUCT_1_NAME",
    link: "PRODUCT_1_URL",
    image: "PRODUCT_1_IMAGE_URL",
    quantity: PRODUCT_1_QUANTITY // integer or string
    price: PRODUCT_1_SINGLE_PRICE, // float or string
    sum: SUM // float or string, sum = quantity * price
  }, {
    productId: "PRODUCT_2_ID".
    product: "PRODUCT_2_NAME",
    link: "PRODUCT_2_URL",
    image: "PRODUCT_2_IMAGE_URL",
    quantity: PRODUCT_2_QUANTITY // integer or string
    price: PRODUCT_2_SINGLE_PRICE, // float or string
    sum: SUM // float or string, sum = quantity * price
  }]);
</script>

Kod na stronę z podziękowaniem

<script>
  SP.go('thankYouPage', {
    order: {
      id: "ORDER_ID",
      total: ORDER_TOTAL  // float or string, ex. 123.00 or "123.00"
    },
    client: {
      firstname: "CUSTOMER-NAME",
      city: "CUSTOMER-CITY",
      email: "CUSTOMER-EMAIL",
      phone: "CUSTOMER-PHONE"
    },
    basket: [{
      productId: "PRODUCT_1_ID".
      product: "PRODUCT_1_NAME",
      link: "PRODUCT_1_URL",
      image: "PRODUCT_1_IMAGE_URL",
      quantity: PRODUCT_1_QUANTITY // integer or string
      price: PRODUCT_1_SINGLE_PRICE, // float or string
      sum: SUM // float or string, sum = quantity * price
    }, {
      productId: "PRODUCT_2_ID".
      product: "PRODUCT_2_NAME",
      link: "PRODUCT_2_URL",
      image: "PRODUCT_2_IMAGE_URL",
      quantity: PRODUCT_2_QUANTITY // integer or string
      price: PRODUCT_2_SINGLE_PRICE, // float or string
      sum: SUM // float or string, sum = quantity * price
    }]
  });
</script>

Umieść ten kod na stronie z podziękowaniem, poniżej kodu głównego. Musisz przekazać do niego szczegóły zamówienia. 

Parametr określające kwoty: 'price' oraz 'sum'

Kwoty (pole 'price' oraz 'sum') powinny zostać przekazane jako typ float, czyli np. 12.50 (kropka jako separator) lub jako string np. "12.50".

Parametr określające ilość: 'quantity'

Parametr określający ilość (pole 'quantity') powinien być przekazany jako typ int lub float np. 1 lub 1.00 (kropka jako separator) lub jako string np "1" lub "1.00".

Gratulacje!

Twoja strona została zintegrowana z Trustisto.

Kiedy zobaczę pierwsze powiadomienie?

Pierwsze powiadomienie o zakupie pojawi się po złożeniu kolejnego zamówienia w Twoim sklepie. Historyczne zamówienia (sprzed integracji) nie są wspierane. Powiadomienia o ilości osób oglądających dany produkt wyświetlają się od razu, pod warunkiem, że na stronie są minimum 2 osoby (standardowa konfiguracja).

Nadal nie widzę powiadomień!

Jeśli nie widzisz powiadomień, a w Twoim sklepie złożono nowe zamówienia, to sprawdź ten artykuł. Najwyraźniej jest błąd w konfiguracji lub instalacji Twojej strony.

Czy to jest odpowiedź na twoje pytanie? Dziękujemy za opinię! Wystąpił problem podczas przesyłania opinii. Spróbuj ponownie później.

Nadal potrzebujesz pomocy? Skontaktuj się z nami Skontaktuj się z nami