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>