Wstęp
Trusted Shops to znak jakości z ochroną kupującego, przyznawany sklepom internetowym. Aby rozpocząć jego integrację z Comarch e-Sklep, najpierw musimy zarejestrować się na stronie TrustedShops. Po przejściu procesu rejestracji i otrzymaniu certyfikatu otrzymamy jego identyfikator, który jest potrzebny do połączenia go z naszym e-Sklepem.
Wprowadzenie identyfikatora Trusted Shops
W panelu administracyjnym należy wprowadzić identyfikator od Trusted Shops. Aby to zrobić, proszę przejść w Ustawienia/ Ustawiania sklepu/ Trusted Shops wpisać identyfikator i kliknąć przycisk Przyłącz.
Następnie proszę podążać za poniższymi wskazówkami dotyczącymi właściwego szablonu.
Dodawanie loga Trusted Shops do e-Sklepu
Kolejnym krokiem w integracji platformy Trusted Shops jest dodanie loga platformy. Dokonuje się tego poprzez edycję kodu HTML szablonu naszego sklepu i wgranie odpowiednich poprawek wymaganych przez platformę. Kod ten posiada kilka parametrów konfiguracyjnych, które zostaną opisane w rozdziale poniżej. Natomiast dalsza część instrukcji zostanie poświęcona implementacji loga zależnie od używanego szablonu w Comarch e-Sklep.
Parametry konfiguracyjne
- Fragment kodu ’yOffset’: ’60’, /* offset from page bottom */ określa wysokość, na jakiej ma się znajdować logo Trusted Shops. Często domyślnie jest to wartość 60. Zmiana tej wartości pozwala na dopasowanie elementu do wyglądu posiadanego szablonu.
- Parametr ’variant’ odpowiada za wariant wyświetlania Trustbadge. Pozwala określić, które logo Trusted Shops będzie widoczne w naszym sklepie. Domyślnie wybrany wariant to 'reviews’, natomiast pozostałe warianty to 'default’, 'custom_reviews’ oraz 'custom’. Aby je zmienić, wystarczy wpisać nazwę wybranego wariantu w linijce kodu ’variant’:’reviews’, zastępując domyślnie wybrany wariant reviews.
Wybrane warianty prezentują się następująco:
Agat
Etap I – skrypt główny
Krok 1. W panelu administracyjnym przejdź do sekcji Wygląd sklepu/ Ustawienia/ Więcej 
/ Edytuj ustawienia zaawansowane ponownie Więcej / Edytuj HTML
Krok 2. Przejdź do edycji pliku _layout.html, a następnie za pomocą narzędzia wyszukiwania odnajdź frazę </head>.
Krok 3. Powyżej znalezionego fragmentu wklej poniższy skrypt, w którym wartość XXXXXXXXXXXXX należy zastąpić identyfikatorem od Trusted Shops:
Etap II – wstawienie dodatkowego skryptu w szablonie
Krok 1. Pozostając w powyższym obszarze z plikami szablonu należy przejść do edycji partials/ cart/ lastpagesscripts.html i podmienić kod pliku na poniższy skrypt:
<div id="trustedShopsCheckout" style="display: none;">
<span id="tsCheckoutOrderNr">{{cart.PlacedOrder.Id}}</span>
<span id="tsCheckoutBuyerEmail">{{cart.Customer.Email}}</span>
<span id="tsCheckoutBuyerId">-</span>
<span id="tsCheckoutOrderAmount">{{cart.OrderTotalValue}}</span>
<span id="tsCheckoutOrderCurrency">{{currency}}</span>
<span id="tsCheckoutOrderPaymentType">OTHER</span>
</div>
<script>
(function(){try{trustbadge.reInitialize();}catch(err){}})();
</script>
Krok 2. Następnie należy zapisać i opublikować szablon ( Zapisz i opublikuj )
Opal i Bursztyn
Etap I – skrypt główny
Krok 1. W panelu administracyjnym przejdź do sekcji Wygląd sklepu/ Ustawienia/ Więcej / Edytuj ustawienia zaawansowane ponownie Więcej / Edytuj HTML
Krok 2. Przejdź do edycji pliku _layout.html, a następnie za pomocą narzędzia wyszukiwania odnajdź frazę </head>.
Krok 3. Powyżej znalezionego fragmentu wklej poniższy skrypt, w którym wartość XXXXXXXXXXXXX należy zastąpić identyfikatorem od Trusted Shops:
Etap II – wstawienie dodatkowego skryptu w szablonie
Krok 1. Pozostając w powyższym obszarze z plikami szablonu należy przejść do edycji partials/ cart/ lastpagesscripts.html i podmienić kod pliku na poniższy skrypt:
<div id="trustedShopsCheckout" style="display: none;">
<span id="tsCheckoutOrderNr">{{cart.PlacedOrder.Id}}</span>
<span id="tsCheckoutBuyerEmail">{{cart.Customer.Email}}</span>
<span id="tsCheckoutBuyerId">-</span>
<span id="tsCheckoutOrderAmount">{{cart.OrderTotalValue}}</span>
<span id="tsCheckoutOrderCurrency">{{currency}}</span>
<span id="tsCheckoutOrderPaymentType">OTHER</span>
</div>
<script>
(function(){try{trustbadge.reInitialize();}catch(err){}})();
</script>
Krok 2. Następnie należy zapisać i opublikować szablon ( Zapisz i opublikuj )