M cenaly.ru
🧩 Виджеты для вашего сайта

➕ Мультикнопка

Одна плавающая кнопка вместо стопки: мессенджеры, соцсети, телефон, почта и действия остальных виджетов

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

Мультикнопка

Мультикнопка — одна плавающая кнопка в углу сайта, которая по нажатию раскрывается веером каналов связи: WhatsApp, Telegram, Viber, VK, соцсети, телефон, почта, любая ваша ссылка — и действия наших же виджетов («написать в чат», «заказать», «записаться»).

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

Виджет бесплатный: отдельного расширения покупать не нужно.

Где включить: Админ-панель → Маркетинг → «Мой сайт» → карточка «Мультикнопка». Тумблер включает виджет, шестерёнка открывает настройки; кнопка «Вынести в сайдбар» даёт виджету собственный пункт меню.


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

Своего кода не требуется — работает общий тег раздела «Мой сайт»:

<script src="https://cdn.cenaly.ru/site/v1.js" data-domain="ВАШ-ДОМЕН" async></script>

Одна строка в <head> или перед </body>; состав виджетов дальше задаётся тумблерами в кабинете. Инструкции по платформам (HTML, Google Tag Manager, WordPress, Tilda/Wix, Shopify, Webflow) — в статье Мой сайт, раздел «Установка на популярных платформах».

⚠️ Мультикнопке единый тег особенно важен. Она собирает под себя соседей — а поглотить она может только тех, кто на этой же странице действительно поднялся. Если чат вставлен на одних страницах, а заказ на других, веер на них будет разным. Единый загрузчик поднимает виджеты в правильном порядке и мультикнопку — последней, когда соседи уже готовы.

Одиночный тег multibutton/v1.js тоже есть (блок «Продвинутое»), и у него есть свои атрибуты: data-color, data-icon (эмодзи на кнопке), data-label, data-position="left|right", data-lang и data-keep-fabs="1" — не гасить собственные кнопки соседей. Атрибут тега всегда сильнее настройки из кабинета.

Что видит и чего не видит проверка установки. Кнопка «Проверить установку» читает исходный HTML страницы: найден единый загрузчик / только отдельные теги / код другой локации / кода нет. Тег, который подставляет уже в браузере Google Tag Manager, она не увидит — это не ошибка, проверьте сайт глазами.


Настройка виджета#

Настройки сохраняются сами, отдельной кнопки «Сохранить» нет. Справа от полей — живое превью веера.

Внешний вид#

Цвет кнопки, эмодзи-иконка на ней, угол экрана и подпись (она же — подпись для программ чтения с экрана).

Каналы веера#

Конструктор списка: добавить, удалить, переставить ↑↓. Максимум — 12 каналов. Три семейства:

Семейство Каналы Что вписать в поле значения
Мессенджеры и соцсети WhatsApp, Telegram, Viber, VK, Instagram, Facebook, TikTok, YouTube номер, @ник или готовый адрес — ссылку виджет соберёт сам
Прямые контакты телефон, почта номер телефона / адрес e-mail
Произвольная ссылка любая страница адрес; голый домен дополняется до https://
Действия наших виджетов открыть чат, звонок из браузера, обратный звонок, заказ, бронь столика, онлайн-запись ничего: пункт просто открывает соответствующий виджет на той же странице

У каждого канала есть подпись (отдельно для каждого языка сайта) и признак где показывать: везде · только на компьютерах · только на телефонах.

Заготовка первого сообщения есть у WhatsApp и Telegram: текст, который гость найдёт уже набранным. Поддерживает подстановки {url} и {title} — адрес и заголовок той страницы, с которой нажали (подставляются в момент клика, а не при отрисовке). Максимум — 300 символов.

Облачко-приглашение#

Короткая фраза рядом с кнопкой («Есть вопрос?») — то, чем гостя зовут нажать: молчаливую кнопку в углу просто не замечают. Текст задаётся отдельно для каждого языка, пустой текст означает, что облачка нет вовсе.

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

Строка «Открыто сейчас»#

