Мой сайт: виджеты на вашем собственном сайте
Раздел «Мой сайт» — для тех, у кого сайт уже есть. Не нужно переезжать на нашу витрину и что-то переносить: вы вставляете на существующий сайт одну строку кода и после этого включаете нужные продукты тумблерами в кабинете.
Открывается: Админ-панель → Маркетинг → «Мой сайт» (admin.cenaly.com).
Работает на любой платформе, где можно вставить <script>: WordPress, Tilda, Wix, Shopify, Webflow, Bitrix, InSales, OpenCart, самописный сайт, лендинг конструктора.
Адрес сайта и код установки
Первое поле раздела — адрес вашего сайта (например, example.com). По нему мы проверяем установку и строим правильные ссылки в виджетах.
Дальше — код установки. Это одна строка:
<script src="https://cdn.cenaly.com/site/v1.js" data-domain="ВАШ-ДОМЕН" async></script>
Вставьте её один раз — в <head> или перед </body>. Больше к коду сайта возвращаться не нужно: состав виджетов задаётся тумблерами в кабинете, а не тегами на странице. Включили виджет — он появляется на сайте в течение нескольких минут, выключили — исчезает.
Если раньше вы вставляли отдельные теги виджетов вручную, они продолжат работать: единый загрузчик видит их и не поднимает виджет второй раз.
Установка на популярных платформах
В окне «Код установки» есть вкладка под каждую платформу — с точными шагами:
| Платформа | Куда вставлять |
|---|---|
| HTML-код | В <head> или перед </body> любой страницы шаблона |
| Google Tag Manager | Теги → Создать → Пользовательский HTML → код → триггер «Все страницы» → Сохранить → Опубликовать |
| WordPress | Внешний вид → Редактор файлов темы → footer.php перед </body>, либо любой плагин вставки кода в header/footer |
| Tilda / Wix | Tilda: Настройки сайта → Ещё → HTML-код внутрь head. Wix: Настройки → Пользовательский код → Head. После вставки опубликуйте сайт заново |
| Shopify | Админка → Интернет-магазин → Темы → ⋯ → Редактировать код → layout/theme.liquid → перед </body> |
| Webflow | Настройки сайта → Custom code → Footer code → Сохранить → Опубликовать |
Восемь виджетов
Каждый виджет — отдельная карточка с тумблером и шестерёнкой настроек. Данные, которые собирают виджеты, попадают в обычные разделы кабинета — отдельного «инбокса для сайта» заводить не нужно.
| Виджет | Что видит посетитель | Куда попадают данные | Документация |
|---|---|---|---|
| 🍪 Cookies и согласие | Баннер согласия с категориями и экран настроек | Журнал согласий, декларация cookies | Cookies и согласие |
| 💬 Чат: ИИ-ассистент и операторы | Пузырь чата на странице | Раздел «Чат» — вместе с WhatsApp, Telegram, email, Messenger/Instagram | Чат с гостями |
| 💡 Попапы и формы | Промо, предложения при уходе, сбор email, таймеры | Кампании и их статистика | Кампании вовлечения |
| 📅 Бронирование столика | Кнопка «Забронировать столик» | Раздел «Столы» — брони и схема зала | Брони столов |
| 🗓️ Онлайн-запись | Кнопка «Записаться»: услуга → мастер → время | Раздел «Записи» | Журнал записи |
| 🛒 Онлайн-заказ | Кнопка «Заказать», корзина и оформление поверх вашего сайта | Раздел «Заказы» | Онлайн-заказ на своём сайте |
| 📚 Центр поддержки | Кнопка «?» с опубликованными статьями справки | Статьи — в «Базе знаний», аналитика справки — там же | Центр поддержки |
| ⚖️ Юридические документы | Ссылки или текст политики конфиденциальности, условий и т. п. | Страницы на нашем хостинге, переиздание обновляет сайт само | Юридические документы |
Порядок загрузки не случаен: cookie-баннер стартует первым, чтобы остальные виджеты и чужая аналитика на вашем сайте увидели уже применённое решение посетителя о cookies.
Два виджета включаются не только тумблером, но и содержимым:
- Онлайн-запись появится, когда в меню есть хотя бы одна позиция с типом «Услуга»;
- Центр поддержки — когда есть хотя бы одна опубликованная статья справки.
Виджет онлайн-записи подробнее
Настройки — карточка «Онлайн-запись» → шестерёнка: цвет кнопки, её текст, угол экрана и язык. Там же, под настройками, лежит готовая строка кода отдельно для этого виджета — на случай, если ставите только его.
Язык. По умолчанию — авто: виджет говорит на языке страницы, на которой стоит, и знает 45 языков. Словарь подгружается только тот, который понадобился, поэтому на скорость сайта это не влияет. В списке можно жёстко зафиксировать один язык — например, если сайт двуязычный, а записывать вы хотите на одном.
Ссылки на конкретную услугу или мастера. К тегу виджета можно дописать атрибуты — гость попадёт сразу на нужный шаг:
| Атрибут | Что делает |
|---|---|
data-service="id услуги" |
услуга выбрана заранее — кнопка «Записаться» рядом с описанием услуги на вашем сайте. Идентификатор виден рядом с позицией в разделе «Меню» |
data-master="id мастера" |
мастер выбран заранее — для страницы конкретного специалиста; идентификатор мастера совпадает с идентификатором сотрудника |
data-open="true" |
панель записи открывается сама, без нажатия на кнопку — для отдельной страницы «Записаться» |
Устаревший идентификатор (услугу переименовали, мастер уволился) виджет не ломает: он молча покажет обычный выбор с первого шага.
Меньше шагов до записи:
- единственная услуга или единственный подходящий мастер — лишний экран не показывается;
- чип «⚡ Ближайшее: сегодня 17:30» записывает в один тап, а календарь сам открывается на первом дне со свободным временем;
- имя, телефон и почта запоминаются на устройстве гостя: при повторной записи поля уже заполнены, а ссылка «Не я» их стирает;
- на телефоне панель открывается во весь экран, кнопка записи не прячется под клавиатурой;
- виджетом можно пользоваться с клавиатуры, он корректно читается программой чтения с экрана.
Почта. Поле e-mail необязательное; оставил гость адрес — получит письмо с деталями визита и ссылкой «Управлять записью», по которой сам перенесёт или отменит визит. Подробности — в разделе Журнал записи.
Что дал виджет. В журнале записи кнопка «🌐 Виджет на сайте» показывает воронку за 7, 30 или 90 дней: сколько раз кнопку увидели, сколько гостей открыло панель, дошло до контактов и записалось, сколько записей потеряно из-за занятого времени. У самих записей с сайта стоит бейдж «С сайта».
Проверка установки
Кнопка «Проверить установку» открывает ваш сайт и читает исходный HTML страницы. В ответе:
- «Код виджетов найден на сайте» — единый тег на месте;
- «Найдены только отдельные теги виджетов» — работают старые одиночные вставки, единого тега нет;
- «Код на сайте принадлежит другой локации» — в теге чужой
data-domain(частая ошибка при нескольких заведениях); - «На этой странице кода виджетов нет» — тега не видно.
⚠️ Проверка читает исходный HTML. Если тег вставляет уже в браузере Google Tag Manager или другой скрипт, проверка его не увидит — это не ошибка. Откройте сайт и посмотрите глазами: виджет либо есть, либо нет.
Вынести виджет отдельным разделом
Если один из виджетов — ваш основной продукт (например, вы пользуетесь только попапами или только cookie-баннером), путь «Маркетинг → Мой сайт → карточка → шестерёнка» слишком длинный. На карточке есть кнопка «Вынести в сайдбар» — виджет получит собственный пункт меню и откроется в один клик.
Это настройка вашего интерфейса: она управляет только видимостью раздела, а не работой виджета на сайте.
Что бесплатно, а что платное расширение
Часть виджетов входит в подписку, часть подключается как расширение в разделе «Расширения»: платными помечены Бронирование, Попапы и формы, Центр поддержки и Юридические документы — на карточке стоит чип «Платное расширение». Тумблер при этом не блокируется: уже работающий у вас виджет не отключится внезапно. Тарифы и оплата — в разделе Магазин приложений и Подписка.
Связанные разделы
- Конструктор сайта — если своего сайта нет и нужна наша витрина
- Витрина на своём коде (headless) — если сайт пишет ваш разработчик, а данные берёт у нас
- Свой домен — подключение собственного домена к нашей витрине
Частые вопросы
Нужно ли отказываться от своего сайта? Нет. Виджеты живут поверх вашего сайта, вёрстку и хостинг вы не меняете.
Сколько тегов вставлять, если виджетов несколько? Один. Состав виджетов — тумблеры в кабинете.
Виджеты замедлят сайт?
Загрузчик подключается асинхронно (async) и не блокирует отрисовку страницы; каждый виджет грузится отдельным небольшим файлом только если он включён.
У меня несколько заведений — как быть?
Виджеты настраиваются на локацию: выберите её в списке вверху раздела и возьмите её код установки. У каждого сайта — свой data-domain.
Можно ли поставить виджеты на несколько разных сайтов? Да, тег одной локации можно вставить на несколько страниц или сайтов — данные придут в одну локацию.