Smart Widget — live

One snippet. Any layout.

A publisher pastes two lines on their site, and Boksero shows products, services and listings — as a searchable Box Shop, or in a grid, list, carousel, single card. Everything below is a real, working widget: click "Buy", scroll, switch tabs, search.

2 lines of code12 layouts3 offer layers21 languages
No payments are charged: this feature isn't live yet. Offers are sample data, illustrations are mockups.

Box Shop — search across one whole box

Instead of a fixed layout — a searchable catalog of ALL offers approved for a given box, right inside the widget: text, type, category, price, availability, condition. Buyers filter without leaving the publisher's site. The same catalog also exists as a standalone page — good for a bio link or Smart Link.

Box Shop

Search box, type tabs, category/price/availability filters, pagination — one format, 21 languages.

BOX_SHOP
View as a standalone page ↗
Show embed code
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-box-sklep" api-url="https://boksero.com/api/v1"></boksero-box>

Grid and mini grid

A classic multi-offer storefront — from full-size cards to a compact version for a narrow column.

Grid

Many offers at once, photo, price and a "Buy" button. Columns adapt to the page width.

GRID · comfortable
Show embed code
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-siatka" api-url="https://boksero.com/api/v1"></boksero-box>

Mini grid

A denser version for sidebars and narrow blog sections.

GRID · mini
Show embed code
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-mini-siatka" api-url="https://boksero.com/api/v1"></boksero-box>

Vertical list

Offers one below another — good under an article or in a footer.

LIST · vertical
Show embed code
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-lista" api-url="https://boksero.com/api/v1"></boksero-box>

Swipeable and rotating

On a phone you swipe, on a computer you use the wheel or arrows. The carousel rotates offers on its own.

Swipeable list

A horizontal strip of offers — like "stories". Takes one line, fits any number of items.

LIST · horizontal
Show embed code
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-przesuwana" api-url="https://boksero.com/api/v1"></boksero-box>

Carousel (rotation)

One offer in the center, automatic slide changes, manual scrolling.

CAROUSEL · slide
Show embed code
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="cmu5slkid001hwsmin1855nn8" api-url="https://boksero.com/api/v1"></boksero-box>

Fading carousel

A large card with a smooth crossfade between offers.

CAROUSEL · fade
Show embed code
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-karuzela-fade" api-url="https://boksero.com/api/v1"></boksero-box>

Exposure rotation

The widget picks and changes which offers it shows on its own — each visitor may see a different set.

ROTATIONAL · grid
Show embed code
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-rotacja" api-url="https://boksero.com/api/v1"></boksero-box>

Single card and mini versions

One offer in a corner of the page or in the middle of an article — without taking up space.

Single card

One large offer, featured in the content.

SINGLE · large
Show embed code
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-karta" api-url="https://boksero.com/api/v1"></boksero-box>

Mini card

The smallest version — a recommendation inside content or a sidebar.

SINGLE · mini
Show embed code
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-mini-karta" api-url="https://boksero.com/api/v1"></boksero-box>

Theme and layers

Colors, font and corner radius adapt to the publisher's site (also automatically via the AI Styling Engine). One box can combine products, services and listings.

Dark theme

Dark background, green accent, the same functionality.

custom colors
Show embed code
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-ciemny" api-url="https://boksero.com/api/v1"></boksero-box>

Products, services and listings

A tab switcher: selling products, booking services and listings (e.g. a used bike) in one box.

3 layers
Show embed code
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-warstwy" api-url="https://boksero.com/api/v1"></boksero-box>

The same box on a phone

Widgets are responsive regardless of the host page. Below are the same boxes enclosed in a phone-width container (340 px).

Grid

Swipeable list

Carousel

How to embed it on your site

  1. Create a publisher account and build a widget in the panel — pick a layout, size and theme.
  2. Choose offers from sellers (commission, CPC or a flat fee) — the seller approves.
  3. Paste the code on your page. Boksero handles payment, commission splits and payouts.
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="YOUR-EMBED-KEY" api-url="https://boksero.com/api/v1"></boksero-box>
See the offer search