Вход
Регистрация

Войти

Забыли пароль? Восстановить.

Войти/регистрация База знаний Тарифы

База знаний

Как создать аккаунт?

Начните работу за 3 минуты — создайте аккаунт и получите доступ к вашему личному кабинету.

Шаг 1 из 2: Регистрация

  • Перейдите на главную страницу Chat Service

  • Нажмите кнопку «Войти/регистрация».

  • Введите ваш email и придумайте надежный пароль.

Шаг 2 из 2: Подтверждение email

  • Проверьте вашу почту — мы отправили письмо с кодом подтверждения.

  • Введите полученный код для завершения регистрации.

  • Не нашли письмо? Проверьте папку «Спам».

Что дальше? Теперь вы можете создать своего первого чат-бота!

Ваш первый чат-бот за 15 минут

Полностью рабочий чат-бот за 4 простых шага:

Шаг 1: Добавьте информацию о бизнесе

  • В личном кабинете нажмите «Ассистент» и пролистайте до секции "Обучение".

  • Выберите подходящий способ:

    • Загрузка файлов — перетащите PDF, Word, TXT файлы;

    • Ручной ввод — скопируйте текст в текстовое поле.

  • Нажмите на кнопку "Сохранить".

  • Рекомендация: Начните с добавления информации с 3-5 ключевых страниц вашего сайта.

Шаг 2: Установка на сайт

  • Скопируйте код во вкладке "Ассистент".

  • Вставьте код в HTML-разметку Вашего сайта. Например, в WordPress и Tilda для этого есть виджет "HTML-блок".

Поздравляем! Ваш AI-помощник готов к работе.

Шаг 3: Тестирование бота (проверка)

  • Используйте виджет на Вашем сайте.

  • Задайте типичные вопросы ваших клиентов:

    • «Какие у вас услуги?»

    • «Сколько стоит доставка?»

    • «Как с вами связаться?»

  • Если ответы неточные — вернитесь к Шагу 1 и добавьте больше информации.

Как добавить информацию с сайта?

Научите бота всему, что нужно знать вашим клиентам.

