Все сериалы
сериалвыпуск №2

«Как Jivo, только мой» · виджет на сайт за один диалог

чат-виджет с агентом на сайте

Аналог Jivosite, только отвечает не оператор, а ваш агент с базой знаний из первого выпуска.

Суть выпуска

От чата с операторами к виджету, где отвечает агент

Сервисы вроде Jivo приучили клиентов писать в чат на сайте — и ждать ответа оператора. Агент первой линии работает по той же схеме, только вместо живых операторов на вопросы клиентов отвечает модель, обученная на ваших документах.

1

Виджет создаётся в свободном диалоге. Агент понимает произвольные запросы — достаточно написать «помоги сделать виджет на сайт».

2

Настройка — через анкету из 6 вопросов. Новый или текущий виджет; домен; приветствие; идентификация; цвет; имя и привязка к агенту.

3

Встраивается одной строкой кода. Агент присылает готовый скрипт — достаточно вставить его перед закрывающим тегом body.

4

Привязан к домену. Виджет работает только на указанном URL — на других доменах чат не откроется.

5

Все диалоги — в интерфейсе Ladcraft. История обращений из виджета видна там же, где ответы из Telegram-бота и других каналов.

6

Встраивайте сами или с помощью специалиста. Агент поможет встроить код или сформирует инструкцию для специалиста поддержки сайта.

Собрали в выпуске №2
Оставили следующим выпускам
Чат-виджет на сайте с агентом
Подключение оператора к вопросам, с которыми агент не справился
Настройка виджета через 6 уточняющих вопросов в диалоге
Эскалация на вторую линию и интеграция с Okdesk
Приветственный текст, акцентный цвет, режим идентификации посетителей
Классификаторы и веб-поиск для повышения процента закрытий
Готовый скрипт для вставки перед закрывающим тегом body
Аналитика и метрики качества работы агента

Ведущая

О спикере

Ведущая сериала

Анна Коткова

Product в Ladcraft

21 год в ИТ, из них 20 — на управленческих позициях. Прошла путь от менеджера по продажам до руководителя бизнес-юнита в ИТ-компании ЛАД. Управляла командами 60+ человек.

Анна Коткова

Опыт

5 лет — руководитель направления сопровождения 1С: вывела направление на уровень «Центр сопровождения 1С».

5 лет — руководитель дивизиона заказной разработки: масштабировала проектный бизнес и выстраивала delivery.

2 года — Product Owner продуктов ЛАД: стояла у истоков продуктовой трансформации ГК ЛАД и выводила на рынок первые тиражные решения.

P3Express — внедрила методологию проектного управления на уровне всей компании; практик с международным сертификатом P3Express Practitioner.

В зоне ответственности

Продуктовые исследования и формирование продуктовой линейки Ladcraft — платформы тиражных AI-решений.

Digital-продвижение и роль Product Owner нескольких тиражных AI-агентов.

Первый в компании ЛАД коммерческий проект на базе собственной AI-платформы.

AI-трансформация бизнесаСтратегия на 3–5 летAgile, Waterfall, P3ExpressПродуктовая разработкаАкселерация: опыт программы ФРИИ

Сериал · выпуски

Линия свободы: техподдержка, которая отвечает сама

Готово
«С меня хватит!» · выпуск №1Настраиваем агента первой линии поддержки в Telegram за 5 минут: онбординг в Ladcraft и бот через BotFather.
Смотреть
Сейчас
«Как Jivo, только мой» · выпуск №2Делаем виджет с агентом для вашего сайта: 6 вопросов агента, одна строка кода и проверка на хитром вопросе.
Смотреть
Скоро
«Ну и кто у нас тут такой умный?» · выпуск №3Подключаем оператора к вопросам, на которые агент пока не научился отвечать: самый быстрый вариант — отправка на почту техподдержки.
Скоро
«А теперь — по-взрослому!» · выпуск №4Подключаем Okdesk и учим агента работать с серьёзными заявками: сложные вопросы автоматически уходят на вторую линию.
Скоро
«Бот, учись!» · выпуск №5Классификаторы, веб-поиск и загрузка решённых тикетов: повышаем процент обращений, закрытых на первой линии.
Скоро
«Цифры не врут» · выпуск №6Снимаем метрики качества работы агента: сколько тикетов закрыто самостоятельно, где агент спотыкается и как с этим работать.

