Wstaw gotowy widget  i zautomatyzuj wyświetlenie narzędzia 'gdzie kupić'.
Posiadając dane produktowe w swojej bazie danych, możesz zaszyć skrypt w szablonie swojej strony.

Krok 1
Poniższy kod wstaw w sekcji <head>  na wszystkich podstronach, na których będziesz używać widgetu BUY.BOX

<script src="https://buybox.click/js/bb-loader.min.js" defer></script>

Krok 2
Poniższy kod wstaw w miejscu, w którym chcesz wyświetlać widget BUY.BOX

<div class="bb-widget" id="buybox-1" data-bb-id="{buybox-id}" {par}="{wartość}"></div>

gdzie:

  • {buybox-id}  – unikalny identyfikator widgetu do pobrania z panelu wydawcy
  • {par}  – parametr opisujący produkt lub konfiguracyjny (opis poniżej)
  • {wartość}  – wartość parametru opisującego produkt lub konfiguracyjnego

Parametry 

  • data-bb-number  - kod GTIN produktu (np. ISBN lub EAN)
  • data-bb-name - nazwa produktu 
  • data-bb-info - dodatkowy atrybut opisujące produkt (opis poniżej)
  • data-bb-abpar1, data-bb-abpar2, data-bb-abpar3  - parametry Abpar
  • data-bb-skip_jQuery  - wyłączanie pobierania biblioteki jQuery; wartość 1 wyłącza pobieranie
  • data-bb-alt  - identyfikator kontenera z alternatywną treścią (opis poniżej)

Dodatkowe atrybuty dla poszczególnych kategorii

  • Elektronika - nazwa producenta 

Wymaganym parametrem jest bb-number. Dodatkowo można dodać bb-name - nazwa produktu, bb-info- nazwa producenta. Wszystkie informacje dla IT znajdują się tutaj:  https://buybox.click/1641/buybox.json?number=6925281904370&name=NazwaProduktu&info=NazwaProducenta 

Przykłady

Wyszukiwanie produkty po numerze GTIN

<div class="bb-widget" id="buybox-1" data-bb-id="691" data-bb-number="5906006232856" data-bb-skip_jquery="1"></div>

Alternatywna treść

Jeżeli chcesz wyświetlić alternatywną treść (np. baner) w momencie, w którym widget nie wyświetli żadnych ofert. 

<div class="bb-widget" id="buybox-1" data-bb-id="691" data-bb-number="5906006232856" data-bb-alt="no-buybox"></div>

<div id="no-buybox" style="display: none;">
<!-- Tutaj wstaw alternatywną treść -->
</div>

 

Kilka BUY.BOX-ów na jednej stronie

Jeżeli na jednej podstronie chcesz wstawić wiele widgetów, wystarczy że dla każdego widgetu ustawisz indywidualny identyfikator kontenera.

<div class="bb-widget" id="buybox-1" data-bb-id="691" data-bb-number="0309975410082" data-bb-skip_jquery="1"></div>
...
<div class="bb-widget" id="buybox-2" data-bb-id="691" data-bb-number="0604214271906" data-bb-skip_jquery="1"></div>

Inne opcje integracji: tutaj.

Czy udało Ci się znaleźć odpowiedź na swoje pytanie?