W tym przeglądzie sprawdzisz, czy wtyczka jest dostępna dla Twojej platformy e-commerce: Zintegruj Trusted Shops ze swoim sklepem
- Wtyczka jest dostępna? Jeśli tak, należy postępować zgodnie z instrukcjami integracji podanymi w powyższym przeglądzie.
- Wtyczka nie jest dostępna? W takim przypadku wróć do tego poradnika i wykonaj czynności opisane poniżej.
Trustbadge® możesz zintegrować już pierwszego dnia członkostwa w Trusted Shops. Potrzebnych jest tylko pięć kroków:
- Znajdź swój identyfikator Trusted Shops
- Skonfiguruj kod Trustbadge
- Zintegruj kod Trustbadge ze swoją stroną internetową
- Zdefiniuj transmisję danych dla Trustcard
- Sprawdź integrację Trustbadge
Krok 1: Znajdź swój identyfikator Trusted Shops
Do integracji Trustbadge potrzebny jest indywidualny identyfikator Trusted Shops. Identyfikator Trusted Shops znajdziesz na portalu My Trusted Shops.
- Zaloguj się do My Trusted Shops. Zostanie otwarty pulpit.
- Znajdź identyfikator Trusted Shops („TS ID”) w prawej kolumnie na pulpicie.
Krok 2: Skonfiguruj kod Trustbadge
Podstawą integracji Trustbadge jest następujący kod integracji:
<script async
data-desktop-y-offset="0"
data-mobile-y-offset="0"
data-desktop-disable-reviews="false"
data-desktop-enable-custom="false"
data-desktop-position="right"
data-desktop-custom-width="156"
data-desktop-enable-fadeout="false"
data-disable-mobile="false"
data-disable-trustbadge="false"
data-mobile-custom-width="156"
data-mobile-disable-reviews="false"
data-mobile-enable-custom="false"
data-mobile-position="left"
data-mobile-enable-topbar="false"
data-mobile-enable-fadeout="true"
data-color-scheme="light"
charset="UTF-8"
src="//widgets.trustedshops.com/js/YOUR_TSID.js">
</script>
- Znajdź następujący wiersz kodu w kodzie integracji:
src="//widgets.trustedshops.com/js/YOUR_TSID.js">
- Wymień pogrubioną sekcję YOUR_TSID na identyfikator Trusted Shops.
Twój kod Trustbadge został utworzony. Jeśli nie dokonasz dalszych korekt, Trustbadge...
... pokaże Twoje zebrane opinie i – po pomyślnej certyfikacji – Twój znak jakości.
... będzie umieszczony po prawej stronie w widoku stacjonarnym, a po lewej w widoku mobilnym.
... będzie wyświetlany 54 piksele nad dolną częścią ekranu w widoku stacjonarnym, a 10 pikseli nad dolną częścią ekranu w widoku mobilnym.
Na tym etapie dostępne są dwie opcje:
- Czy te ustawienia Ci odpowiadają? W takim razie przejdź bezpośrednio do kroku 3.
-
Czy chcesz wyświetlać Trustbadge inaczej lub zintegrować go w innym miejscu w sklepie? W takim przypadku kontynuuj konfigurację kodu Trustbadge, korzystając z tego artykułu: Jak mogę dostosować Trustbadge® do moich potrzeb? Następnie wróć do tego artykułu i kontynuuj od kroku 3.
Krok 3: Zintegruj kod Trustbadge ze swoją stroną internetową
Czy kod Trustbadge został skonfigurowany zgodnie z Twoimi potrzebami? W takim razie zintegruj go ze swoją stroną internetową.
- Otwórz plik stopki na swojej platformie e-commerce.
- Skopiuj cały przygotowany kod Trustbadge do schowka.
- Wstaw kod Trustbadge do pliku stopki bezpośrednio przed tagiem zamykającym </body>.
Trustbadge będzie dostępny na każdej stronie Twojej witryny, także na stronie z potwierdzeniem zamówienia.
Krok 4: Zdefiniuj transmisję danych dla Trustcard
Ważną funkcją Trustbadge jest Trustcard. Trustcard otwiera się na Twojej stronie po dokonaniu płatności. Korzystając z Trustcard, Twoi klienci mogą wyrazić zgodę na otrzymywanie zaproszenia do wystawienia opinii i/lub chronić swoje zamówienie za pomocą Ochrony Kupującego.
Aby Trustcard otworzył się we właściwym momencie, Trustbadge musi być w stanie rozpoznać stronę z potwierdzeniem zamówienia. W tym celu należy zintegrować element DIV z szablonem na stronie z potwierdzeniem zamówienia.
Element ten służy również do przesyłania danych ze strony do Trustbadge, które są wymagane do Ochrony Kupującego i wysyłania zaproszeń do wystawienia opinii.
Różnią się one w zależności od tego, czy zbierasz tylko opinie dotyczące obsługi, czy zarówno opinie o usługach, jak i o produktach w ramach Trusted Shops. Aby kontynuować, kliknij link, który pasuje do Twojej strony:
Definiowanie przekazywania danych do opinii dotyczących obsługi
Podstawą elementu DIV jest następujący kod:
<div id="trustedShopsCheckout" style="display: none;">
<span id="tsCheckoutOrderNr">2020-05-21-001</span>
<span id="tsCheckoutBuyerEmail">mein.kunde@mail.de</span>
<span id="tsCheckoutOrderAmount">1.01</span>
<span id="tsCheckoutOrderCurrency">EUR</span>
<span id="tsCheckoutOrderPaymentType">VORKASSE</span>
<span id="tsCheckoutOrderEstDeliveryDate">2020-05-24</span>
</div>
Dane zamówienia powinny być szybko wypełniane i przesyłane za pomocą elementu DIV. Dlatego nie należy kopiować powyższego przykładowego kodu do strony z potwierdzeniem zamówienia.
- Zastąp przykładowe i pogrubione wartości parametrów. Korzystaj z odpowiednich zmiennych w języku programowania używanym przez platformę e-commerce. Poniższa tabela objaśnia poszczególne parametry:
| Parametr | Funkcja | Komentarz |
| <span id="tsCheckoutOrderNr">2020-05-21-001</span> | Przekazanie numeru zlecenia | |
| <span id="tsCheckoutBuyerEmail">mein.kunde@mail.de</span> | Przekazanie adresu e-mail klienta | |
| <span id="tsCheckoutOrderAmount">1.01</span> | Przekazanie wartości zamówienia | Jak widać na przykładzie 1.01, separatorem dziesiętnym jest kropka, a kwota jest podawana z dokładnością do dwóch miejsc po przecinku. |
| <span id="tsCheckoutOrderCurrency">EUR</span> | Przekazanie kodu waluty zamówienia | Norma ISO 4217 jest obsługiwana dla kodów walut. Jeśli oferujesz tylko jedną walutę, wartość tę można zakodować na stałe. |
| <span id="tsCheckoutOrderPaymentType">VORKASSE</span> | Bezpieczeństwo niezależnie od wybranej metody płatności | |
| <span id="tsCheckoutOrderEstDeliveryDate">2020-05-24</span> | Przekazanie oczekiwanego terminu dostawy | Wymagane, jeśli chcesz wysłać prośbę o opinię na podstawie oczekiwanego terminu dostawy. Data przeniesienia nie może być późniejsza niż rok. Obsługiwany jest format daty RRRR-MM-DD. |
<span id="tsCheckoutBuyerEmail"><?php echo $customer_email; ?><span>
$customer_email odpowiada adresowi e-mail klienta w systemie sklepu. Dokładną definicję używanej zmiennej sprawdź w dokumentacji systemu sklepu, ponieważ różni się ona w zależności od systemu. Z tego powodu niestety nie możemy podać żadnych uniwersalnych formuł.
- Otwórz plik szablonu strony z potwierdzeniem zamówienia.
- Skopiuj cały przygotowany kod elementu DIV do schowka.
- Wstaw kod do szablonu strony z potwierdzeniem zamówienia.
Po przejściu do kasy otworzy się Trustcard na stronie z potwierdzeniem zamówienia. Dzięki temu Trustbadge jest zintegrowany z Twoją stroną i ma wszystkie funkcje.
Definiowanie przekazywania danych dla opinii o usługach i produktach
Podstawą elementu DIV jest następujący kod:
<div id="trustedShopsCheckout" style="display: none;">
<span id="tsCheckoutOrderNr">2020-05-21-001</span>
<span id="tsCheckoutBuyerEmail">mein.kunde@mail.de</span>
<span id="tsCheckoutOrderAmount">1.01</span>
<span id="tsCheckoutOrderCurrency">EUR</span>
<span id="tsCheckoutOrderPaymentType">VORKASSE</span>
<span id="tsCheckoutOrderEstDeliveryDate">2020-05-24</span>
<!-- product reviews start -->
<!-- for each product in the basket full set of data is required -->
<span class="tsCheckoutProductItem">
<span class="tsCheckoutProductUrl">http://www.shop.url/product_page.html</span>
<span class="tsCheckoutProductImageUrl">http://www.shop.url/image.png</span>
<span class="tsCheckoutProductName">Product Name</span>
<span class="tsCheckoutProductSKU">0123456789</span>
<span class="tsCheckoutProductGTIN">0123456789</span>
<span class="tsCheckoutProductMPN">0123456789</span>
<span class="tsCheckoutProductBrand">My Great Brand</span>
</span>
<!-- product reviews end -->
</div>
Dane zamówienia powinny być szybko wypełniane i przesyłane za pomocą elementu DIV. Dlatego nie należy kopiować powyższego przykładowego kodu do strony z potwierdzeniem zamówienia.
- Zastąp przykładowe i pogrubione wartości parametrów. Korzystaj z odpowiednich zmiennych w języku programowania używanym przez platformę e-commerce. Poniższa tabela objaśnia poszczególne parametry:
| Parametr | Funkcja | Komentarz |
| <span id="tsCheckoutOrderNr">2020-05-21-001</span> | Przekazanie numeru zlecenia | |
| <span id="tsCheckoutBuyerEmail">mein.kunde@mail.de</span> | Przekazanie adresu e-mail klienta | |
| <span id="tsCheckoutOrderAmount">1.01</span> | Przekazanie wartości zamówienia | Jak widać na przykładzie 1.01, separatorem dziesiętnym jest kropka, a kwota jest podawana z dokładnością do dwóch miejsc po przecinku. |
| <span id="tsCheckoutOrderCurrency">EUR</span> | Przekazanie kodu waluty zamówienia | Norma ISO 4217 jest obsługiwana dla kodów walut. Jeśli oferujesz tylko jedną walutę, wartość tę można zakodować na stałe. |
| <span id="tsCheckoutOrderPaymentType">VORKASSE</span> | Bezpieczeństwo niezależnie od wybranej metody płatności | |
| <span id="tsCheckoutOrderEstDeliveryDate">2020-05-24</span> | Przekazanie oczekiwanego terminu dostawy | Wymagane, jeśli chcesz wysłać prośbę o opinię na podstawie oczekiwanego terminu dostawy. Data przeniesienia nie może być późniejsza niż rok. Obsługiwany jest format daty RRRR-MM-DD. |
| <span class="tsCheckoutProductUrl">http://www.shop.url/product_page.html</span> | Przekazanie kompletnego adresu URL strony ze szczegółami produktu | |
| <span class="tsCheckoutProductName">Product Name</span> | Przekazanie nazwy produktu | |
| <span class="tsCheckoutProductSKU">0123456789</span> | Przekazanie jednostki magazynowej (SKU), tj. przypisanego przez Ciebie numeru artykułu | |
| <span class="tsCheckoutProductImageUrl">http://www.shop.url/image.png</span> | Przekazanie adresu URL zdjęcia produktu | Opcjonalne, ale zdecydowanie zalecane. Zdjęcie produktu jest widoczne w kwestionariuszu opinii i ułatwia jego zapamiętanie. Zwiększa to stopę konwersji Twoich zaproszeń do wystawienia opinii. |
| <span class="tsCheckoutProductGTIN">0123456789</span> | Przekazanie globalnego numeru jednostki handlowej (GTIN) | Opcjonalne, ale wymagane w przypadku integracji z Google. Numer GTIN jednoznacznie identyfikuje produkt na całym świecie, więc jego przesłanie bardzo ułatwia Google przypisanie zebranych przez Ciebie opinii do właściwego produktu. |
| <span class="tsCheckoutProductMPN">0123456789</span> | Przekazanie numeru części producenta (MPN) | Opcjonalne. Parametr ten służy również do jednoznacznej identyfikacji produktu. |
| <span class="tsCheckoutProductBrand">My Great Brand</span> | Przekazanie marki produktu | Opcjonalne. Pomaga on — podobnie jak numery GTIN i MPN — jednoznacznie zidentyfikować produkt i poprawnie przekazać zebrane oceny do Google. |
<span id="tsCheckoutBuyerEmail"><?php echo $customer_email; ?><span>
$customer_email odpowiada adresowi e-mail klienta w systemie sklepu. Dokładną definicję używanej zmiennej sprawdź w dokumentacji systemu sklepu, ponieważ różni się ona w zależności od systemu. Z tego powodu niestety nie możemy podać żadnych uniwersalnych formuł.
- Otwórz plik szablonu strony z potwierdzeniem zamówienia.
- Skopiuj cały przygotowany kod elementu DIV do schowka.
- Wstaw kod do szablonu strony z potwierdzeniem zamówienia.
Po przejściu do kasy otworzy się Trustcard na stronie z potwierdzeniem zamówienia. Dzięki temu Trustbadge jest zintegrowany z Twoją stroną i ma wszystkie funkcje.
Krok 5: Skontroluj integrację Trustbadge
Możesz teraz przetestować działanie Trustbadge na swojej stronie internetowej poprzez złożenie zamówienia testowego. Jeśli Trustbadge został prawidłowo zintegrowany, po zakończeniu procesu płatności pojawi się Trustcard.
Ten artykuł pomoże Ci przetestować integrację Trustbadge: Jak mogę sprawdzić moją integrację Trustbadge®?