Виджет на ваш сайт: вид и настройки

Виджет — кнопка в углу вашего сайта: по клику открывается окно с чатом ИИ-консультанта и онлайн-записью. Настройки — в Настройки → Сайт компании, вкладка Виджет. Код на сайт вставляется один раз (ссылка Как установить в блоке «Установка»), всё остальное меняется здесь: нажмите Сохранить вверху — на сайте обновится в течение 5 минут.

Быстрый старт: подобрать под ваш сайт#

1. 1
   В разделе Вид в поле «Подобрать под ваш сайт» укажите адрес сайта, например salon-primer.ru, и нажмите Подобрать.
2. 2
   Delvex откроет сайт и возьмёт с него цвет, тему, скругление углов и шрифт. Под полем появится строка «Подобрали: …».
3. 3
   Посмотрите предпросмотр справа. Не понравилось — нажмите Вернуть как было.
4. 4
   Нажмите Сохранить вверху конструктора.

Вид#

Запись и бронирование внутри окна тоже берут основной цвет, скругление и шрифт виджета — окно выглядит одним целым с кнопкой.

Кнопка#

• Вид кнопки — Значок и текст или Только значок. Текст — до 24 символов; пусто — подберём по режиму.
• Значок на кнопке — Чат, Вопрос, Календарь или Своя картинка (PNG, JPG или WebP). Если кнопка «Только значок», картинка займёт её целиком — например, фото администратора.
• Форма кнопки — Круглая, Скруглённая или Квадратная.
• Подсказка у кнопки — облачко с вашим текстом, например «Есть вопрос? Ответим за пару минут». Появляется через заданное число секунд; с Только один раз за визит — один раз, пока посетитель на сайте. Посетитель может закрыть облачко крестиком.

Где показывать#

Настройки кнопки отдельно для Компьютер и Телефон: показывать ли её, отступ сбоку и снизу, размер. Если внизу вашего сайта на телефоне закреплена своя полоса с кнопками «Позвонить / Записаться», поднимите кнопку виджета на телефоне выше этой полосы — например, на 80 px. На компьютере она останется на своём месте.

Страницы: На всех, Только на этих или Везде, кроме этих. Укажите путь страницы после адреса сайта — /prices или /blog/* (звёздочка — любое окончание: все статьи блога). Правила касаются плавающей кнопки: ваши кнопки на сайте работают на всех страницах.

Там же — Сторона, Открывать окно само (один раз за визит и только на компьютере) и Разрешённые сайты: если список не пуст, виджет работает только на этих сайтах и их поддоменах.

Тексты#

Заголовок и подзаголовок окна, приветствие в чате, фото в шапке, подсказка в поле ввода, названия вкладок (например, «Вопрос» и «Бронь» вместо «Чат» и «Запись») и текст кнопки Позвать сотрудника.

Свои кнопки на сайте#

Кнопку виджета можно спрятать и открывать окно кнопками вашего сайта — например, «Обсудить задачу» или «Записаться» в меню. Добавьте кнопке класс delvex-chat (откроет чат) или delvex-booking (откроет запись). В конструкторах, где у кнопки задаётся только ссылка (Tilda и другие), укажите ссылку #delvex-chat или #delvex-booking.

Атрибут data-delvex-message положит текст в поле ввода чата — например, выбранную услугу и модель мотоцикла из формы. Отправит сообщение сам посетитель. Разработчику: Delvex.open({ tab: "chat", message: "…" }), Delvex.close(), Delvex.toggle(). Подробно — на странице Как установить.

Для разработчиков: свой CSS#

В свёрнутом блоке Для разработчиков можно дописать свои стили — до 10 КБ. Они действуют только внутри виджета: на кнопку, окно, чат и запись — и не затрагивают остальной сайт. Для стилей есть постоянные классы: .dx-launcher — кнопка, .dx-panel — окно, .dx-header — шапка, .dx-teaser — подсказка, .dx-msg-user и .dx-msg-bot — сообщения, .dx-card и .dx-primary — запись. Полный список — рядом с полем.

Чтобы запись не заканчивалась тупиком#

Если в компании никто не принимает онлайн-запись (ни один сотрудник не отмечен «Показывать клиентам») или нет услуг, в разделе «Что умеет виджет» появится предупреждение со ссылкой, где это исправить: Команда или Услуги. А если для выбранной услуги сейчас нет мастера, посетитель увидит кнопки Написать в чат, Позвонить и Выбрать другую услугу.

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