На рынке давно существует целый пласт решений, которые что-то добавляют на сайт: — геймификация (Flocktory, Mindbox) — виджеты (Flocktory, EnvyBox, Callibri) — отдельные компоненты: кнопки мессенджеров, баннеры, попапы и т. д.

Но чаще всего это либо точечные виджеты вокруг основного продукта, либо недорогие конструкторы всплывашек. В итоге получается всего понемногу: решения разрозненные, возможности настройки ограничены, а собрать из них что-то цельное и хорошо вписанное в сайт довольно сложно.

Поэтому вместо очередного конструктора попапов мы пошли немного дальше и сделали Компоненты — набор готовых элементов, которые можно быстро встроить практически в любую часть сайта.

Например: — У нас e-commerce проект, и мы добавляем на карточку товара Рейтинг. Компонент сам подтягивает среднюю оценку на основе отзывов, уже находящихся на странице. — Пользователю, который был на сайте больше двух раз, но так ничего и не добавил в корзину, показываем небольшой попап: «Прямо сейчас 37 человек оформляют заказ». — На главную страницу добавляем карусель баннеров с наиболее важными категориями или предложениями.

При этом Компоненты — это не просто библиотека предустановленных виджетов. Под капотом это компонентный фреймворк, который позволяет нам быстро собирать из готовых кубиков новые компоненты, а вам — гибко настраивать их поведение и внешний вид без необходимости заниматься микроменеджментом каждой мелочи.

Можно настроить единую дизайн-систему для всего проекта или использовать наши готовые пресеты. Есть превью, предпросмотр прямо на сайте и остальные привычные удобства редактора. Для более сложных сценариев внутри компонентов доступны шаблоны через полноценный JavaScript-интерпретатор — тот же, который мы используем в персонализациях и A/B-тестах.

А более простую логику можно задавать через условия срабатывания. Например: если пользователь находится на странице товара — показать один заголовок попапа, если на странице категории — другой.

#Что выходит в первой альфа-версии:

— Встраиваемый блок — универсальный блок внутри страницы — Компактный рейтинг — оценка и количество отзывов в одну строку — Объявление — короткое сообщение или новость внутри страницы — Промокод в строке — промокод + кнопка копирования — Полоса преимуществ — несколько преимуществ с иконками в один ряд — Подробные преимущества — преимущества с заголовками и описаниями — Баннер / карусель — один баннер или несколько слайдов с изображениями — Поповер — компактный всплывающий блок рядом с нужным элементом — Карточка рейтинга — рейтинг и отзывы отдельной карточкой — Компактное предложение — небольшое предложение рядом с основным контентом — Карточка промокода — промокод и предложение в отдельной карточке — Мессенджеры — меню мессенджеров из компактной кнопки в углу — Модальное окно — Предложение с изображением — картинка, текст и кнопка в отдельном модальном формате