Jak zintegrować Trustbadge w sklepie bez użycia wtyczki?

Trustbadge® możesz zintegrować już pierwszego dnia członkostwa w Trusted Shops. Potrzebnych jest tylko pięć kroków:

1. Znajdź swój identyfikator Trusted Shops
2. Skonfiguruj kod Trustbadge
3. Zintegruj kod Trustbadge ze swoją stroną internetową
4. Zdefiniuj transmisję danych dla Trustcard
5. 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.

1. Zaloguj się do My Trusted Shops. Zostanie otwarty pulpit.
2. 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>

1. Znajdź następujący wiersz kodu w kodzie integracji:
   

   src="//widgets.trustedshops.com/js/YOUR_TSID.js">

2. 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 w inny sposób 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ą.

1. Otwórz plik stopki na swojej platformie e-commerce. 

2. Skopiuj cały przygotowany kod Trustbadge do schowka.
3. Wstaw kod Trustbadge do pliku stopki bezpośrednio przed tagiem zamykającym </body>. 

Trustbadge będzie wtedy dostępny na każdej stronie Twojego sklepu, także na stronie z potwierdzeniem zamówienia.

Krok 4: Zdefiniuj transmisję danych dla Trustcard

Ważną funkcją Trustbadge jest Trustcard. Trustcard otwiera się w Twoim sklepie 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.

Ten element DIV służy również do przesyłania danych ze sklepu do Trustbadge, które są wymagane do Ochrony Kupującego i wysyłania zaproszeń do wystawienia opinii.

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">4005.95</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.

1. 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: 

<span id="tsCheckoutBuyerEmail"><?php echo $customer_email; ?><span>

2. Otwórz plik szablonu strony z potwierdzeniem zamówienia. 

3. Skopiuj cały przygotowany kod elementu DIV do schowka. 
4. 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 Twoim sklepem i ma wszystkie funkcje.

Krok 5: Skontroluj integrację Trustbadge

Możesz teraz przetestować działanie Trustbadge w swoim sklepie 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®?