В шапке раскрытого веера — одна строка о часах работы: «Открыто до 22:00», «Закрыто · откроемся в 10:00», «Закрыто · откроемся в понедельник в 10:00». Часы берутся из карточки точки (график вместе с исключениями) — копии в настройках виджета нет намеренно.

Два значения: авто (по умолчанию — строка есть, если часы заполнены) и не показывать. Статус пересчитывается при каждом раскрытии веера, а не один раз при загрузке: кнопка висит на странице часами, и «Открыто до 22:00» в 22:30 — ровно та ложь, из-за которой перестают верить и остальному. Часы у точки не заполнены — строки нет вовсе (объявлять заведение закрытым на его же сайте нельзя).

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

Блок общий с обратным звонком и «Живой витриной»:

  • страницы — маски адреса «только на…» и «кроме…», * = любой фрагмент, до 20 масок в каждом списке; исключения сильнее разрешений;
  • задержка — 0…600 секунд после загрузки страницы;
  • устройство — все · только компьютеры · только телефоны (порог — 480 px);
  • расписание — до 14 своих окон «дни + с… по…» либо часы работы точки.

⚠️ Часы считаются в часовом поясе локации; если пояс у точки не задан, окна считаются по времени посетителя, и панель говорит об этом прямо. Если выбраны «часы работы точки», а график не заполнен, расписание ничего не ограничивает и кнопка остаётся видимой. Пустой список своих окон, наоборот, означает «показывать некогда».

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

Раскладка на телефоне#

Секция «📱 Раскладка на телефоне»: круглая кнопка (по умолчанию) или нижний бар — полоса из первых четырёх каналов с подписями и кнопки «Ещё» со шторкой остальных. На широком экране всегда веер; поворот телефона меняет раскладку на лету. В превью видно настоящую границу «в баре / под "Ещё"» и строку «в бар попадут N из M».

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

Показывать и на нашей витрине#

Отдельный тумблер (по умолчанию выключен). Мультикнопка — единственный виджет с такой настройкой, и причина в честности: на нашей витрине она поглощает нативные кнопки — пузырь чата и трубку обратного звонка, — то есть меняет угол экрана, который вы уже настроили. Такое не включают за вас молча.


Что происходит после нажатия#

Гость раскрывает веер и выбирает канал:

  • мессенджер, соцсеть или ваша ссылка — открывается в новой вкладке; переписка идёт там, куда ведёт канал. Если у канала задана заготовка сообщения, поле у гостя уже заполнено;
  • телефон и почта — открываются в текущей вкладке штатным приложением устройства (иначе браузер открыл бы и тут же закрыл пустое окно);
  • действие нашего виджета — прямо на этой же странице открывается чат, форма обратного звонка, корзина, бронь или запись. Данные попадают туда же, куда обычно: переписка — в «Чат», заказ — в «Заказы», бронь — в «Столы», запись — в «Записи», номер обратного звонка — в «Заявки».

Своих данных мультикнопка не собирает: она только доводит гостя до канала. Что она считает — это клики, и они видны в её же панели блоком «Клики за 30 дней»: сколько раз кнопку показали, сколько раз раскрыли веер и сколько нажатий пришлось на каждый канал. Ни адреса канала, ни текста сообщения, ни страницы гостя в этой статистике нет — только тип канала и число.


Ограничения#

  • Пустой веер = виджета нет. Пока не задан ни один канал, кнопка не рисуется вовсе: пустая кнопка в углу чужого сайта хуже её отсутствия.
  • Каналов не больше 12, текст заготовки — не длиннее 300 символов.
  • Канал-действие живёт, только пока живёт сам виджет. Выключите чат — пункт «Открыть чат» исчезнет из настроек при первом же сохранении и сам обратно не вернётся, его нужно добавить заново. В рантайме мультикнопка тоже проверяет соседа перед каждым раскрытием: не поднялся — пункта не будет, чтобы не осталось кнопки, за которой ничего нет.
  • Поглощение кнопок соседей — визуальное. Мультикнопка прячет их плавающие кнопки, но сами виджеты продолжают работать; отключить поглощение можно атрибутом data-keep-fabs="1" на одиночном теге.
  • Заготовка сообщения — только у WhatsApp и Telegram. У остальных каналов поле игнорируется: у WhatsApp предзаполнение документировано, у Telegram клиенты его поддерживают по-разному, а остальные не поддерживают вовсе. Очень длинный адрес страницы отдаётся без подстановки — рабочая ссылка важнее текста.
  • Разрешены только безопасные адреса: https, http, tel, mailto и viber. Всё остальное отбрасывается — и в превью в кабинете, и на сайте, потому что проверка одна.
  • На нашей витрине мультикнопка показывается только по отдельному тумблеру, а пункт «звонок из браузера» в её веере там не живёт вовсе: окна под него на витрине нет.
  • Строка «Открыто сейчас» не заменяет график. Она читает часы из карточки точки; не заполнены — строки не будет, но кнопка останется.

