Wygodne Zwroty - Integracja

Integracja z PrestaShop 8

Wybierz wersję PrestaShop:

Kody do integracji

1. Kod instalacji

Skopiuj poniższy kod instalacji — będzie potrzebny podczas konfiguracji wtyczki w krokach opisanych poniżej.

(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>");

2. Kod banera

Skopiuj poniższy kod banera — będzie potrzebny podczas wstawiania banera w krokach opisanych poniżej.

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

Skopiuj poniższy kod widgetu — wklejasz go w tym samym polu co kod instalacji, bezpośrednio pod nim (patrz kroki opisane poniżej).

const banner = document.createElement('div');
banner.id = 'ak_returns_banner_<WIDGET_HID>';
banner.style.display = 'flex';
banner.style.justifyContent = 'center';
banner.style.alignItems = 'center';
banner.style.textAlign = 'center';
document.body.appendChild(banner);

Instalacja i wdrożenie banera

Zaloguj się do panelu administracyjnego PrestaShop i przejdź do Moduły → Menedżer modułów (1). Kliknij Załaduj moduł (2) i wskaż wtyczkę pobraną przyciskiem Pobierz wtyczkę powyżej. Po zainstalowaniu kliknij Konfiguruj (3).

W konfiguracji modułu, w sekcji Javascript Footer (1), wklej wcześniej skopiowany kod instalacji (2) i kliknij Zapisz (3).

Aby dodać baner, przejdź do Wygląd → Strony (1) (2). Z listy stron wybierz tę, na której ma się pojawić, np. Polityka zwrotów, i w edytorze treści kliknij ikonę kod źródłowy (3).

W otwartym oknie Kod źródłowy wklej wcześniej skopiowany kod banera (1) w wybranym miejscu treści i kliknij Ok (2).

Kliknij Zapisz, aby zapisać zmiany na stronie. Uwaga: baner nie wyświetli się w panelu administracyjnym, a ze względu na cache platformy może pojawić się na stronie z opóźnieniem.

Dodanie widgetu (opcjonalnie)

Widget dodajesz dodatkowo, niezależnie od banera - w tym samym polu co kod instalacji.

Wróć do konfiguracji modułu (tak jak w kroku 2) i w sekcji Javascript Footer (1), na końcu pola, po istniejącym już kodzie instalacji, wklej wcześniej skopiowany kod widgetu (2) i kliknij Zapisz (3).