Виджет для сайта

• Что клиенты могут делать в виджете: чат, Voice, скриншоты и файлы — на своём языке.
• Как настроить дизайн и поведение виджета.
• Как установить виджет на сайт.
• Как применить настройки безопасности, такие как разрешенные домены и исключенные страницы.

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

• Писать в чат на своём языке: агент отвечает на том языке, на котором пишет клиент.
• Talk (Voice): клиенты могут говорить с агентом голосом. Речь распознаётся автоматически, и Voice отвечает вслух на 40+ языках; там, где голосовой ответ не поддерживается, разговор продолжается текстом. Минуты Voice входят в платные тарифы.
• Отправлять скриншоты и файлы: изображения, скриншоты и фото, а также файлы PDF, DOC, DOCX и TXT размером до 8 МБ. Изображения распознаются с помощью компьютерного зрения; документы PDF и Word разбираются вместе с таблицами.
• Вставлять ссылки: агент читает страницу по ссылке как контекст для этого диалога. Ссылки клиентов — это контекст, а не ваши утверждённые знания.
• Связаться с человеком: если агент не может подтвердить ответ, он не гадает, а передаёт диалог вашей команде, и любой участник команды может перехватить диалог из инбокса.

Перейдите в Channels -> Widget. Если виджет еще не включен, сначала включите его.

• Живой предпросмотр Home, Chat и Talk на компьютере и на мобильных.
• Настройки дизайна и поведения.
• Код установки.

Подгоните виджет под свой продукт без CSS. Каждое изменение сразу видно в живом предпросмотре.

• Экраны: Home, Chat и Talk (Voice). Вы выбираете, какой из них открывается первым.
• Тема: светлая или тёмная.
• Цвета: шапка, сообщения ассистента и клиента, фон чата, поле ввода, кнопка отправки, launcher, кнопки и кнопка закрытия.
• Типографика: 45 шрифтов Google Fonts (без засечек, с засечками и моноширинные), отдельно для шапки, сообщений ассистента, сообщений клиента, поля ввода и launcher, у каждого — свой размер.
• Сообщения: 6 форм пузырей сообщений (по желанию — для обеих сторон) и выбор иконки отправки.
• Шапка: имя ассистента, строка статуса и необязательный аватар или логотип.
• Launcher: 15 иконок, необязательный текст (на мобильных при желании только иконка) и 13 анимаций launcher.
• Экран Home: заголовок, короткая строка над ним, основная кнопка, до 3 ссылок, анимированная сфера и стили фона — mesh, halo, rays, glow, stars, dots, grain и halftone — с настройкой оттенка, интенсивности и движения.
• Talk: голос, приветствие, которое звучит вслух, и текстура сферы.
• Тексты и поведение: приветственное сообщение, подсказка в поле ввода, загрузка файлов (вкл. или выкл.), компактный режим, разрешённые домены, а также разрешённые или исключённые страницы.

Стандартная установка (рекомендуется).

1. 1Скопируйте скрипт виджета из Channels -> Widget -> Install code
2. 2Добавьте его на сайт так, чтобы он загружался на каждой странице.
3. 3Лучшее место: внутри <head>, перед </head>.
4. 4Если <head> недоступен, разместите его перед </body> (тоже работает, но может загружаться чуть медленнее).

• Shopify: Online Store>Themes>Edit code -> layout/theme.liquid -> вставьте перед </head> -> Save
• Wix Вариант A: Settings -> Custom Code -> Add New Tool -> вставьте код -> Load on all pages -> разместите в Head -> Save и опубликуйте.
• Wix Вариант B: добавьте скрипт через глобальную область скриптов/плагинов сайта и убедитесь, что он загружается на всех страницах.
• Webflow: Project Settings -> Custom Code -> вставьте в Head Code -> Save и опубликуйте.
• WordPress: используйте плагин для header-скриптов (секция Header) или вставьте код в header.php перед </head>.
• Custom-coded sites: разместите скрипт в глобальном HTML-шаблоне внутри <head> или перед </body>.

Рекомендуемые настройки для более безопасного и чистого поведения.

• Разрешенные домены: не дают использовать код виджета на посторонних сайтах.
• Примеры доменов: yourdomain.com, www.yourdomain.com, shop.yourdomain.com.
• Исключенные страницы: скрывайте виджет там, где он не нужен.
• Типичные исключения: checkout, подтверждение заказа, account/login, приватность и технические страницы.
• Примеры путей: /checkout, /account, /thank-you.

• Каждый диалог виджета появляется в Conversations, в том же инбоксе, что и WhatsApp, Instagram и Telegram.
• AI-агент поддержки отвечает на языке клиента на основе вашей базы знаний, а для авторизованных клиентов — также на основе разрешённых данных аккаунта.
• Любой участник команды может перехватить диалог и ответить сам. Пока диалог ведёт участник команды, AI молчит; нажмите Resume AI, чтобы вернуть диалог AI.
• В виджете клиент видит "{name} joined the conversation", когда отвечает участник команды, и "Assistant resumed", когда снова отвечает AI.

• Виджет не показывается: убедитесь, что скрипт установлен на live-сайте (а не только в preview), опубликуйте изменения и проверьте разрешенные домены, если они включены.
• Виджет появляется только на некоторых страницах: проверьте правила исключенных страниц и подтвердите, что скрипт установлен глобально.
• Сообщения не приходят: убедитесь, что используется правильный бизнес-аккаунт OneTwoAgent и что виджет включен в Channels -> Widget.