Кнопка месенджерів
Одна плаваюча кнопка: WhatsApp, Telegram, дзвінок, чат — до 12 каналів
Переглянути приклад і можливості →Безкоштовно
Налаштувати цей віджетWebflow · контакт із вашого портфоліо
Додайте зв'язок або запис до наявного дизайну Webflow. Виберіть завдання й налаштуйте віджет у Cenaly.com, потім додайте код на рівні сайту або сторінки. Нижче — умови доступу до custom code та окрема інструкція для consent.
Без картки · реєстрація — хвилина, тег — ще одна · зміни налаштувань доїжджають до сайту за 5 хвилин
Виберіть потрібний віджет і налаштуйте його в обліковому записі. Звичайні віджети використовують спільний тег; для consent і аналітики важливий окремий порядок встановлення.
Одна плаваюча кнопка: WhatsApp, Telegram, дзвінок, чат — до 12 каналів
Переглянути приклад і можливості →Безкоштовно
Налаштувати цей віджетЗапис за вашим розкладом: клієнт сам обирає послугу, фахівця та вільне вікно
Переглянути приклад і можливості →Безкоштовно
Налаштувати цей віджетЖивий чат із відвідувачами — відповідають ваші співробітники з робочого чату
Переглянути приклад і можливості →Безкоштовно
Налаштувати цей віджетФорма заявки на дзвінок; із підключеною АТС — автоматичний додзвон
Переглянути приклад і можливості →Безкоштовно
Налаштувати цей віджетКнопка «Зателефонувати» — розмова із сайту через вашу АТС, без номера й додатків для гостя
Переглянути приклад і можливості →Безкоштовно
Налаштувати цей віджетСпливаючі вікна, вбудовані форми, купони та квізи з умовами показу й A/B
Переглянути приклад і можливості →$9/міс
Налаштувати цей віджетПлашки з числами замовлень, бронювань, записів та оцінок з вашого облікового запису
Переглянути приклад і можливості →Безкоштовно
Налаштувати цей віджетКружечок із роликом із вашого меню в куті сайту: за кліком — відео зі звуком і кнопка «Замовити»
Переглянути приклад і можливості →Безкоштовно
Налаштувати цей віджетКнопка «Забронювати» → одна форма → заявка у вашому розділі «Столики»
Переглянути приклад і можливості →$9/міс
Налаштувати цей віджетКнопка замовлення відкриває вашу вітрину поверх готового сайту
Переглянути приклад і можливості →Безкоштовно
Налаштувати цей віджетКнопка «?» → бічна панель із вашими статтями, пошуком і оцінкою «допомогло»
Переглянути приклад і можливості →$19/міс
Налаштувати цей віджетПолітика, угода, повернення, cookies, доставка — зібрані за вашими даними та вбудовані в сайт
Переглянути приклад і можливості →$9/міс
Налаштувати цей віджетЗгода на cookies з автоблокуванням трекерів і Google Consent Mode v2
Переглянути приклад і можливості →Безкоштовно
Налаштувати цей віджетВибраний віджет і платформа збережуться під час реєстрації. Потім налаштуйте віджет в обліковому записі. Залиште цю інструкцію для Webflow відкритою: після налаштування поверніться до кроків встановлення нижче.
Потрібен платний план платформи
Потрібен активний Site plan або Workspace Core, Growth, Agency чи Freelancer.
Офіційна довідка Webflow допускає custom code для Site managers і Designers за активного Site plan або одного з перелічених Workspace. Платний Site plan — не єдиний шлях.
Адреса webflow.io сама по собі не говорить, чи доступне вставлення коду: перевірте Workspace, права та налаштування проєкту. Підключення власного домену й можливості CMS мають власні умови плану.
Пункти меню та умови тарифів на цій сторінці — з офіційної довідки:
Звірено з довідкою платформи 2026-09-22
Звичайні віджети: чат, кнопка зв’язку, запис
<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>Приклад тега для звичайних віджетів. Візьміть свій код з облікового запису; замінювати його демонстраційним доменом не потрібно. Для блокування аналітики скористайтеся окремою інструкцією нижче. Банер cookie та аналітика: окремий порядок →
В обліковому записі Cenaly.com: Адмін-панель → Маркетинг → «Мій сайт». Впишіть адресу сайту в перше поле та скопіюйте рядок тега.
У Webflow: Site settings (Налаштування сайту) потрібного проєкту.
Вкладка Custom code — у ній два поля: Head code (усередину head) і Footer code (перед закривним body).
Вставте рядок у Head code і збережіть. Тегів html, head і body у це поле додавати не потрібно — лише сам скрипт.
Натисніть Publish: довідка Webflow окремо зазначає, що ефект власного коду видно на живому сайті після публікації.
Відкрийте опублікований сайт і поверніться в «Мій сайт» → «Перевірити встановлення».
Потрібен віджет лише на одній сторінці — у сторінок у Webflow є власні поля для коду в налаштуваннях сторінки.
Для строгого opt-in візьміть окремий тег consent із налаштувань cookie-баннера й поставте першим скриптом у head, без async і defer, до аналітики та реклами. Загальний async-тег не гарантує блокування до згоди.
<script src="https://cdn.cenaly.com/consent/v1.js" data-domain="your-site.com"></script>Врахуйте код теми, плагіни, GTM і вбудовані інтеграції платформи. Якщо платформа не дає змоги поставити consent раніше за них, одного зовнішнього тега недостатньо: налаштуйте згоду в самій інтеграції.
Для opt-in відомі трекери блокуються, а невідомі потребують ручної розмітки за інструкцією CMP. Уже виконаний код, серверні Set-Cookie і service workers тег не зупиняє.
На опублікованому сайті відкрийте чисту сесію та Network: до вибору й після відмови перевірте відсутність запитів тих трекерів, які мають блокуватися. Потім прийміть потрібну категорію, перевірте запуск і зміну рішення. Видимий банер і HTML-перевірка встановлення не доводять блокування.
У конструкторах правка живе в чернетці: поки сторінки не переопубліковано, тега на живому сайті немає.
Адмінпанель → Маркетинг → «Мій сайт». У першому полі — адреса вашого сайту, поруч — «Перевірити встановлення».
Перевірка читає вихідний HTML сторінки й показує знайдені віджети. Тег, доданий через Google Tag Manager, вона не побачить — це обмеження перевірки, а не встановлення.
Розбір помилок встановлення — у довідці Інструкція зі встановлення →
Webflow підтримує custom code у preview/comment, але не в expand canvas. Відвідувачі побачать зміни після публікації; підсумкову перевірку робіть за опублікованою адресою.
Загальний Head code додає тег на рівні сайту. Якщо потрібен лише один URL, використовуйте налаштування сторінки й не дублюйте там уже встановлений загальний тег.
Віджет не підключає форми Webflow до Cenaly.com автоматично. Shadow DOM ізолює стилі, але анімації, клікабельність кнопок і перекриття потрібно перевірити на вашому сайті.
Не розміщуйте consent після контейнера, який уже запустив трекери. Для звичайного тега через GTM серверна HTML-перевірка не підтверджує встановлення — перевіряйте віджет на опублікованій сторінці.
Ні, custom code також доступний через Core, Growth, Agency або Freelancer Workspace за умовами Webflow. Перевірте права Site manager/Designer і доступ до поля в конкретному проєкті.
Звичайний тег можна додати в Head code; не оточуйте його тегами html/head/body. Consent із блокуванням до згоди потребує окремого першого скрипта в head до трекерів.
Custom code не працює в expand canvas. Preview/comment його підтримує, але зміни ще потрібно опублікувати. Перевірте ввімкнення віджета й підсумкову адресу сайту.
Ізоляція стилів не гарантує сумісності з будь-яким скриптом. Перевірте взаємодії, форми й мобільний екран до поширення віджета на всі сторінки.
Загальний код сайту підходить і сторінкам колекцій. Перевірте опублікований приклад такої сторінки й не дублюйте тег у її шаблоні.
Для блокування трекерів до згоди потрібен окремий consent/v1.js першим у head без async/defer. Перевірте завантаження до вибору, після відмови та прийняття. Вбудована аналітика платформи може вимагати окремого налаштування; поява баннера не підтверджує відповідність закону.
Докладніше — встановлення за платформами, налаштування та усунення неполадок — у довідці. Інструкція зі встановлення →
Ті самі віджети — інші пункти меню.
Платформи немає у списку? Загальна інструкція зі встановлення →
Перевірте доступ до custom code, виберіть віджет і налаштуйте його. Після публікації протестуйте звичайну сторінку та сторінку колекції.
Вибрати віджетБез картки · реєстрація — хвилина, тег — ще одна · зміни налаштувань доїжджають до сайту за 5 хвилин