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.