Skip to content

Виджет на сайт

Виджет Worken добавляет чат виртса на любую страницу, чтобы клиенты могли задать вопрос без звонка или почты. Скрипт работает на любых CMS и подключается за пару минут.

Перед началом

  • Права администратора в Worken и доступ к разделу API ключей
  • Возможность редактировать шаблон сайта или подключить разработчика
  • Созданный виртс с приветствием для веб-гостей

Шаги

01

Создайте ключ виджета

В Worken откройте Настройки → API ключи и нажмите Создать ключ. Сохраните ключ в менеджере секретов, затем перейдите в настройки виджета и скопируйте скрипт для вставки на сайт.

Раздел API ключейРаздел API ключей
Каждый ключ показывает список доступных каналов
02

Вставьте скрипт на сайт

Добавьте скрипт перед </body> на страницах, где нужен чат. Если сайт на конструкторе, используйте блок с пользовательским HTML. После публикации обновите страницу и убедитесь, что кнопка виджета появилась в нужном углу.

Пример вставки кодаПример вставки кода
Код размещается перед закрывающим тегом body
03

Настройте внешний вид и тест

В карточке канала задайте цвета, текст приветствия и позицию кнопки. Затем откройте сайт в инкогнито и отправьте пару сообщений, чтобы убедиться в корректной работе и отображении логотипа. Если нужна аналитика, включите пересылку обращений в CRM через инструменты Worken.

Настройки внешнего вида виджетаНастройки внешнего вида виджета
Цвета и позиция подстраиваются под бренд

Предупреждение

API ключ открывает доступ к каналу, поэтому храните его в менеджере секретов и не вставляйте на страницы с открытым исходным кодом (например, GitHub Pages без сборки). При утечке удалите ключ в Worken и создайте новый скрипт.

Практический пример

Пример

Практический пример

Ветеринарная клиника создаёт новый ключ, ставит скрипт в шаблон сайта и прописывает в инструкции: «Приветствуй по имени, уточняй питомца, предлагай запись на ближайшее время». После запуска 75% запросов на консультацию закрываются прямо в чате, а администраторы получают только подтверждённые заявки.

Связанные разделы

Руководство пользователя Worken AI