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.