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

Istnieją wtyczki dla wielu platform e-commerce. Te wtyczki pomagają zintegrować zarezerwowane produkty ze stroną internetową. Dzięki temu integracja jest bardzo łatwa i wygodna.
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:

  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.

01_PL.png

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.

02_PL.pngTwó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ą.

  1. Otwórz plik stopki na swojej platformie e-commerce. 
Plik stopki będzie prawdopodobnie miał nazwę footer.php lub podobną.
  1. Skopiuj cały przygotowany kod Trustbadge do schowka.
  2. 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.

03_PL.png

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

Poniższe kroki opisują, jak zdefiniować przekazywanie danych tylko dla opinii dotyczących obsługi. Czy chcesz zbierać też opinie o produktach? Wykonaj kroki opisane tutaj: 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>
</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: 
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.
Na przykład w języku programowania PHP przesyłanie adresu e-mail mogłoby wyglądać tak:
<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ł.
  1. Otwórz plik szablonu strony z potwierdzeniem zamówienia. 
Plik szablonu będzie prawdopodobnie mieć nazwę finish.tpl, thankyou.php, success.phtml lub podobną.
  1. Skopiuj cały przygotowany kod elementu DIV do schowka. 
  2. 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.

Nie chcesz, aby Trustcard otworzył się jako wyskakujące okienko? Możesz nadać mu stałą pozycję na stronie z potwierdzeniem zamówienia. Dowiedz się więcej tutaj: Jak umieścić Trustcard w innym miejscu?

Definiowanie przekazywania danych dla opinii o usługach i produktach

Poniższe kroki opisują, jak zdefiniować przekazywanie danych dla opinii o usługach i produktach. Czy chcesz zbierać tylko opinie dotyczące obsługi? Wykonaj kroki opisane tutaj: 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>

<!-- 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.

  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: 
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.
Na przykład w języku programowania PHP przesyłanie adresu e-mail mogłoby wyglądać tak:
<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ł.
  1. Otwórz plik szablonu strony z potwierdzeniem zamówienia. 
Plik szablonu będzie prawdopodobnie mieć nazwę finish.tpl, thankyou.php, success.phtml lub podobną.
  1. Skopiuj cały przygotowany kod elementu DIV do schowka. 
  2. 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.

Nie chcesz, aby Trustcard otworzył się jako wyskakujące okienko? Możesz nadać mu stałą pozycję na stronie z potwierdzeniem zamówienia. Dowiedz się więcej tutaj: Jak umieścić Trustcard w innym miejscu?

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.

03_PL.png

Ten artykuł pomoże Ci przetestować integrację Trustbadge: Jak mogę sprawdzić moją integrację Trustbadge®?

W razie pytań lub problemów z integracją prosimy o kontakt z naszym zespołem ds. sukcesu klienta pod members@trustedshops.com.
Czy ustanowiłeś Politykę Bezpieczeństwa Treści dla swojej witryny? W tym przypadku sprawdź, czy musisz dostosować swoją politykę po integracji Trustbadge. Ten artykuł może Ci pomóc: Jak dostosować Content Security Policy po zintegrowaniu Trustbadge®? 

Czy ten artykuł był pomocny?

Liczba użytkowników, którzy uważają ten artykuł za przydatny: 20 z 34