Омни кнопки

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

После настройки система создаёт embed-код. Его нужно один раз установить на разрешённый сайт, после чего изменения элементов и внешнего вида применяются через сохранение настроек без замены кода.

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

1. Откройте Дополнительные сервисы → Омни кнопки.
2. Нажмите Создать.
3. Укажите название и URL сайта.
4. Добавьте хотя бы один элемент, например телефон или ссылку на Telegram.
5. Оставьте стандартные визуальные настройки и нажмите Сохранить.
6. Откройте созданную кнопку через действие просмотра.
7. Скопируйте Код для встраивания на сайт и разместите его перед закрывающим тегом </body>.
8. Откройте сайт и проверьте кнопку на компьютере и телефоне.

Для первого запуска рекомендуем 2–3 элемента и стандартную позицию справа снизу. Сложные отступы и аналитику лучше настраивать после проверки базовой работы.

Шаг 1. Основная информация

Название

Используйте внутреннее название, по которому понятно назначение кнопки:

Контакты основного сайта

Активна

Включённая кнопка доступна установленному embed-коду. Отключите переключатель, если виджет нужно временно скрыть без удаления кода с сайта.

Описание

Необязательное внутреннее пояснение. Посетители сайта его не видят.

URL сайта

Укажите полный адрес с протоколом:

https://example.ru

Это не просто подпись. Виджет разрешает загрузку только с указанного домена. Ошибка в домене или протоколе может привести к тому, что кнопка не появится.

Разрешить размещение на всех поддоменах

Включите настройку, если один виджет должен работать на нескольких поддоменах указанного хоста.

Для:

https://example.ru

будут разрешены shop.example.ru, lk.example.ru и другие его поддомены.

Если в URL сайта указано https://www.example.ru, разрешение относится к поддоменам www.example.ru, а не ко всем поддоменам example.ru. Для всего домена указывайте корневой хост.

Посторонние домены и похожие адреса не разрешаются.

Шаг 2. Добавьте элементы

Каждый элемент — отдельное действие во всплывающем меню.

Заголовок

Короткий текст, понятный посетителю:

• Написать в Telegram;
• Позвонить;
• Отправить email;
• Открыть чат;
• Оставить заявку.

Заголовок обязателен и ограничен 100 символами.

Тип элемента

Ссылка

Открывает указанный адрес. Подходит для мессенджеров, соцсетей, страниц сайта и внешних сервисов.

Пример:

https://t.me/company

Поле Ссылка обязательно и должно содержать корректный адрес.

Телефон

Создаёт ссылку для звонка. Можно вводить номер в привычном виде; при сохранении пробелы и разделители нормализуются.

Пример:

+7 999 123-45-67

Эл. почта

Открывает почтовое приложение посетителя. Укажите корректный email:

support@example.ru

Веб-чат

Открывает выбранную активную интеграцию веб-чата. В поле Интеграция веб-чата показываются только активные веб-чаты текущей организации.

Форма заявки в веб-чате

Сразу открывает форму заявки выбранного веб-чата. Тип доступен на тарифах, где включены заявки или расширенные возможности омни-кнопки.

Используйте не более одного элемента прямого открытия формы заявки: при выдаче конфигурации посетителю дубликаты не используются.

Смена типа

При смене типа система очищает несовместимые поля. Например, после перехода с телефона на ссылку старый номер не используется.

Проверьте новое обязательное поле перед сохранением.

Иконки элементов

Готовая иконка

Выберите подходящую иконку из списка. Для SVG-иконок доступны:

• Цвет SVG-иконки;
• Цвет фона SVG-иконки.

Цветовые поля не применяются к PNG, JPEG, WebP или GIF.

Своя иконка

Загрузка собственной иконки доступна на поддерживаемом тарифе.

Поддерживаются PNG, SVG, JPEG, WebP и GIF размером до 2 МБ. Рекомендуемый размер — 48 × 48 пикселей.

Если заменить или удалить загруженную иконку, старый файл очищается после сохранения.

Ограничение количества элементов

Максимум зависит от тарифа. Для FREE используется лимит 3 элемента, для BASIC — 8; фактическое ограничение также показывается в форме.

Если элементов больше доступного лимита, форма не сохранится.

События аналитики

Поле Название события задаёт идентификатор клика по элементу, например:

omni_click_telegram

Функция доступна на поддерживаемом тарифе. На странице просмотра есть шаблон для Яндекс.Метрики:

1. замените пример ID счётчика на свой;
2. установите скрипт на сайт;
3. создайте цели с названиями из поля Название события;
4. нажмите элементы кнопки и проверьте поступление целей.

Название события лучше писать латиницей без пробелов и не менять после настройки целей.

Настройки веб-чата

