Logo Wygodne Zwroty
Integracje
Logo Shoper Shoper

Integracja z Shoper Szablony Standardowe

Wybierz wersję Shoper:

Szablony Standardowe Szablon StoreFront

1 Zapoznaj się z instrukcją dla Twojej platformy

Przygotowaliśmy szczegółową instrukcję instalacji krok po krok dla platformy Shoper – kliknij w przycisk. Instrukcja pomoże Ci szybko i skutecznie wdrożyć odpowiednie komponenty naswoją stronę

Pobierz instrukcję

2 Kod instalacji

Element obowiązkowy

Kod instalacji został objęty znacznikami <script>
Odpowiedzialny jest za integrację Twojego sklepu z Wygodnymi Zwrotami – zapewnia poprawne wyświetlanie baneru.

<script>
    (function (i) {
  var j = document.createElement("script");
  j.src = "https://cdn.allekurier.pl/mail-box/banner.js?hid=" + i;
  j.async = true;
  j.referrerPolicy = "no-referrer-when-downgrade";
  document.body.appendChild(j);
})("<BANNER_HID>");
</script>

3 Baner

Element obowiązkowy

Baner to kod znajdujacy się w znacznikach <div> po wdrożeniu pokazuje w jaki sposób przebiega wysyłka zwrotu przez naszą platformę. Wstawienie banera jest wymagane aby rozpocząć współpracę z Wygodnymi Zwrotami.


Przygotowaliśmy dodatkowe zabezpieczenie oznaczone tagiem <source>
W przypadku braku załadowania skryptu np. poprzez przypadkowe usunięcie go ze strony zostanie wyświetlony baner w postaci grafiki.

<div id="ak_returns_banner_<BANNER_HID>">
   <a href="https://wygodnezwroty.pl/<MAILBOX_CODE>" target="_blank">
      <picture> <source media="(max-width: 799px)" srcset="https://allekurier.pl/static/wdrozenia/baner-mobile.svg" />
         <source media="(min-width: 800px)" srcset="https://allekurier.pl/static/wdrozenia/baner-desktopv3.svg" />
         <img src="https://allekurier.pl/static/wdrozenia/baner-desktopv3.svg" style="width: 100%; max-width: 1000px; display: block; margin: 0 auto;" />
      </picture>
   </a>
</div>
Przykładowy baner

Przydatne wskazówki