Как установить виджет на сайт

Виджет — кнопка в углу вашего сайта: по нажатию открывается окно с чатом ИИ-консультанта и онлайн-записью. Чтобы он появился, на сайт нужно один раз вставить короткий код. Обычно это занимает 5 минут и не требует программиста.

Страница установки: Настройки → Сайт компании → вкладка Виджет → Как установить. Открыть её может любой сотрудник, которому доступен раздел «Сайт компании»; отправлять письмо разработчику — тот, кто может менять настройки виджета (обычно владелец и администратор).

Шаг 1. Скопируйте код#

Нажмите Копировать код. Код вставляется один раз: всё, что вы потом меняете на вкладке Виджет (цвет, тексты, что показывать), появится на сайте само в течение 5 минут. Код не меняет оформление сайта и не ставит cookie.

Шаг 2. Вставьте код на сайт#

Выберите, где сделан ваш сайт, — на странице появятся шаги именно для него. Не знаете, на чём сделан сайт? Нажмите Проверить сайт в шаге 3 — Delvex подскажет платформу.

Tilda

1. 1
   Откройте Настройки сайта → вкладка Ещё → Вставка кода.
2. 2
   Вставьте код в поле HTML-код для вставки внутрь head и сохраните.
3. 3
   Переопубликуйте все страницы — без этого код на сайте не появится.

WordPress

1. 1
   В админке откройте Плагины → Добавить новый, найдите WPCode (Insert Headers and Footers), установите и активируйте.
2. 2
   Откройте Code Snippets → Header & Footer (в русской админке пункт может называться «Фрагменты кода»).
3. 3
   Вставьте код в поле Footer и нажмите Save Changes.
4. 4
   Если на сайте есть плагин кэша (WP Rocket, LiteSpeed Cache, W3 Total Cache), очистите кэш.

1С-Битрикс

1. 1
   В админке откройте Настройки → Настройки продукта → Сайты → Шаблоны сайтов и выберите шаблон вашего сайта.
2. 2
   Вставьте код в текст шаблона перед закрывающим тегом body и нажмите Сохранить.
3. 3
   Очистите кэш: Настройки → Настройки продукта → Автокеширование → вкладка Очистка файлов кеша.

Craftum

1. 1
   Откройте Ваши сайты, выберите сайт и нажмите значок шестерёнки — настройки сайта.
2. 2
   На вкладке HTML вставьте код в поле Пользовательский HTML </body>.
3. 3
   Сохраните и переопубликуйте все страницы. Изменения появятся через несколько минут.

Nethouse

Nethouse не разрешает вставлять скрипты напрямую — только через Google Tag Manager, и только на платном тарифе. Подключите контейнер в Приложения → Google Tag Manager, а код виджета добавьте в Tag Manager — шаги ниже.

Wix

1. 1
   Откройте Настройки → Разработка и интеграции → Пользовательский код и нажмите + Добавить код.
2. 2
   Вставьте код, выберите На все страницы, место кода — Body — конец.
3. 3
   Нажмите Применить и опубликуйте сайт.

Taplink

На тарифах PRO и Business добавьте на страницу блок HTML-код и вставьте в него код. Taplink не обещает, что чужие скрипты заработают, поэтому откройте страницу и проверьте. Не заработало — поставьте обычную кнопку-ссылку на вашу страницу записи в Delvex (где взять ссылку — в статье Ссылки на публичные страницы).

Google Tag Manager

1. 1
   Откройте Теги → Создать → Конфигурация тега → Пользовательский HTML и вставьте код.
2. 2
   В блоке Триггеры выберите All Pages и нажмите Сохранить.
3. 3
   Нажмите Отправить → Опубликовать.

Свой сайт (HTML)

Код вставляется перед закрывающим тегом body — в общий шаблон или подвал сайта, чтобы он был на всех страницах. Если сайт делал разработчик, проще отправить ему инструкцию — об этом ниже.

Не получается самим — отправьте разработчику#

1. 1
   В блоке Не получается самим? Отправьте разработчику укажите почту разработчика и, если нужно, комментарий — например, «поставьте на все страницы до пятницы».
2. 2
   Нажмите Отправить письмо. Delvex пришлёт разработчику код и подробную инструкцию с адреса noreply@delvex.ru, в теме будет название вашей компании.
3. 3
   Разработчик ответит на письмо — ответ придёт на вашу почту.

Удобнее мессенджер? Нажмите Скопировать инструкцию и перешлите текст в WhatsApp, Telegram или MAX. За час можно отправить до 5 писем.

Шаг 3. Проверьте#

Укажите адрес сайта и нажмите Проверить сайт — Delvex откроет страницу и найдёт на ней код. Возможные ответы:

Ниже — список Где виджет уже открывался: сайты, на которых виджет показывался посетителям за последние 30 дней. Сайт появляется в нём через минуту после первого визита. Адреса вроде localhost помечены как тестовые.

Если виджет не видно#

• Виджет выключен — включите тумблер Виджет включён на вкладке Виджет. Страница установки подсвечивает это сама.
• Сайта нет в списке «Разрешённые сайты» — добавьте его на вкладке Виджет, раздел Дополнительно, или очистите список.
• Сайт не опубликован заново — в Tilda, Craftum и Wix код не появится без публикации.
• Кэш — очистите кэш сайта (плагин кэша в WordPress, «Очистка файлов кеша» в 1С-Битрикс) и CDN, если он есть.
• Прошло меньше 5 минут после изменения настроек — подождите и обновите страницу.
• Блокировщик рекламы в вашем браузере — откройте сайт в режиме инкогнито или с телефона.
• Кнопку закрывают элементы сайта — например, полоса «Позвонить» внизу экрана телефона. Поднимите кнопку отступом снизу на вкладке Виджет.
• Политика безопасности сайта — разработчику нужно разрешить https://delvex.ru в script-src, frame-src, connect-src и img-src.

Для разработчиков: свои кнопки и JavaScript#

• Кнопка или ссылка с классом delvex-chat открывает чат, с классом delvex-booking — онлайн-запись.
• Атрибут data-delvex-message подставляет текст в поле чата — отправляет его посетитель сам.
• Атрибут data-hide-button="true" в коде виджета скрывает нашу кнопку в углу: окно открывают только ваши кнопки.
• Из JavaScript: Delvex.open({ tab, message }), Delvex.close(), Delvex.toggle().

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