Smart Widget — наживо

Один код. Будь-який формат.

Видавець вставляє два рядки на свій сайт, а Boksero показує товари, послуги й оголошення — як пошуковий Box Shop, або у вигляді сітки, списку, каруселі, однієї картки. Усе нижче — це справжні, робочі віджети: натисніть «Купити», прокрутіть, перемкніть вкладки, пошукайте.

2 рядки коду12 форматів3 шари пропозицій21 мов
Платежі не списуються: ця функція ще не увімкнена. Пропозиції — тестові дані, ілюстрації — візуалізації.

Box Shop — пошук по всьому боксу

Замість фіксованого формату — каталог УСІХ пропозицій, схвалених для цього боксу, прямо у віджеті: текст, тип, категорія, ціна, наявність, стан. Покупець фільтрує, не залишаючи сайт видавця. Той самий каталог існує і як окрема сторінка — зручно для посилання в біо або Smart Link.

Box Shop

Пошук, вкладки за типом, фільтр категорії/ціни/наявності, постороінкова навігація — один формат, 21 мова.

BOX_SHOP
Відкрити як окрему сторінку ↗
Показати код для вставки
<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 · комфортна
Показати код для вставки
<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>

Міні-сітка

Щільніша версія для бічних панелей і вузьких блоків блогу.

GRID · mini
Показати код для вставки
<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>

Вертикальний список

Пропозиції одна під одною — добре під статтею або в підвалі.

LIST · vertical
Показати код для вставки
<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>

Гортальні та обертові

На телефоні гортаєте пальцем, на комп'ютері — колесом або стрілками. Карусель сама обертає пропозиції.

Гортальний список

Горизонтальна смуга пропозицій — як «історії». Займає один рядок і вміщує скільки завгодно позицій.

LIST · horizontal
Показати код для вставки
<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 · slide
Показати код для вставки
<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>

Карусель із затуханням

Велика картка з плавним перетіканням між пропозиціями.

CAROUSEL · fade
Показати код для вставки
<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>

Ротація показу

Віджет сам підбирає і змінює пропозиції, які показує — кожен відвідувач може побачити інший набір.

ROTATIONAL · grid
Показати код для вставки
<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 · large
Показати код для вставки
<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>

Міні-картка

Найменша версія — рекомендація в контенті або бічній панелі.

SINGLE · mini
Показати код для вставки
<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>

Тема і шари

Кольори, шрифт і заокруглення підлаштовуються під сайт видавця (зокрема автоматично через ШІ-рушій стилізації). Один бокс може поєднувати товари, послуги й оголошення.

Темна тема

Темне тло, зелений акцент, та сама функціональність.

власні кольори
Показати код для вставки
<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>

Товари, послуги й оголошення

Перемикач вкладок: продаж товарів, бронювання послуг і оголошення (наприклад, вживаний велосипед) в одному боксі.

3 шари
Показати код для вставки
<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>

Той самий бокс на телефоні

Віджети адаптивні незалежно від сайту-хоста. Нижче — ті самі бокси в контейнері шириною з телефон (340 px).

Сітка

Гортальний список

Карусель

Як вбудувати на свій сайт

  1. Створіть акаунт видавця і створіть віджет у панелі — оберіть формат, розмір і тему.
  2. Оберіть пропозиції продавців (комісія, CPC або фіксована плата) — продавець підтверджує.
  3. Вставте код на сторінку. Оплату, поділ комісії та виплати бере на себе Boksero.
<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="ВАШ-EMBED-KEY" api-url="https://boksero.com/api/v1"></boksero-box>
Відкрити пошук пропозицій