Smart Widget — live

Ein Code. Jedes Layout.

Ein Publisher fügt zwei Zeilen auf seiner Seite ein, und Boksero zeigt Produkte, Dienstleistungen und Anzeigen — als durchsuchbarer Box Shop oder als Raster, Liste, Karussell, Einzelkarte. Alles unten ist ein echtes, funktionierendes Widget: klicke „Kaufen“, scrolle, wechsle Tabs, suche.

2 Codezeilen12 Layouts3 Angebotsebenen21 Sprachen

Box Shop — Suche über die ganze Box

Statt eines festen Layouts — ein durchsuchbarer Katalog ALLER für diese Box freigegebenen Angebote, direkt im Widget: Text, Typ, Kategorie, Preis, Verfügbarkeit, Zustand. Käufer filtern, ohne die Seite des Publishers zu verlassen. Derselbe Katalog existiert auch als eigenständige Seite — gut für einen Bio-Link oder Smart Link.

Box Shop

Suchfeld, Typ-Tabs, Filter für Kategorie/Preis/Verfügbarkeit, Seitennummerierung — ein Format, 21 Sprachen.

BOX_SHOP
Einbettungscode anzeigen
<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>

Raster und Mini-Raster

Ein klassisches Schaufenster für viele Angebote — von vollformatigen Karten bis zur kompakten Version für eine schmale Spalte.

Raster

Viele Angebote gleichzeitig, Foto, Preis und „Kaufen“-Button. Spalten passen sich der Seitenbreite an.

GRID · komfortabel
Einbettungscode anzeigen
<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-Raster

Eine dichtere Version für Seitenleisten und schmale Blog-Bereiche.

GRID · mini
Einbettungscode anzeigen
<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>

Vertikale Liste

Angebote untereinander — gut unter einem Artikel oder in der Fußzeile.

LIST · vertical
Einbettungscode anzeigen
<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>

Wischbar und rotierend

Auf dem Handy wischt man, am Computer nutzt man das Mausrad oder Pfeile. Das Karussell rotiert Angebote von selbst.

Wischbare Liste

Ein horizontaler Angebotsstreifen — wie „Stories“. Nimmt eine Zeile ein und fasst beliebig viele Positionen.

LIST · horizontal
Einbettungscode anzeigen
<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>

Karussell (Rotation)

Ein Angebot in der Mitte, automatischer Folienwechsel, manuelles Scrollen.

CAROUSEL · slide
Einbettungscode anzeigen
<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>

Karussell mit Überblendung

Eine große Karte mit sanftem Überblenden zwischen Angeboten.

CAROUSEL · fade
Einbettungscode anzeigen
<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>

Expositionsrotation

Das Widget wählt und ändert selbst, welche Angebote es zeigt — jeder Besucher sieht möglicherweise eine andere Auswahl.

ROTATIONAL · grid
Einbettungscode anzeigen
<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>

Einzelkarte und Mini-Versionen

Ein Angebot in einer Ecke der Seite oder mitten in einem Artikel — ohne Platz zu beanspruchen.

Einzelkarte

Ein großes Angebot, hervorgehoben im Inhalt.

SINGLE · large
Einbettungscode anzeigen
<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-Karte

Die kleinste Version — eine Empfehlung im Inhalt oder in der Seitenleiste.

SINGLE · mini
Einbettungscode anzeigen
<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>

Thema und Ebenen

Farben, Schrift und Eckenradius passen sich der Publisher-Seite an (auch automatisch über die KI-Styling-Engine). Eine Box kann Produkte, Dienstleistungen und Anzeigen kombinieren.

Dunkles Thema

Dunkler Hintergrund, grüner Akzent, dieselbe Funktionalität.

eigene Farben
Einbettungscode anzeigen
<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>

Produkte, Dienstleistungen und Anzeigen

Tab-Umschalter: Produktverkauf, Dienstleistungsbuchung und Anzeigen (z. B. ein gebrauchtes Fahrrad) in einer Box.

3 Ebenen
Einbettungscode anzeigen
<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>

Dieselbe Box auf dem Handy

Widgets sind responsiv, unabhängig von der Gastgeberseite. Unten dieselben Boxen in einem Container von Handybreite (340 px).

Raster

Wischbare Liste

Karussell

So bettest du es auf deiner Seite ein

  1. Publisher-Konto erstellen und im Panel ein Widget bauen — Layout, Größe und Thema wählen.
  2. Angebote auswählen von Verkäufern (Provision, CPC oder Pauschale) — der Verkäufer stimmt zu.
  3. Code einfügen auf deiner Seite. Zahlung, Provisionsaufteilung und Auszahlungen übernimmt Boksero.
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="DEIN-EMBED-KEY" api-url="https://boksero.com/api/v1"></boksero-box>