Smart Widget — en vivo

Un código. Cualquier formato.

El editor pega dos líneas en su web y Boksero muestra productos, servicios y anuncios — como un Box Shop buscable, o en cuadrícula, lista, carrusel, tarjeta única. Todo lo de abajo son widgets reales y funcionales: haz clic en «Comprar», desplázate, cambia de pestaña, busca.

2 líneas de código12 formatos3 capas de oferta21 idiomas

Box Shop — buscador de todo el box

En lugar de un formato fijo — un catálogo buscable de TODAS las ofertas aprobadas para ese box, directamente en el widget: texto, tipo, categoría, precio, disponibilidad, estado. El comprador filtra sin salir de la web del editor. El mismo catálogo también existe como página independiente — ideal para un enlace en la bio o un Smart Link.

Box Shop

Buscador, pestañas por tipo, filtro de categoría/precio/disponibilidad, paginación — un formato, 21 idiomas.

BOX_SHOP
Mostrar código de inserción
<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>

Cuadrícula y mini cuadrícula

Un escaparate clásico de muchas ofertas — desde tarjetas a tamaño completo hasta una versión compacta para una columna estrecha.

Cuadrícula

Varias ofertas a la vez, foto, precio y botón «Comprar». Las columnas se adaptan al ancho de la página.

GRID · cómoda
Mostrar código de inserción
<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 cuadrícula

Una versión más densa para barras laterales y secciones estrechas de blog.

GRID · mini
Mostrar código de inserción
<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 vertical

Ofertas una debajo de otra — ideal bajo un artículo o en el pie de página.

LIST · vertical
Mostrar código de inserción
<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>

Deslizantes y giratorios

En el móvil deslizas con el dedo, en el ordenador con la rueda o las flechas. El carrusel rota las ofertas solo.

Lista deslizante

Una franja horizontal de ofertas — como «stories». Ocupa una línea y cabe cualquier cantidad de elementos.

LIST · horizontal
Mostrar código de inserción
<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>

Carrusel (rotación)

Una oferta en el centro, cambio automático de diapositivas, desplazamiento manual.

CAROUSEL · slide
Mostrar código de inserción
<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>

Carrusel con desvanecido

Una tarjeta grande con una transición suave entre ofertas.

CAROUSEL · fade
Mostrar código de inserción
<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>

Rotación de exposición

El widget elige y cambia solo qué ofertas muestra — cada visitante puede ver un conjunto distinto.

ROTATIONAL · grid
Mostrar código de inserción
<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>

Tarjeta única y versiones mini

Una oferta en una esquina de la página o en medio de un artículo — sin ocupar espacio.

Tarjeta única

Una oferta grande, destacada en el contenido.

SINGLE · large
Mostrar código de inserción
<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 tarjeta

La versión más pequeña — una recomendación dentro del contenido o en la barra lateral.

SINGLE · mini
Mostrar código de inserción
<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 y capas

Colores, tipografía y bordes se adaptan a la web del editor (también automáticamente con el Motor de Estilo IA). Un box puede combinar productos, servicios y anuncios.

Tema oscuro

Fondo oscuro, acento verde, la misma funcionalidad.

colores propios
Mostrar código de inserción
<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>

Productos, servicios y anuncios

Selector de pestañas: venta de productos, reserva de servicios y anuncios (p. ej. una bici usada) en un solo box.

3 capas
Mostrar código de inserción
<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>

El mismo box en el móvil

Los widgets son responsivos sin importar la página anfitriona. Abajo están los mismos boxes dentro de un contenedor del ancho de un móvil (340 px).

Cuadrícula

Lista deslizante

Carrusel

Cómo incrustarlo en tu web

  1. Crea una cuenta de editor y crea un widget en el panel — elige formato, tamaño y tema.
  2. Elige ofertas de vendedores (comisión, CPC o cuota fija) — el vendedor las aprueba.
  3. Pega el código en tu página. Boksero gestiona el pago, el reparto de comisiones y los pagos.
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="TU-EMBED-KEY" api-url="https://boksero.com/api/v1"></boksero-box>