Секция появляется, если среди элементов есть Веб-чат или Форма заявки в веб-чате.

Создавать виджет веб-чата через омни-кнопку

• Включено — омни-кнопка сама создаёт виджет выбранного веб-чата без отдельной плавающей кнопки. Управление открытием идёт через элемент омни-кнопки.
• Выключено — омни-кнопка пытается использовать уже установленный на странице виджет веб-чата.

Если обычный embed-код веб-чата на сайте не установлен, а этот переключатель выключен, элемент может не открыть чат.

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

Визуальные настройки

Только иконки

Показывать только иконки во всплывающем списке скрывает заголовки элементов. В этом режиме задаётся размер иконок от 24 до 80 пикселей.

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

Основная кнопка

• Размер кнопки — от 40 до 100 пикселей, по умолчанию 52.
• Цвет кнопки — пустое значение означает прозрачный фон.
• Размер иконки — от 16 до 64 пикселей, по умолчанию 48.
• Цвет рамки кнопки — необязателен.
• Толщина рамки кнопки — от 0 до 20 пикселей; 0 означает отсутствие рамки.

Следите, чтобы иконка была меньше основной кнопки и не обрезалась.

Позиция и отступы

Доступны четыре угла:

• справа снизу;
• слева снизу;
• справа сверху;
• слева сверху.

Отступ от края задаёт горизонтальное смещение, Отступ снизу/сверху — вертикальное.

Значение по умолчанию для вертикального отступа — 210 пикселей. Проверьте, не перекрывает ли кнопка cookie-баннер, меню, системные элементы телефона или кнопку веб-чата.

Адаптивные отступы

Добавьте брейкпоинт, если на узком экране нужна другая позиция:

• Максимальная ширина экрана — от 320 до 1920 пикселей;
• горизонтальный и вертикальный отступы обязательны.

Используется первый подходящий брейкпоинт от большего к меньшему. Не создавайте несколько одинаковых значений ширины.

Анимация и раскрытие

• Скорость смены иконок — от 1000 до 10000 мс, по умолчанию 3000.
• Направление всплытия — вверх, вниз, влево или вправо.
• Расстояние между элементами — от 5 до 30 пикселей.

Направление выбирайте с учётом угла размещения. Для кнопки справа снизу обычно удобно раскрытие вверх.

Как работают кнопки «Сохранить»

Кнопка Сохранить есть:

• в верхней части create/edit-страницы;
• внизу основных секций формы.

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

На странице создания первое сохранение создаёт запись. После этого продолжайте работу уже с созданной кнопкой.

Код для встраивания

После создания откройте действие просмотра. В блоке Код для встраивания на сайт находится готовый скрипт.

1. Скопируйте код полностью.
2. Вставьте перед </body> на разрешённом сайте.
3. Опубликуйте изменения.
4. Очистите кэш сайта или CDN, если код не появился сразу.

При изменении конфигурации embed-код обновляется автоматически, но установленный короткий загрузчик обычно заменять не требуется.

Список и действия

Список показывает:

• название;
• количество элементов;
• активность;
• время последнего использования;
• дату создания.

Доступны просмотр, редактирование и удаление. При удалении также очищаются загруженные для этой кнопки иконки. Установленный на сайте код перестанет получать рабочую конфигурацию.

Рекомендуемая настройка

Для обычного сайта:

• 2–4 наиболее важных канала;
• понятные заголовки;
• готовые узнаваемые иконки;
• позиция справа снизу;
• раскрытие вверх;
• отдельный мобильный отступ, если есть нижнее меню;
• URL корневого домена и поддомены только при реальной необходимости;
• веб-чат создаётся омни-кнопкой, если отдельный виджет на сайте не установлен.

Если кнопка не отображается

1. Проверьте переключатель Активна.
2. Убедитесь, что embed-код установлен полностью и опубликован.
3. Сверьте URL сайта, протокол и фактический домен страницы.
4. Для поддомена проверьте Разрешить размещение на всех поддоменах.
5. Если указан www, убедитесь, что нужен именно этот хост.
6. Проверьте кэш сайта, CDN и блокировку сторонних скриптов политикой безопасности.
7. Убедитесь, что кнопка не находится за другим элементом из-за выбранных отступов.

Если элемент не работает

1. Откройте редактирование и проверьте обязательное поле выбранного типа.
2. Для веб-чата убедитесь, что выбрана активная интеграция.
3. Проверьте настройку Создавать виджет веб-чата через омни-кнопку.
4. Для формы заявки проверьте тариф и включённую форму в интеграции веб-чата.
5. Для телефона и email проверьте значение на мобильном устройстве.
6. Сохраните изменения и повторно откройте сайт после очистки кэша.

Редакция от 24 сентября 2026 года. Доступность функций зависит от роли, тарифа и настроек организации.