Webflow · один тег на 12 виджетов
Одна строка в Head code настроек проекта — и на сайте работают чат, обратный звонок, cookie-баннер, онлайн-запись и бронирование. Дизайн Webflow остаётся нетронутым: виджеты живут поверх страницы.
Без карты. Регистрация — минута, тег — ещё одна.
Тот самый тег
<script src="https://cdn.cenaly.ru/site/v1.js" data-domain="ваш-сайт.ru" async></script>Один тег на все виджеты. `data-domain` — ваш сайт, всё остальное — в админке.
В кабинете Cenaly.ru: Админ-панель → Маркетинг → «Мой сайт». Впишите адрес сайта в первое поле и скопируйте строку тега.
В Webflow: Site settings (Настройки сайта) нужного проекта.
Вкладка Custom code — в ней два поля: Head code (внутрь head) и Footer code (перед закрывающим body).
Вставьте строку в Head code и сохраните. Тегов html, head и body в это поле добавлять не нужно — только сам скрипт.
Нажмите Publish: справка Webflow отдельно отмечает, что эффект своего кода виден на живом сайте после публикации.
Откройте опубликованный сайт и вернитесь в «Мой сайт» → «Проверить установку».
Нужен виджет только на одной странице — у страниц в Webflow есть свои поля для кода в настройках страницы.
Нужен платный тариф платформы
Свой код в настройках сайта Webflow открыт на платном Site plan (или в рабочих пространствах уровня Core и выше).
По справке Webflow добавлять свой код на весь сайт или на отдельные страницы могут владельцы сайтов с активным Site plan, а также участники рабочих пространств Core, Growth, Agency и Freelancer.
Site plan в Webflow — это план, привязанный к конкретному сайту: он даёт публикацию на своём домене и открывает возможности вроде CMS-коллекций и своего кода.
На бесплатном проекте с адресом webflow.io поле своего кода вам, соответственно, не поможет. Актуальный состав планов смотрите в справке Webflow по ссылкам ниже.
Пункты меню и тарифные условия на этой странице — из официальной справки:
Сверено со справкой платформы 2026-09-06
Тег один — виджеты включаются тумблерами в кабинете Cenaly.ru. К коду сайта возвращаться не нужно.
Живой чат с посетителями — отвечают ваши сотрудники из рабочего чата
Бесплатно
Одна плавающая кнопка: WhatsApp, Telegram, звонок, чат — до 12 каналов
Бесплатно
Дайте посетителю оставить номер: ваша АТС организует звонок, а без телефонии заявка придёт на почту и в кабинет
Бесплатно
Кнопка «Позвонить» — звонок с сайта прямо на вашу АТС, без телефона и номера
Бесплатно
Всплывающие окна, слайд-ины, полоски и лид-формы с триггерами и A/B
Расширение, цена в каталоге
Честные плашки «сегодня 14 заказов», «7 записей за неделю» — из реальных данных
Бесплатно
Кнопка «Забронировать» → одна форма → бронь в вашем зале
Расширение, цена в каталоге
Мастер записи: услуга → специалист → окно → контакты, по живому расписанию
Бесплатно
Кнопка заказа или встроенная витрина — доставка и самовывоз без комиссии
Бесплатно
Кнопка «?» → боковая панель с вашими статьями, поиском и обратной связью
Расширение, цена в каталоге
Политика, оферта, возврат, cookies, доставка — сгенерированы и встроены
Расширение, цена в каталоге
Согласие на cookies с автоблокировкой трекеров и Google Consent Mode v2
Бесплатно
В конструкторах правка живёт в черновике: пока страницы не переопубликованы, тега на живом сайте нет.
Админ-панель → Маркетинг → «Мой сайт». В первом поле — адрес вашего сайта, рядом — «Проверить установку».
Проверка читает исходный HTML страницы и показывает найденные виджеты. Тег, поднятый через Google Tag Manager, она не увидит — это ограничение проверки, а не установки.
Разбор ошибок установки — в справке Инструкция по установке →
Код в настройках работает на опубликованном сайте. Если смотрите превью в редакторе и виджета нет — сначала опубликуйте проект.
Поля Head code и Footer code рассчитаны примерно на 50 000 символов каждое. Наша строка занимает меньше сотни — но если поле уже забито чужими скриптами, стоит навести там порядок.
Справка Webflow предупреждает: не пишите в поле теги html, body или head — вёрстка сломается. Вставляйте только сам скрипт.
Если GTM уже поднят из Head code, тег можно завести в нём. Виджеты заработают, но наша «Проверка установки» его не увидит: она читает исходный HTML.
По справке Webflow свой код в настройках доступен при активном Site plan или в рабочем пространстве уровня Core и выше. На бесплатном проекте этот путь закрыт самой платформой.
Мы рекомендуем Head code: виджеты становятся доступны раньше. Загрузчик асинхронный и отрисовку страницы не задерживает.
Скорее всего, проект не опубликован после правки: справка Webflow отмечает, что эффект своего кода виден после публикации. Второе — проверьте, включён ли виджет тумблером в кабинете Cenaly.ru.
Нет. Виджет рендерится в Shadow DOM поверх страницы: стили и скрипты сайта на него не влияют, его стили не протекают наружу.
Код из Head code настроек сайта попадает на все страницы, включая страницы коллекций — отдельно их настраивать не нужно.
Подробнее — установка по платформам, настройка и устранение неполадок — в справке. Инструкция по установке →
Те же виджеты — другие пункты меню.
Код установки появится в разделе «Мой сайт» сразу после регистрации — одна строка в Head code.
Начать бесплатноБез карты. Регистрация — минута, тег — ещё одна.