Документация

Что такое Klip-Clipio

Конструктор виджетов для сайта: видео-кружочки, мультикнопки мессенджеров, формы, баннеры, сторис, колесо фортуны и отзывы. Они превращают посетителей в заявки — без программиста.

• Настраиваете виджет в личном кабинете, превью обновляется сразу.
• Вставляете на сайт одну строку кода — на любую CMS или конструктор.
• Заявки приходят в кабинет со встроенной CRM, в Telegram, на почту или в вашу CRM.
• Статистика показов, кликов и заявок, A/B-тесты, цели Яндекс Метрики.

Какая документация вам нужна

Типы виджетов

У каждого типа есть страница с живым демо — нажмите, чтобы посмотреть.

На одном сайте можно одновременно использовать виджеты разных типов, например видео в правом углу и мультикнопку в левом.

Быстрый старт

1. Зарегистрируйтесь — пробный период на 7 дней включится сразу, карта не нужна.
2. В кабинете откройте «Мои виджеты», выберите тип и нажмите «Создать виджет».
3. Загрузите видео или картинки, напишите тексты, выберите цвета и нажмите «Сохранить».
4. На вкладке «Публикация» добавьте домен сайта и скопируйте код.
5. Вставьте код на сайт и подключите уведомления о заявках — Telegram, почту или CRM.

Установка на сайт

Вставьте код один раз в общий шаблон сайта — он подключится на всех страницах:

<script src="https://ab52.ru/widget/widget.js" data-key="КЛЮЧ_ВИДЖЕТА" async></script>

Ключ и готовый код — в кабинете, на вкладке «Публикация» виджета. Скрипт загружается асинхронно и не замедляет сайт. Виджет показывается только на доменах из списка разрешённых (поддомены разрешаются автоматически).

Tilda

Настройки сайта → Ещё → «HTML-код для вставки внутрь head». Вставьте код и опубликуйте все страницы.

WordPress

Плагин для вставки кода в header/footer (например, WPCode) или строка в footer.php темы.

1С-Битрикс

Шаблон сайта перед </body> или модуль вставки счётчиков.

Конструкторы и другие сайты

Любое место для «своего кода» или счётчиков, которое подключается на всех страницах: Wix, Taplink, LPgenerator, InSales, OpenCart, самописные сайты.

Требования к видео

• Форматы: MP4 (H.264 + AAC) или WebM.
• Вертикальное 9:16 для прямоугольника; для кружочка — квадрат или вертикаль с лицом в центре.
• Длительность 15–60 секунд, файл до 60 МБ — оптимально до 15 МБ, чтобы быстро грузилось на мобильном.
• Первые 2–3 секунды видны в свёрнутом виде без звука — начните с жеста или короткой подписи. Звук включается, когда посетитель нажимает на виджет.

Когда и где показывать

• Когда: сразу, через N секунд, при прокрутке страницы, при попытке уйти, по клику на элемент сайта.
• Как часто: всегда, раз за сессию, раз в день, раз в неделю или один раз; скрытие на N дней после закрытия.
• Кому: нужные страницы (маски вида */catalog/*), исключения, UTM-метки, тип устройства, дни недели и время.

Куда приходят заявки

• Личный кабинет — раздел «Заявки» и CRM-доска со статусами, суммами сделок и напоминаниями.
• Telegram — свой бот, сообщение приходит сразу после отправки.
• Email — письмо с данными заявки.
• CRM и сервисы — Битрикс24, amoCRM и другие через вебхук, Make, n8n, Zapier, Albato.
• API — выгрузка в Google Таблицы, Excel, 1С и свои системы.

Формат вебхука (POST JSON):

{
  "event": "lead",
  "widget": {"id": 1, "name": "Главная", "key": "…"},
  "lead": {"name": "Иван", "phone": "+7 …", "email": "", "message": "", "page_url": "…", "utm": "utm_source=…"}
}

Цели и JS-события

Укажите номер счётчика Яндекс Метрики в настройках виджета — будут отправляться цели при открытии, клике по кнопке и отправке заявки. Если на сайте есть gtag, можно включить события Google Analytics.

Виджет также генерирует события на document:

document.addEventListener('clipio:lead', function (e) {
  console.log('Заявка из виджета', e.detail.key);
});

Доступны clipio:open, clipio:cta, clipio:lead.

Тарифы и оплата

• Пробный период — 7 дней со всеми функциями, без карты.
• Тарифы отличаются числом виджетов и набором функций. Актуальные цены — на странице «Тарифы».
• Оплата за 1 месяц, 3 месяца (скидка 15%) или 12 месяцев (скидка 25%). Промокоды вводятся на странице оплаты.
• Способы: банковская карта и СБП через защищённую страницу банка. Данные карты вводятся на стороне банка — сервис их не видит и не хранит.
• Продление добавляет месяцы к текущей дате окончания — оставшиеся дни не теряются.
• Когда тариф заканчивается, виджеты скрываются с сайта, а настройки, файлы и заявки сохраняются — после оплаты всё возвращается.

Безопасность и персональные данные

• Заявки ваших посетителей видны только вам в кабинете и в каналах, которые вы подключили.
• В форме можно указать текст согласия и ссылку на политику конфиденциальности вашего сайта — они показываются под кнопкой отправки.
• Формы защищены от спама: скрытая ловушка для ботов, ограничение числа заявок с одного адреса и, при необходимости, невидимая капча.
• Виджет работает только на доменах, которые вы указали, — чужой сайт не сможет использовать ваш виджет.
• Документы сервиса: оферта, политика конфиденциальности, согласие на обработку данных, реквизиты.

Частые вопросы

Остались вопросы

Напишите нам через контакты или на support@example.com. Если вы уже клиент — подробные инструкции в документации кабинета, а обращения удобнее отправлять из раздела «Поддержка».