Способ 1: Ручной ввод текста

  • Выберите «Ручной ввод» в разделе добавления данных.

  • Скопируйте и вставьте тексты с вашего сайта.

  • Разделяйте разные темы заголовками (например, «## Доставка», «## Оплата»).

  • Совет: Используйте четкие формулировки, как в разговоре с клиентом.

Способ 2: Загрузка готовых документов

  • Нажмите «Загрузить файлы».

  • Поддерживаемые форматы: PDF, DOCX, TXT, PPTX.

  • Перетащите файлы в выделенную область.

  • Рекомендация: Объединяйте похожую информацию в один документ.

Что добавить в первую очередь:

  • Описания продуктов/услуг.

  • Цены и условия оплаты.

  • Информация о доставке/самовывозе.

  • Контактные данные.

  • Ответы на частые вопросы.

  • Акции и специальные предложения.

Как улучшить качество ответов?

Сделайте вашего бота экспертом в вашей теме.

Причина 1: Бот не знает ответа

  • Решение: Добавьте недостающую информацию в личном кабинете.

  • Как: Вернитесь на страницу «Ассистент» и загрузите документы с ответами на вопросы, которые бот не смог обработать.

Причина 2: Бот отвечает неточно или расплывчато

  • Решение: Улучшите структуру существующих данных.

  • Как:

    • Разбейте сплошной текст на разделы с подзаголовками

    • Добавьте четкие формулировки «Цена составляет X рублей»

    • Уберите лишнюю информацию, не относящуюся к сути

Причина 3: Бот путается в сложных вопросах

  • Решение: Добавьте примеры диалогов

  • Как:

    • В разделе «Обучение» на странице «Ассистент» создайте сценарии «Вопрос-Ответ»

    • Используйте реальные вопросы от ваших клиентов

    • Покажите боту, как отвечать на многосоставные запросы

Причина 4: Бот не понимает терминологию

  • Решение: Создайте глоссарий специфических терминов

  • Как:

    • Добавьте документ с определениями профессиональных терминов

    • Укажите синонимы, которые могут использовать клиенты

    • Приведите примеры использования терминов в контексте

Еженедельная практика улучшения:

  1. Просматривайте историю диалогов раз в неделю

  2. Отмечайте вопросы, на которые бот ответил плохо

  3. Обучайте Вашего ассистента правильным ответам во вкладке "Ассистент"

  4. Переобучайте бота на обновленных данных

Как настроить внешний вид чата под стиль вашего сайта?

Ваш чат-бот должен быть не только полезным, но и гармоничной частью вашего сайта. В этом разделе мы расскажем, как за несколько минут настроить цвета, тексты и другие визуальные элементы виджета, чтобы он полностью соответствовал вашему бренду.

1. Доступ к настройкам внешнего вида

Где это находится:

  1. Войдите в ваш Личный кабинет.

  2. Выберите нужного чат-бота в списке проектов.

  3. Перейдите во вкладку «Ассистент».

  4. Откроется панель настроек с режимом предварительного просмотра в реальном времени.

Важно: Все изменения, которые вы вносите, сразу отображаются в окне предпросмотра справа. После того, как завершите работу, нажмите на кнопку «Сохранить».

2. Основные настройки стиля

2.1. Цветовая схема 

Здесь вы можете задать основные цвета, которые сделают чат узнаваемым.

  • Основной цвет:

    • Что это: Основной акцентный цвет кнопки чата, заголовков и активных элементов (например, сообщения и кнопка "Отправить").

    • Как настроить: Нажмите на цветовое поле и выберите оттенок из палитры или введите HEX-код цвета вашего бренда.

    • Совет: Используйте цвет из логотипа или основной цвет вашего сайта.

  • Цвет фона чата:

    • Что это: Фон окна с историей переписки.

    • Как настроить: Выберите светлый, темный или полностью пользовательский цвет.

    • Рекомендация: Для лучшей читаемости используйте светлые нейтральные оттенки (белый, светло-серый).

  • Цвет текста:

    • Что это: Цвет шрифта введённого сообщения пользователя.

    • Как настроить: Убедитесь, что цвет текста достаточно контрастен относительно фона чата.

    Установка виджета чата на ваш сайт

    1. Установка с помощью кода на сайт (универсальный способ)

    Этот способ подходит для любого сайта, где у вас есть доступ к редактированию HTML-кода.

    Преимущество метода:

    • Работает везде, где можно вставить код.

    • Не требует дополнительных сервисов (вроде GTM).

    • Чуть быстрее загружается, так как скрипт ставится напрямую.

    Шаг 1: Скопируйте ваш уникальный код

    1. В личном кабинете перейдите в раздел «Установка» → «Код для сайта».

    2. Вы увидите блок с кодом.

    Нажмите кнопку «Скопировать код». Весь код будет скопирован в буфер обмена.

    Шаг 2: Вставьте код на все страницы вашего сайта

    Код необходимо вставить перед закрывающим тегом </head> на всех страницах, где должен работать чат-бот.

    Как найти тег </head> в коде вашего сайта:

    1. Войдите в административную панель (админку) вашего сайта или в режим редактирования кода.

    2. Найдите общий файл шаблона, который отвечает за верхнюю часть (header) всех страниц. Он часто называется:

      • header.php

      • index.html

      • Шапка сайта / Site Header

    3. Вставьте скопированный код как можно ближе к концу раздела, прямо перед строкой </head>.

    4. Сохраните изменения.

    Наглядная схема того, как должен выглядеть код:

    html 
    <head>
<meta charset="UTF-8">
<title>Мой Сайт</title>
... другие метатеги и стили ...
<!-- НАЧАЛО КОДА ЧАТ-БОТА -->
<script src="https://chat-service.ru/widget/88783438c0d646f9.js" async></script>
<!-- КОНЕЦ КОДА ЧАТ-БОТА -->
</head>

    2. Установка на сайт WordPress

    WordPress — самая популярная CMS. Установить код можно через плагин или редактирование темы.

    Способ A: Через плагин для вставки кода 

    1. Установите и активируйте плагин, например, «Insert Headers and Footers» или «Header Footer Code Manager».

    2. В админ-панели WordPress перейдите в раздел плагина: «Настройки» → «Insert Headers and Footers».

    3. В поле «Code in Header» (Код в разделе Head) вставьте ваш скопированный код установки.

    4. Сохраните изменения.

    Способ B: Через редактирование темы

    1. В админ-панели перейдите: «Внешний вид» → «Редактор тем».

    2. В списке файлов темы справа выберите header.php.

    3. Найдите тег </head> и вставьте ваш код непосредственно перед ним.

    4. Нажмите «Обновить файл».

    Важно: Способ B может быть сброшен при обновлении темы. Способ A с плагином более надежен.

    3. Установка на сайт Joomla

    В Joomla для добавления кода используется функционал редактирования шаблона.

    1. В панели администратора перейдите: «Система» → «Общие настройки».

    2. На вкладке «Сервер» найдите поле «Код перед закрывающим тегом </head>». Вставьте ваш код в это поле.

    3. Нажмите «Сохранить».

    Альтернативный путь: Некоторые шаблоны имеют свои настройки. Попробуйте: «Материалы» → «Менеджер шаблонов» → [Ваш активный шаблон] → «Дополнительные параметры» (или вкладка «Другие»).

    4. Установка на чистый HTML-сайт

    Для сайта, состоящего из статических HTML-файлов, нужно отредактировать каждый файл.

    1. Скачайте файлы вашего сайта на компьютер (например, через FTP).

    2. Откройте каждый HTML-файл (например, index.html, about.html) в текстовом редакторе (Notepad++, VS Code).

    3. Найдите в коде строку </head> (закрывающий тег раздела head).

    4. Вставьте ваш код установки прямо перед этой строкой.

    5. Сохраните файл и загрузите обратно на хостинг, заменив старые версии.

    Совет: Если на сайте много страниц и используется общий файл заголовка (например, header.html), вставьте код один раз в этот общий файл.

    5. Установка на Laravel

    Код нужно добавить в главный шаблон (layout).

    1. В папке проекта откройте файл основного Blade-шаблона. Обычно это  resources/views/layouts/app.blade.php  или resources/views/vendor/layouts/master.blade.php.

    2. В секции  <head> этого файла найдите строку </head>.

    3. Вставьте ваш код установки перед этим тегом.

      blade 
      <!-- НАЧАЛО КОДА ЧАТ-БОТА -->
<script src="https://chat-service.ru/widget/88783438c0d646f9.js" async></script>
<!-- КОНЕЦ КОДА ЧАТ-БОТА -->
</head>

    4. Сохраните файл. Код будет присутствовать на всех страницах, которые используют этот шаблон.

    6. Установка на сайт, созданный в Tilda

    Tilda — популярный конструктор сайтов. Установка производится через настройки проекта.

    1. В редакторе Tilda откройте настройки нужной страницы или всего проекта: нажмите на шестеренку («Настройки страницы»).

    2. Перейдите в раздел «Дополнительно».

    3. Найдите блок «HTML-код в теге <head>».

    4. Вставьте ваш скопированный код в это поле.

    5. Опубликуйте страницу или проект, чтобы изменения вступили в силу.

    Частые проблемы и их решения

      • Виджет не появился:

        • Убедитесь, что вы сохранили изменения в коде сайта.

        • Проверьте, не допущено ли ошибок при копировании кода (лучше копировать его целиком кнопкой).

        • Подождите 1-2 минуты — некоторые системы кэшируют код.

        • Используйте наш встроенный Проверщик установки в личном кабинете. Он сканирует ваш сайт и сообщает, виден ли ему код.

      • Чат-бот есть на главной, но его нет во внутренних разделах:

        • Значит, вы вставили код только на одну страницу. Найдите в настройках вашего сайта файл общего шаблона (header или footer) и вставьте код туда.

      • Виджет отображается, но не отвечает:

        • Убедитесь, что для бота загружена база знаний и завершено его обучение.

        • Проверьте, не заблокирован ли JavaScript на сайте какими-либо настройками безопасности.

      • Я боюсь что-то сломать:

        • Вы всегда можете обратиться к разработчику вашего сайта и просто передать ему скопированный код из Шага 1 и эту инструкцию.