Установка Chat Widget

Чтобы добавить HaveAI Chat Widget на сайт, используйте код установки в панели. Для большинства сайтов рекомендуемый вариант — кнопка чата, открывающаяся в углу страницы.

Добавьте кнопку чата на сайт

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

Разместите чат внутри страницы

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

Кнопка чата в углу и iframe внутри страницы — разные варианты размещения. Использовать оба на одной странице не обязательно.

WordPress и другие инфраструктуры сайтов

В WordPress вы можете использовать область пользовательского кода вашего сайта или инструмент для добавления кода в шапку и подвал. Добавьте код установки один раз в общую область подвала сайта.

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

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

Установка через Google Tag Manager

Если вы управляете кодом сайта через Google Tag Manager, вы можете добавить код виджета как тег Custom HTML. Выберите подходящий триггер для страниц, где хотите видеть виджет; если он будет использоваться по всему сайту, используйте триггер, охватывающий все страницы.

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

Проверьте установку

После настройки не ограничивайтесь только просмотром предпросмотра в панели. Попробуйте эти шаги на опубликованном сайте:

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

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

Если виджет не появляется

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

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

После установки вы можете завершить настройки настройки вида и сведений о клиенте.

Связанные темы