Как добавить несколько виджетов tawk.to?
Инструкции ниже предназначены только для ПК и ноутбуков.
- соответствовать разным цветовым схемам или макетам страниц;
- поддерживать несколько языков;
- использовать разные типы отображения (встроенный или встраиваемый) для отдельных страниц.
Когда стоит использовать несколько виджетов
Разные разделы сайта или темы оформления
Используйте отдельные виджеты для страниц с разным дизайном или цветовой схемой, чтобы чат гармонично вписывался в оформление каждой страницы.
Несколько языков
Создайте отдельный виджет для каждого языка и задайте язык виджета в его настройках, чтобы посетители видели чат на своём языке. Каждый новый виджет по умолчанию создаётся на английском языке. Язык можно изменить после создания.
- Используйте Встраиваемый виджет, если хотите встроить чат прямо в контент страницы (например, лендинги или страницы контактов).
- Используйте Встроенный виджет, если хотите, чтобы чат плавал поверх страницы и оставался доступным при навигации по сайту.
Вы можете создать до 20 виджетов на один Проект. Каждый виджет имеет собственные настройки цвета, размера, позиции, языка.
2. Выберите нужный Проект (Property).
4. Выберите Виджет чата в левом подменю.
5. Чтобы создать новый виджет, нажмите Добавить виджет в правом верхнем углу и следуйте инструкциям. Чтобы переключиться между виджетами, используйте выпадающий список Виджетов чата и выберите нужный виджет.
Важно: добавление кода виджета на сайт
- Каждый виджет генерирует уникальный код, который необходимо вручную вставить в HTML сайта.
- Добавляйте код виджета на те страницы, где он должен отображаться.
- При использовании нескольких виджетов убедитесь, что их скрипты не конфликтуют между собой.
- Если вы используете шаблоны или CMS, проверьте, что правильный код виджета вставлен в нужный шаблон или секцию страницы.
Дополнительные рекомендации
Навигация посетителей и тип виджета
Если посетители часто переходят между страницами, предпочтительнее использовать Встроенный виджет, чтобы чат оставался доступным на всём сайте. Используйте Встраиваемый виджет, когда чат должен быть привязан к конкретному контенту и не должен "плавать".
Поддержка языков
Каждый новый виджет создаётся на английском языке.
Если сайт многоязычный, создавайте отдельный виджет для каждого языка и настраивайте язык, а также содержимое заголовков, карточек и форм для каждого состояния виджета.
Тестирование внешнего вида
После добавления нескольких виджетов обязательно протестируйте их на соответствующих страницах:
- проверьте контраст цветов,
- расположение,
- корректную работу на разных размерах экрана.
Производительность и размещение кода
Убедитесь, что код виджета добавлен в правильное место:
- Встроенный виджет - так, чтобы он был доступен при переходах между страницами;
- Встраиваемый виджет - непосредственно в том месте контента, где он должен отображаться.
- Нажмите на зелёный значок чата
- Запланируйте звонок с нами
- Посетите наше сообщество