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