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

Подробное описание возможностей конструктора: шаги настройки, каналы, popup, триггеры, интеграции, код установки и эксплуатационные нюансы.

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

  • Откройте /builder/ и выберите тип: widget или button.
  • Задайте визуальные параметры и каналы связи.
  • Настройте popup, триггеры и дополнительные параметры.
  • Скопируйте код на шаге «Код и установка» и вставьте на сайт.

7 шагов конструктора

ШагНазначениеКлючевые параметры
1. ОсновныеБазовая конфигурацияТип, позиция, размер, анимация, desktop/mobile
2. Цвета и стильВнешний видЦвета, тема, радиусы, размер иконки/текста
3. КаналыКонтактыВключение каналов, URL, label, CTA-текст
4. PopupКонтент окнаПресеты, типографика, приветствие, фон, бордер
5. ТриггерыЛогика показаЗадержка, скролл, open/close, URL rules, расписание
6. ДополнительноМаркетинг/аналитикаUTM, сегменты, чат, callback lead, GA/YM
7. Код и установкаИнтеграцияHTML/WordPress/Tilda/Wix, copy/download

Режимы widget / button

Widget

Плавающий виджет с popup-окном каналов, приветствием и триггерной логикой.

Button

Встроенная кнопка в контенте. Интерфейс автоматически скрывает нерелевантные шаги.

Каналы связи

КлючКаналПример URL
maxMAXhttps://max.ru/
tgTelegramhttps://t.me/...
waWhatsApphttps://wa.me/...
vkВКонтактеhttps://vk.me/...
viberViberviber://chat...
phoneТелефонtel:+7999...
gmapGoogle Mapshttps://maps.google.com/...
ymapЯндекс Картыhttps://yandex.ru/maps/...
chatОнлайн-чатвстроенный сценарий
callbackОбратный звоноквстроенная lead-форма

Триггеры и URL-правила

  • Trigger mode: immediate/delay/scroll.
  • Open/Close: условия открытия и закрытия.
  • URL rules: all или по паттернам.
  • Work schedule: рабочие часы и офлайн сценарий.
Вкладка «Триггеры» в конструкторе отмечена как beta, проверяйте поведение на прод-страницах.

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

  • UTM-метки: source / medium / campaign.
  • Персонализация: greeting для new/returning посетителей.
  • Callback lead: поля формы, каналы доставки (email/webhook/telegram).
  • Аналитика: GA events, Yandex Metrika goal, JS callback.

Runtime и встраивание

  • Экспортируемый код содержит встроенный runtime, внешний widget.js не требуется.
  • Стили изолируются через Shadow DOM, поэтому виджет стабильнее на сторонних сайтах.
  • В runtime передаются параметры кнопки, popup, каналов, типографики, иконок, callback-формы и мобильного масштаба.
  • Сгенерированный код старается повторять preview конструктора по пресетам, геометрии popup и стилям каналов.
  • Поддержаны форматы: HTML, WordPress, Tilda, Wix.
  • Скрипт можно использовать и на других платформах, если есть доступ к вставке HTML/JS-кода в шаблон страницы.

Код и установка

Доступны форматы генерации: html, wp, tilda, wix. Код можно копировать в буфер или скачивать в файл.

Сгенерированный фрагмент автономный: достаточно вставить код перед </body> на целевой странице.

Состояние кнопки копирования подтверждается визуально («Скопировано!»).

Для обычного сайта или CMS без отдельного плагина используйте HTML-вариант: он подходит для HTML, Bitrix, Webflow, Shopify и других систем с доступом к вставке скрипта.

Сохранение состояния

Конструктор хранит конфигурацию в localStorage ключом max_builder_v2_state. После перезагрузки данные поднимаются автоматически.

FAQ

Почему не открывается popup?

Проверьте URL каналов, условия триггеров и конфликты скриптов на стороне сайта.

Нужно ли подключать отдельный JS-файл виджета?

Нет. В актуальной версии конструктор отдает автономный inline-runtime, который уже включает логику виджета.

Можно ли использовать только кнопку?

Да, переключите тип на button в шаге «Основные».

Можно ли загрузить свою иконку?

Да, используйте режим multi-icon с custom URL.

Где работает скрипт виджета?

Практически на любой платформе, где можно вставить HTML/JS-код: HTML-сайты, WordPress, Tilda, Wix, Bitrix, Shopify, Webflow и другие CMS или конструкторы.