Wygodne Zwroty - Integracja

Integracja z Shopify

Kody do integracji

1. Kod instalacji (strona w Politykach)

Jeśli Twoja podstrona ze zwrotami jest wdrożona w politykach Shopify (np. jako wbudowana strona obsługiwana przez motyw), skopiuj poniższy kod i wklej go raz w pliku motywu theme.liquid, tuż przed znacznikiem </body>:

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

2. Kod instalacji (strona w Sklep online → Strony)

Jeśli podstrona ze zwrotami znajduje się w sekcji "Sklep online" → "Strony", użyj poniższego kodu zamiast powyższego – wklej go bezpośrednio w treści tej podstrony:

<script src="https://cdn.allekurier.pl/mail-box/banner.js?hid=<BANNER_HID>"></script>
<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>

3. Kod banera

Kod banera wklej w treści strony (skorzystaj z niego razem z kodem instalacji dla Polityk – wariant 1):

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

4. Kod widgetu

Widget wstaw dokładnie w ten sam sposób co baner, ale w stopce swojej strony:

<div id="ak_returns_banner_<WIDGET_HID>"></div>

Zdecyduj, gdzie znajduje się Twoja podstrona ze zwrotami. Jeśli jest to strona wdrożona w politykach Shopify, przejdź do kroku 2 i użyj kodu instalacji dla Polityk. Jeśli podstrona znajduje się w sekcji "Sklep online" → "Strony", przejdź od razu do kroku 5 i użyj kodu instalacji dla Stron.

W panelu administracyjnym przejdź do Sklep online → Szablony, kliknij ikonę (...) przy aktywnym szablonie i wybierz Edytuj kod.

Z listy plików po lewej stronie otwórz plik theme.liquid, przewiń go na sam dół i wklej wcześniej skopiowany kod instalacji tuż przed znacznikiem zamykającym </body>. Na końcu kliknij Zapisz.

Otwórz stronę zawierającą Twoją politykę zwrotów (Sklep online → Strony, wybierz stronę i kliknij Pokaż edytor) i wklej wcześniej skopiowany kod banera bezpośrednio po znaczniku zamykającym, np. po </h3>. Na końcu kliknij Zapisz.

Jeśli Twoja podstrona ze zwrotami znajduje się w sekcji "Sklep online" → "Strony", w panelu administracyjnym przejdź do zakładki Sklep online (1). Kolejno kliknij Strony (2), a następnie wybierz stronę (3), na której chcesz umieścić baner Wygodne Zwroty.

Po przejściu na docelową stronę kliknij Pokaż edytor.

Wklej wcześniej skopiowany kod instalacji – dodaj elementy <div> oraz <script> pod sobą lub obok siebie, najlepiej bezpośrednio po znaczniku zamykającym, np. po </h3>. Na samym końcu zapisz zmiany.

Widget wstaw dokładnie w ten sam sposób co baner, ale w stopce swojej strony – skopiuj kod widgetu i wklej go analogicznie do kroków powyżej.

Wskazówka: aby ułatwić klientom znalezienie strony ze zwrotami, dodaj ją do stopki. W panelu przejdź do zakładki Sklep online (1), kolejno kliknij Nawigacja (2), a następnie Footer menu (3).

Kliknij Dodaj pozycję menu (1), wpisz nazwę i znajdź stworzoną podstronę (2). Następnie kliknij przycisk Dodaj i zapisz wszystkie zmiany.