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"
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 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ą.
- 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 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.
- 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">4005.95</span> | Przekazanie wartości zamówienia | Jak widać na przykładzie 4005.95, 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. 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 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®?