Logo
Integracje Wdrożenie bannera
Logo Shoper Shoper

Integracja z Shoper

Instrukcja dotyczy nowego szablonu StoreFront

Poniższa instrukcja działa wyłącznie w oparciu o nowy silnik szablonów Shoper – StoreFront. Jeśli Twój sklep korzysta jeszcze ze starego, klasycznego szablonu, ten sposób integracji nie zadziała. Napisz do nas na it@allekurier.pl – pomożemy dobrać właściwą metodę.

Kody do integracji

1. Kod instalacji i banera

Kod zawiera baner (znacznik <div>) oraz skrypt, który go uruchamia (znacznik <script>). Wklej go tylko raz, bezpośrednio w treści wybranej podstrony (np. Zwroty i reklamacje): 

<div id="ak_returns_banner_<BANNER_HID>">
  <a href="https://wygodnezwroty.pl/<MAILBOX_CODE>/odstapienie?_campaign=merchant;banner;<MAILBOX_CODE>">
    <picture>
      <source
        media="(max-width: 799px)"
        srcset="https://static.wygodnezwroty.pl/mailbox/banners/<BANNER_HID>/mobile.webp"
      />
      <source
        media="(min-width: 800px)"
        srcset="https://static.wygodnezwroty.pl/mailbox/banners/<BANNER_HID>/desktop.webp"
      />
      <img
        src="https://static.wygodnezwroty.pl/mailbox/banners/<BANNER_HID>/desktop.webp"
        style="width: 100%; display: block; margin: 0 auto"
      />
    </picture>
  </a>
</div>
<script src="https://cdn.allekurier.pl/mail-box/banner.js?hid=<BANNER_HID>"></script>
<script>(function(){const id="ak_returns_banner_<BANNER_HID>";function tryRender(){const c=document.getElementById(id);if(c&&!c.querySelector('[data-allekurier-widget-shadow-host]')&&typeof window.renderReturnsBannerTrigger==="function"){window.renderReturnsBannerTrigger({manualTrigger:true});}}tryRender();new MutationObserver(tryRender).observe(document.body,{childList:true,subtree:true});})();</script>
1

W panelu Shoper przejdź do Ustawienia (1) → Zaawansowane (2) → Zabezpieczenia (3), włącz opcję Wyłącz czyszczenie kodu HTML (4) i kliknij Zapisz (5). Ten krok jest wymagany, aby wklejony kod nie został automatycznie usunięty.

2

Przejdź do Wygląd i treści (1) → Strony informacyjne (2) i na liście stron kliknij tę, na której ma pojawić się baner zwrotów, np. Zwroty i reklamacje (3).

3

W edytorze treści strony kliknij wyłącz edytor (1), aby przełączyć się na widok kodu HTML.

4

Wklej wcześniej skopiowany kod instalacji na początku treści strony (1, 2) i kliknij Zapisz (3).

Przydatne wskazówki