Интерфейс чата управляет визуальным и текстовым оформлением в клиентском опыте, а точка входа управляет тем, как покупатели находят его на разных страницах и устройствах. Обе области предоставляют предварительный просмотр, но окончательная проверка должна выполняться на реальной витрине магазина.

Это руководство охватывает текущие элементы управления аватаром, цветом, формой, необязательным текстом, корзиной, значком, точкой входа и правилами страниц, не предполагая, что каждая компания или интеграция предоставляет одинаковые возможности.

Как это вписывается в Humind

AI Agent - это пространство настройки для ассистента, обращенного к клиенту. Knowledge и каталог предоставляют факты; Guidance формирует поведение ответов; Tools добавляют действия; Escalation определяет поддержку человеком; а области тестирования позволяют проверить результат перед развертыванием.

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

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

Доступ: Требуется доступ на запись к настройке Agent. Некоторые расширенные настройки доступны только администраторам Humind, а элементы управления, специфичные для Shopify, появляются только для подключенных компаний Shopify.

• Подготовьте утвержденные ресурсы логотипа или аватара и фирменные цвета.
• Проверьте контрастность цветов и ограничения мобильной витрины перед выбором значений.
• Составьте список типов страниц, где средство запуска должно быть видимым, скрытым или настроенным отдельно.

Пошаговый рабочий процесс

1. Задайте визуальную основу

   Откройте AI Agent, затем интерфейс чата. Выберите аватар из галереи или загрузите нужный ресурс. Задайте цвета интерфейса и текста, скругление пузыря, цвета фона и текста для добавления в корзину, а также скругление кнопок.

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

2. Проверьте расширенные параметры оформления

   Текущий интерфейс может при необходимости использовать пользовательское имя Agent, заголовок главной страницы и приветствие главной страницы. Он может показывать или скрывать значок искры, изображение для поиска подарка, предустановленные вопросы и кнопку добавления в корзину. Компании Shopify могут выбрать, ведет ли действие корзины в корзину или к оформлению заказа, с помощью доступного элемента управления назначением.

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

3. Настройте точку входа по умолчанию

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

   Сделайте средство запуска заметным, не перекрывая навигацию магазина, элементы управления согласием, действия покупки товара или виджеты доступности.

4. Добавляйте правила для отдельных страниц только при необходимости

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

   Избегайте пересекающихся правил. Используйте контекстные вкладки предварительного просмотра, чтобы сравнивать результаты по умолчанию и для отдельных страниц, и удаляйте устаревшие правила вместо бесконечного наслоения исключений.

5. Проверьте доступность и реальную раскладку

   Проверьте в предварительном просмотре доступ с клавиатуры, контрастность текста, открытие и закрытие, длинный переведенный текст, узкие экраны, страницы товара и поведение корзины. Затем разверните и повторите проверки на реальной витрине магазина в приватном браузере.

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

Разрешения и важные оговорки

• Предварительный просмотр не включает все темы витрины магазина, наложения или адаптивные взаимодействия.
• Расширенные и специфичные для Shopify параметры являются условными; документируйте только элементы управления, видимые для активной компании.
• Настройки с мгновенным сохранением могут повлиять на тесты сразу после сохранения.
• Правила страниц должны оставаться взаимно понятными для компьютеров и мобильных устройств.

Проверьте результат

Используйте этот контрольный список, прежде чем считать работу завершенной:

• Цвета аватара, текста, интерфейса и корзины соответствуют стандарту контрастности команды.
• Предварительные просмотры точки входа по умолчанию и для отдельных страниц соответствуют задокументированному набору правил.
• Длинные метки, переводы, фокус клавиатуры и мобильные раскладки остаются удобными в использовании.
• На рабочей витрине магазина отображается один правильный элемент запуска без перекрытия критически важных элементов управления.

Устранение неполадок

Визуальное изменение не появляется

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

Средство запуска появляется не в том месте

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

Текст или кнопки трудно читать

Снова проверьте цвета фона и текста для элементов управления интерфейсом и корзиной. Протестируйте фактические метки и переведенный текст в размерах для компьютеров и мобильных устройств перед публикацией исправленного дизайна.

Связанные руководства

• Настройте свой Agent, от контента до интерфейса
• Развертывание Agent в канале продаж
• Настройка языков рабочего пространства и клиентских языков
• Настройка инструментов, опросов и приглашений в чат