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>
Открыть поиск предложений