Сценарий выпуска

Шесть шагов от «помоги сделать виджет» до ответа на хитрый вопрос

Виджет создаётся так же, как сам агент — в свободном диалоге. После 6 уточняющих вопросов агент присылает готовый код, остаётся встроить его на сайт.

До запуска

Понадобятся: настроенный агент с базой знаний из первого выпуска, URL сайта и доступ к HTML-коду сайта — например, через GitHub Pages, админку CMS или хостинг.

1Просим агента сделать виджетШаг 1 из 6 · Свободная формулировка запроса

Открываем диалог с агентом и пишем произвольным текстом: «помоги сделать виджет на сайт». Агент понимает свободные запросы — для него важна задача, а не точная формулировка.

Логика та же, что и при создании самого агента: общаемся как с коллегой, а не заполняем форму.

2Отвечаем на уточняющие вопросыШаг 2 из 6 · Анкета виджета

Агент задаёт несколько уточняющих вопросов: создать новый виджет или изменить существующий; на каком домене будет работать виджет; какой приветственный текст показывать посетителю; как идентифицировать посетителя — анонимно или с запросом контактов; какой акцентный цвет (можно указать кодом или словами — агент сам предложит палитру); как назвать виджет; кто будет встраивать виджет — вы или ваш специалист.

Если не указать цвет кодом, агент предложит варианты словами: «классический светло-зелёный», «почти белый с зеленцой» и т. д.

3Привязываем виджет к агентуШаг 3 из 6 · Для какого агента создать виджет

В процессе настройки агент спрашивает, для какого агента создать виджет. Указываем текущего — того, которого настраивали в первом выпуске. Если подходящий виджет уже был создан раньше, агент обновит его; если нет — создаст новый.

Виджетов и сайтов у вас может быть несколько — для каждого можно сделать своего агента.

4Вставляем код перед закрывающим тегом bodyШаг 4 из 6 · Одна строка кода на сайт

Агент присылает готовый скрипт виджета и короткую инструкцию: скопировать код и вставить перед закрывающим тегом body на страницах. В выпуске это сделано на демо-лендинге через GitHub Pages: открыли HTML-файл → карандашик «Edit» → вставили скрипт → закоммитили с пометкой «виджет на сайт».

Виджет работает только на указанном домене — на других URL чат не откроется.

5Ждём пару минут и проверяем результатШаг 5 из 6 · Коричневый кружок → зелёная галочка

Применение изменений обычно занимает пару минут. На GitHub Pages в это время рядом с файлом виден коричневый кружок — изменения в процессе. Как только он сменяется зелёной галочкой, обновляем страницу: в правом нижнем углу появляется значок виджета со светло-зелёной обводкой.

Открываем чат — видим ровно то приветствие, которое задавали на втором шаге.

6Задаём хитрый вопрос и смотрим реакцию агентаШаг 6 из 6 · Проверка на нестандартных кейсах

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

Хитрые вопросы — лучший тест: на них видно, где агент справляется сам, а где нужна вторая линия. Об этом — в следующем выпуске.

Проверьте свой процесс

Готов ли ваш сайт к чат-виджету

Короткий список после просмотра — до создания виджета на своём сайте.

Настроен агент с базой знаний — из выпуска №1.
Есть URL сайта, на котором будет работать виджет.
Готов приветственный текст.
Решено, как виджет будет идентифицировать посетителей: анонимно или с запросом контактов.
Выбран акцентный цвет — кодом или словами.
Есть доступ к HTML-коду сайта (CMS, хостинг или GitHub Pages).
Подготовлены 2–3 проверочных вопроса, в том числе «хитрый», для теста работы агента.

Если на сайте несколько доменов — для каждого делается свой виджет со своим агентом.

Запустите чат-виджет с агентом на своём сайте

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

Анонсы

Другие сериалы Ladcraft LIVE

Когда понадобится другой контур или другой спикер.

Комментарии

Оставить комментарий