Smart Widget — ao vivo

Um código. Qualquer layout.

O editor cola duas linhas no site dele, e o Boksero mostra produtos, serviços e anúncios — como um Box Shop pesquisável, ou em grade, lista, carrossel, cartão único. Tudo abaixo são widgets reais e funcionando: clique em "Comprar", role, troque de aba, pesquise.

2 linhas de código12 layouts3 camadas de oferta21 idiomas

Box Shop — busca em todo o box

Em vez de um layout fixo — um catálogo pesquisável de TODAS as ofertas aprovadas para aquele box, direto no widget: texto, tipo, categoria, preço, disponibilidade, condição. O comprador filtra sem sair do site do editor. O mesmo catálogo também existe como página independente — ótimo para um link na bio ou Smart Link.

Box Shop

Campo de busca, abas por tipo, filtro de categoria/preço/disponibilidade, paginação — um formato, 21 idiomas.

BOX_SHOP
Mostrar código de incorporação
<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>

Grade e mini grade

Uma vitrine clássica de várias ofertas — de cartões em tamanho real a uma versão compacta para uma coluna estreita.

Grade

Várias ofertas de uma vez, foto, preço e botão "Comprar". As colunas se adaptam à largura da página.

GRID · confortável
Mostrar código de incorporação
<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 grade

Uma versão mais densa para barras laterais e seções estreitas de blog.

GRID · mini
Mostrar código de incorporação
<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 uma abaixo da outra — boa embaixo de um artigo ou no rodapé.

LIST · vertical
Mostrar código de incorporação
<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 e rotativos

No celular você desliza o dedo, no computador usa a roda do mouse ou as setas. O carrossel gira as ofertas sozinho.

Lista deslizante

Uma faixa horizontal de ofertas — como "stories". Ocupa uma linha e cabe qualquer quantidade de itens.

LIST · horizontal
Mostrar código de incorporação
<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>

Carrossel (rotação)

Uma oferta no centro, troca automática de slides, rolagem manual.

CAROUSEL · slide
Mostrar código de incorporação
<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>

Carrossel com esmaecimento

Um cartão grande com uma transição suave entre ofertas.

CAROUSEL · fade
Mostrar código de incorporação
<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>

Rotação de exposição

O widget escolhe e muda sozinho quais ofertas mostra — cada visitante pode ver um conjunto diferente.

ROTATIONAL · grid
Mostrar código de incorporação
<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>

Cartão único e versões mini

Uma oferta em um canto da página ou no meio de um artigo — sem ocupar espaço.

Cartão único

Uma oferta grande, destacada no conteúdo.

SINGLE · large
Mostrar código de incorporação
<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 cartão

A versão menor — uma recomendação dentro do conteúdo ou na barra lateral.

SINGLE · mini
Mostrar código de incorporação
<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 camadas

Cores, fonte e arredondamento se adaptam ao site do editor (também automaticamente pelo Motor de Estilo IA). Um box pode combinar produtos, serviços e anúncios.

Tema escuro

Fundo escuro, destaque verde, a mesma funcionalidade.

cores próprias
Mostrar código de incorporação
<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>

Produtos, serviços e anúncios

Seletor de abas: venda de produtos, reserva de serviços e anúncios (ex. uma bicicleta usada) em um único box.

3 camadas
Mostrar código de incorporação
<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>

O mesmo box no celular

Os widgets são responsivos independente da página anfitriã. Abaixo, os mesmos boxes dentro de um contêiner com largura de celular (340 px).

Grade

Lista deslizante

Carrossel

Como incorporar no seu site

  1. Crie uma conta de editor e crie um widget no painel — escolha layout, tamanho e tema.
  2. Escolha ofertas de vendedores (comissão, CPC ou taxa fixa) — o vendedor aprova.
  3. Cole o código na sua página. O Boksero cuida do pagamento, da divisão de comissões e dos repasses.
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="SEU-EMBED-KEY" api-url="https://boksero.com/api/v1"></boksero-box>