Устранение неполадок#

Кнопки на сайте нет.

  1. Тег не найден — «Проверить установку». «Кода нет» — тег не вставлен или стоит не на всех страницах шаблона; «код другой локации» — чужой data-domain в теге. Тег ставит GTM — проверка его не увидит.
  2. Изменения не доехали — файлы виджетов раздаются через CDN с кэшем 5 минут: подождите и обновите страницу с очисткой кэша.
  3. Виджет выключен либо список каналов пуст — пустой веер не рисуется.
  4. Условия показа отсекли страницу — проверьте маски (исключения сильнее разрешений), устройство и задержку.
  5. Расписание закрыто — сейчас вне окна. Проверьте свои окна или график в карточке точки.
  6. Часовой пояс точки не задан — тогда окна считаются по часам посетителя, и кнопка появляется не тогда, когда вы ожидали.

В веере не хватает пункта.

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

В углу по-прежнему две кнопки. Значит, у соседа в веере нет соответствующего пункта-действия: поглощаются только те виджеты, чьи действия лежат в веере. Добавьте нужный пункт. Обратная ситуация — кнопка соседа не нужна, а поглощение отключено атрибутом data-keep-fabs="1": уберите атрибут.

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

Облачко не показывается. Проверьте, что текст задан для языка страницы, и что не истекла заданная пауза между показами — она считается на конкретного гостя, в его браузере.

Статистика пустая. Клики отправляются пачками и с задержкой, а не по одному; счётчик показывает 30 дней и заполняется по мере того, как гости нажимают.


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

Сколько это стоит?#

Ничего. Мультикнопка бесплатна и отдельного расширения не требует — в отличие от аналогов, которые продают её как самостоятельный продукт.

Сколько каналов можно добавить?#

До двенадцати. Порядок задаёте вы стрелками ↑↓, и он же определяет, какие четыре канала попадут в нижний бар на телефоне.

Куда попадут обращения из мессенджеров?#

Туда, куда ведёт канал: WhatsApp — в WhatsApp, Telegram — в Telegram. Если вы хотите видеть переписку в кабинете, подключите эти каналы в разделе «Чат» — тогда сообщения придут в общий инбокс, а в веер можно поставить пункт «Открыть чат».

Мультикнопка спрячет кнопки других виджетов?#

Да, и это её смысл: кнопки тех виджетов, чьи действия лежат в её веере, гасятся, чтобы в углу не толкалась стопка. Сами виджеты продолжают работать, а на одиночном теге поведение отключается атрибутом data-keep-fabs="1".

Можно показывать разные каналы на телефоне и на компьютере?#

Да, у каждого канала есть признак «где показывать»: везде, только на компьютерах или только на телефонах. Состав веера пересчитывается при каждом открытии, поэтому поворот телефона учитывается сразу.

Что будет, если гость нажмёт «Написать в WhatsApp» с ноутбука?#

Откроется веб-версия мессенджера в новой вкладке — с уже подставленным текстом, если вы задали заготовку.

Строка «Открыто до 22:00» откуда берёт часы?#

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

На каком языке заговорит веер?#

Подписи каналов и облачко вы задаёте сами по языкам; язык страницы виджет определяет по её разметке (или по атрибуту data-lang). Название дня недели в строке «Открыто сейчас» берётся у браузера на языке страницы.


Связанные разделы#