Виджет для сайта
Виджет OneTwoAgent позволяет клиентам писать вам прямо с сайта на компьютере и на мобильных устройствах, а все чаты попадают в inbox Conversations.
AI-виджет чата для сайтаСбор лидов из чата на сайтеНастройка веб-чата без кодаСообщения клиентов на сайте
Что охватывает эта статья
- Как настроить дизайн и поведение виджета.
- Как установить виджет на сайт.
- Как применить настройки безопасности, такие как разрешенные домены и исключенные страницы.
1. Откройте настройки Widget
Перейдите в Channels -> Widget. Если виджет еще не включен, сначала включите его.
- Предпросмотр виджета.
- Настройки кастомизации.
- Код установки.
2. Настройте дизайн виджета
Виджет можно подогнать почти под любой стиль сайта.
- Цвета виджета: цвет кнопки, фон, цвета текста и акцентный цвет.
- Типографика: семейство шрифта или стилевые пресеты, а также размер шрифта, где он доступен.
- Иконка и бренд-элементы: иконка launcher, название бизнеса в шапке и необязательный подзаголовок или короткое приветствие.
- Позиция и макет: справа снизу или слева снизу, отступы от краев экрана и поведение на мобильных устройствах.
- Поведение: авто-открытие или только по клику, видимость приветствия, все страницы или выбранные страницы.
Заметки
- Держите виджет минималистичным: простые цвета, понятный заголовок и короткое приветствие.
3. Установите виджет на сайт
Стандартная установка (рекомендуется).
- 1Скопируйте скрипт виджета из Channels -> Widget -> Install code
- 2Добавьте его на сайт так, чтобы он загружался на каждой странице.
- 3Лучшее место: внутри <head>, перед </head>.
- 4Если <head> недоступен, разместите его перед </body> (тоже работает, но может загружаться чуть медленнее).
Заметки
- После установки и публикации виджет должен появиться на вашем живом сайте.
4. Установка на популярных платформах
- 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>.
Или отправьте это вашему разработчику
6. Настройки безопасности и контроля
Рекомендуемые настройки для более безопасного и чистого поведения.
- Разрешенные домены: не дают использовать код виджета на посторонних сайтах.
- Примеры доменов: yourdomain.com, www.yourdomain.com, shop.yourdomain.com.
- Исключенные страницы: скрывайте виджет там, где он не нужен.
- Типичные исключения: checkout, подтверждение заказа, account/login, приватность и технические страницы.
- Примеры путей: /checkout, /account, /thank-you.
Заметки
- Начните просто: сначала включите виджет везде, а затем исключайте только те страницы, которые действительно не нужны.
7. Как работают чаты виджета в OneTwoAgent
- Когда клиент отправляет сообщение через виджет, в Conversations появляется новый диалог.
- Вы всегда можете ответить вручную.
- Если включен Auto Sales, ассистент может отвечать автоматически на основе вашей настройки и каталога.
Устранение неполадок
- Виджет не показывается: убедитесь, что скрипт установлен на live-сайте (а не только в preview), опубликуйте изменения и проверьте разрешенные домены, если они включены.
- Виджет появляется только на некоторых страницах: проверьте правила исключенных страниц и подтвердите, что скрипт установлен глобально.
- Сообщения не приходят: убедитесь, что используется правильный бизнес-аккаунт OneTwoAgent и что виджет включен в Channels -> Widget.
Похожие руководства
Перейдите к следующим шагам настройки для каналов, бронирований, расписания или автоматизации.
Частые вопросы
Можно ли установить виджет без полноценной кастомной интеграции?
Да. Обычная установка — это один скрипт виджета на сайте плюс настройки дизайна и поведения в панели.
Работает ли виджет на мобильных так же, как на компьютере?
Да. Виджет рассчитан и на desktop, и на mobile-посетителей, а диалоги появляются в одном и том же inbox.