Dodaj główny skrypt i wybierz sposób wyświetlania widżetu (wtyczki). Gdy zdecydujesz, jakiego typu widgetu chcesz użyć, dodaj odpowiedni znacznik HTML.

Zobacz gotowe do użycia widoki widgetów i instrukcje dotyczące implementacji wybranego układu graficznego.

Wykonaj poniższe kroki, aby uzyskać pożądany sposób wyświetlania widgetu na swojej stronie.

Krok 1

Poniższy kod wstaw w sekcji na wszystkich podstronach, na których chcesz używać widgetu ( pluginu) 100Shoppers.

<script type="text/javascript" src="https://widget.100shoppers.com/js/widget.min.js" async=""></script>

W przypadku implementacji skryptu w kraju innym niż Polska, należy pamiętać o dodaniu prefiksu kraju:

<script type="text/javascript" src="https://widget-{sufix-country}.100shoppers.com/js/widget.min.js" async=""></script>

Krok 2

Wybierz sposób wyświetlenia widgetu (pluginu) i przejdź do instrukcji implementacji tagu HTML, który wyświetli pożądany widok. W tagu HTML podaj swój plugin-id.

Zobacz gotowe widoki do użycia

Widok Popover

Widget (plugin) wyświetli listę sklepów po kliknięciu lub najechaniu w button lub link tekstowy. To jeden z najczęściej wybieranych przez producentów szablonów.

Zobacz, jak wstawić tag HTML dla widoku Popover.

Widok Overlay

Widok prezentuje listę sklepów w osobnym oknie na przyciemnionym tle. Ten sposób jest drugim najchętniej wybieranym widokiem przez producentów.

Zobacz, jak wstawić tag HTML dla widoku Overlay.

Widok embedded (osadzony na stronie)

Widok, który ładuje widget z ofertami sklepów od razu po uruchomieniu JavaScript.

Zobacz, jak wstawić tag HTML dla widoku Embedded.

Inne sposoby wyświetlania widgetu:

  • JSON
  • Google Tag Manager
  • Widget multiwariantowy