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

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

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

Віджет безкоштовний: окремого розширення купувати не потрібно.

Де увімкнути: Адмін-панель → Маркетинг → «Мій сайт» → картка «Мультикнопка». Перемикач вмикає віджет, шестерня відкриває налаштування; кнопка «Винести в сайдбар» дає віджету окремий пункт меню.

Встановлення на сайт#

Власного коду не потрібно — працює спільний тег розділу «Мій сайт»:

<script src="https://cdn.cenaly.com/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: текст, який гість знайде вже набраним. Підтримує підстановки {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). Назву дня тижня в рядку «Відчинено зараз» бере в браузера мовою сторінки.

Пов'язані розділи#

• Мій сайт — код встановлення та решта одинадцяти віджетів
• Чат із гостями — спільний інбокс сайту й месенджерів
• Зворотний дзвінок — форма «передзвоніть мені» й автододзвон
• Дзвінок із сайту — розмова прямо з браузера
• Онлайн-замовлення на своєму сайті — кошик і оформлення поверх вашого сайту