Smart Widget — dal vivo

Un codice. Qualsiasi layout.

L'editore incolla due righe sul proprio sito e Boksero mostra prodotti, servizi e annunci — come un Box Shop ricercabile, oppure in griglia, lista, carosello, scheda singola. Tutto qui sotto sono widget veri e funzionanti: clicca su «Acquista», scorri, cambia scheda, cerca.

2 righe di codice12 layout3 livelli di offerta21 lingue

Box Shop — ricerca in tutto il box

Invece di un layout fisso — un catalogo ricercabile di TUTTE le offerte approvate per quel box, direttamente nel widget: testo, tipo, categoria, prezzo, disponibilità, condizione. L'acquirente filtra senza lasciare il sito dell'editore. Lo stesso catalogo esiste anche come pagina autonoma — utile per un link in bio o uno Smart Link.

Box Shop

Barra di ricerca, schede per tipo, filtro categoria/prezzo/disponibilità, paginazione — un formato, 21 lingue.

BOX_SHOP
Mostra codice di inserimento
<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>

Griglia e mini griglia

Una vetrina classica con molte offerte — da schede a grandezza piena a una versione compatta per una colonna stretta.

Griglia

Molte offerte insieme, foto, prezzo e pulsante «Acquista». Le colonne si adattano alla larghezza della pagina.

GRID · comoda
Mostra codice di inserimento
<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 griglia

Una versione più densa per barre laterali e sezioni strette del blog.

GRID · mini
Mostra codice di inserimento
<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>

Lista verticale

Offerte una sotto l'altra — ottimo sotto un articolo o nel footer.

LIST · vertical
Mostra codice di inserimento
<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>

Scorrevoli e rotanti

Su telefono scorri col dito, al computer usi la rotella o le frecce. Il carosello ruota le offerte da solo.

Lista scorrevole

Una striscia orizzontale di offerte — come le «stories». Occupa una riga e contiene un numero qualsiasi di elementi.

LIST · horizontal
Mostra codice di inserimento
<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>

Carosello (rotazione)

Un'offerta al centro, cambio diapositiva automatico, scorrimento manuale.

CAROUSEL · slide
Mostra codice di inserimento
<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>

Carosello con dissolvenza

Una scheda grande con una dissolvenza fluida tra le offerte.

CAROUSEL · fade
Mostra codice di inserimento
<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>

Rotazione dell'esposizione

Il widget sceglie e cambia da solo quali offerte mostrare — ogni visitatore può vedere un insieme diverso.

ROTATIONAL · grid
Mostra codice di inserimento
<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>

Scheda singola e versioni mini

Un'offerta in un angolo della pagina o al centro di un articolo — senza occupare spazio.

Scheda singola

Un'offerta grande, in evidenza nel contenuto.

SINGLE · large
Mostra codice di inserimento
<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 scheda

La versione più piccola — un consiglio nel contenuto o nella barra laterale.

SINGLE · mini
Mostra codice di inserimento
<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>

Tema e livelli

Colori, font e arrotondamenti si adattano al sito dell'editore (anche automaticamente tramite il Motore di Stile IA). Un box può combinare prodotti, servizi e annunci.

Tema scuro

Sfondo scuro, accento verde, la stessa funzionalità.

colori personalizzati
Mostra codice di inserimento
<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>

Prodotti, servizi e annunci

Selettore di schede: vendita di prodotti, prenotazione di servizi e annunci (es. una bici usata) in un unico box.

3 livelli
Mostra codice di inserimento
<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>

Lo stesso box su telefono

I widget sono responsivi indipendentemente dalla pagina ospitante. Sotto, gli stessi box in un contenitore della larghezza di un telefono (340 px).

Griglia

Lista scorrevole

Carosello

Come inserirlo sul tuo sito

  1. Crea un account editore e crea un widget nel pannello — scegli layout, dimensione e tema.
  2. Scegli le offerte dei venditori (commissione, CPC o tariffa fissa) — il venditore approva.
  3. Incolla il codice sulla tua pagina. Boksero gestisce pagamento, ripartizione delle commissioni e pagamenti.
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="TUA-EMBED-KEY" api-url="https://boksero.com/api/v1"></boksero-box>