Виджет подстраивается под каждого посетителя автоматически. Когда кто-то открывает чат, Chatonio показывает его на языке вашей страницы — читается стандартный атрибут <html lang>, поэтому посетитель, просматривающий русскую версию вашего сайта, увидит русский виджет, даже если у него в браузере другой язык. Заданные вами заголовок, подзаголовок, приветствие, сообщение в офлайн-режиме и текст кнопки, отображаемое имя вашего ИИ-ассистента и статьи вашего центра поддержки (база знаний и частые вопросы) показываются на этом языке всякий раз, когда соответствующая версия существует. Если страница не объявляет язык, виджет опирается на язык браузера посетителя.
Собственные кнопки и подписи виджета поставляются на английском, немецком, испанском, русском и украинском, но всё, что пишете вы и ваш ИИ, можно предложить на стольких языках, сколько вы переведёте. Язык, который посетитель видит до того, как начнёт писать, следует за страницей (с языком браузера как запасным вариантом); как только он начинает писать, ИИ просто отвечает на том языке, которым он пользуется, а первый ответ тоже следует за языком страницы.
Добавление своих переводов
На странице настроек канала веб-чата откройте раздел Языки и переводы и найдите блок Переводы текста. Выберите язык в списке Добавить язык — для него появится вкладка с пятью текстами, которые видит посетитель: Заголовок, Подзаголовок, Приветственное сообщение, Сообщение в офлайн-режиме и Текст кнопки. Оставьте поле пустым — и вместо него подставится текст на языке канала по умолчанию. Языков можно добавить сколько угодно; у каждого будет своя вкладка. Чтобы база знаний и частые вопросы появились на другом языке, добавьте переводы к этим статьям как обычно — виджет подхватит их автоматически.
Как задать конкретный язык принудительно
Если ваш сайт не задаёт стандартный атрибут <html lang> — или вы хотите, чтобы конкретный код встраивания всегда использовал один язык, — добавьте в него атрибут data-lang. Его значение имеет приоритет над автоопределением:
<script async src="https://chatonio.com/widget/loader.js" data-channel-id="YOUR-CHANNEL-ID" data-lang="ru"></script>