Implementation of the widget on the site

If you have product data in your database and you want to automate the operation of the BUY.BOX widget, you can sew up the script in your website template.

Step 1

Insert the below code in the <head> section on all subpages where you will use the BUY.BOX widget.

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

Step 2

Place the following code where you want to display the BUY.BOX widget

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

where:

{buybox-id} - the unique ID of the widget to be downloaded from the publisher's panel
{par} - parameter describing the product or configuration (description below)
{value} - value of the parameter describing the product or configuration

Parameters

data-bb-number - GTIN code of a product (e.g.. ISBN orEAN)
data-bb-name – name of the product
data-bb-info – additional attribute describing the product (description below)
data-bb-abpar1 , data-bb-abpar2 , data-bb-abpar3 - Abpar parameters
data-bb-skip_jQuery - disable downloading the jQuery library; value 1 disables the download
data-bb-alt - container ID with alternative content (description below)

Additional attributes for particular categories

Books – name and surname of the author
Films- name and surname of the director
Music – a performer

Examples:

Searching for products by GTIN

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

Search for products by name and additional attribute

<div class="bb-widget" id="buybox-1" data-bb-id="691" data-bb-name="Zero To One" data-bb-info="Thiel Peter" data-bb-skip_jquery="1"></div>

Alternative content

If you want to display alternative content (e.g. a banner) at the moment when the widget will not display any offers.

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

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

Several BUY.BOXes on one page

If you want to insert multiple widgets into one sub-page, all you need to do is set an individual container ID for each widget.

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