Добавить и настроить чат для сайта на конструкторе от Т‑Банка

На этой странице читайте про настройку чата на сайте, который вы собрали с помощью конструктора от Т‑Банка.

Если у вас вопрос о других продуктах Т‑Банка, обратитесь в поддержку:

Как сделать чат на сайте на конструкторе от Т‑Банка?

Ничего делать не нужно — чат подключен ко всем сайтам на конструкторе от Т‑Банка и работает на всех страницах. В чате посетители сайта могут задавать вам вопросы и прикреплять к сообщениям файлы.

Вы можете настроить цвет чата и подключить к нему сколько угодно консультантов. Как настроить чат

Как установить чат на сайт не на конструкторе от Т‑Банка?

Если вы собрали сайт на Конструкторе от Т‑Банка, то чат уже работает — ничего не нужно делать.

Чтобы установить чат на другие платформы, следуйте инструкции:

OpenCart
  1. Войдите в панель администратора сайта OpenCart
  2. Выберите в меню слева System → Settings, или в некоторых версиях Extensions → Analytics.
  3. Нажмите на иконку Карандаша справа от поля Store URL.
  4. Кликните на вкладку Google.
  5. Откройте раздел «Чат для сайтов» в соседней вкладке браузера и скопируйте код виджета.
  6. Вернитесь во вкладку OpenCart и вставьте код в форму Google Analytics Code. Если в форме уже есть другой код, вставьте код виджета сразу после него.
  7. Найдите меню Status под формой Google Analytics Code. В меню выберите вариант Enabled.
  8. Нажмите иконку Сохранения в правом углу.
  9. Готово! Чат установлен на сайт.
WordPress
  1. Скопируйте код виджета в разделе «Чат для сайта».
  2. Откройте панель администрирования сайта в WordPress и перейдите в раздел «Внешний вид» → «Виджеты» → «HTML‑код» → «Добавить виджет» в доступных виджетах.
  3. Вставьте скопированный код чата в поле «Содержимое» и нажмите «Сохранить».
  4. Готово! Чат установлен на сайт.
Joomla
  1. Авторизуйтесь в панели управления сайтом Joomla.
  2. Зайдите в «Расширения» → «Менеджер модулей» в консоли Joomla.
  3. Нажмите на кнопку «Создать» слева.
  4. Зайдите в меню «Выбор типа модуля» и выберите «HTML‑код».
  5. Впишите название чата в поле «Заголовок» — мы рекомендуем название «Чат Т‑Банк».
  6. Найдите поле «Позиция». Если хотите, чтобы код чата вставился на все страницы в любом месте, выберите вариант со словом Search, Menu или Footer.
  7. Откройте раздел «Чат для сайтов» в соседней вкладке браузера и скопируйте код виджета.
  8. Вернитесь во вкладку Joomla и выберите «Пользовательский текст» в горизонтальном меню.
  9. Кликните на <>Insert Code и удалите код между {source} и {/source}.
  10. Вставьте вместо удалённого кода скопированный в личном кабинете и нажмите на Insert.
  11. Нажмите «Сохранить». Если код не появился на страницах, измените параметр «Позиция» на любой из трёх — Search, Menu или Footer.
  12. Готово! Чат установлен на сайт.
Nethouse
  1. Подключите Google Tag Manager к своему сайту. Инструкция
  2. Зайдите в личный кабинет Google Tag Manager, выберите раздел «Теги» в меню слева и нажмите кнопку «Создать».
  3. Укажите название тега: «Чат Т‑Банк».
  4. Нажмите «Конфигурация тега» и выберите «Пользовательский HTML» в меню специальных тегов.
  5. Откройте раздел «Чат для сайтов» в соседней вкладке браузера и скопируйте код виджета.
  6. Вернитесь во вкладку NetHouse и вставьте код виджета в поле HTML.
  7. Поставьте галочку в пункте «Поддержка функции document.write».
  8. Кликните на блок «Триггеры» ниже на странице, выберите триггер All Pages и нажмите «Сохранить» в правом углу страницы.
  9. Опубликуйте код, для этого нажмите «Отправить» → «Опубликовать» → «Пропустить».
  10. Готово! Чат установлен на сайт.
Битрикс24
  1. Авторизуйтесь в панели управления сайтом Битрикс24.
  2. Перейдите в настройки страницы и выберите «Сайты» в левом боковом меню.
  3. Выберите нужный сайт и кликните «Настроить сайт» в панели «Действия».
  4. Кликните на «Дополнительные настройки», чтобы открыть список настроек.
  5. Найдите вкладку «Пользовательский HTML и CSS» и нажмите на галочку в чекбоксе «Добавить/редактировать».
  6. Откройте раздел «Чат для сайтов» в соседней вкладке браузера и скопируйте код виджета.
  7. Вернитесь во вкладку Битрикс24 и вставьте код чата на страницу после открывающего тега HEAD.
  8. Нажмите кнопку «Сохранить» и опубликуйте страницу. Код автоматически вставится сразу на все страницы сайта.
  9. Готово! Чат установлен на сайт.
Битрикс
  1. Авторизуйтесь в панели управления сайтом Битрикс.
  2. Переключитесь на панель «Администрирование» → «Настройки» → «Настройки продукта» → «Сайты» → «Шаблоны сайтов».
  3. Откройте вкладку с настройками нужного шаблона и нажмите «Изменить».
  4. Откройте раздел «Чат для сайтов» в соседней вкладке браузера и скопируйте код виджета.
  5. Вернитесь во вкладку Битрикса. В поле редактирования вставьте код чата перед тегом </body>: и нажмите «Сохранить».
  6. Готово! Чат установлен на сайт.
Ecwid
  1. Скопируйте код виджета в разделе «Чат для сайтов».
  2. Авторизуйтесь в панели администрирования Ecwid и выберите свой сайт в консоли.
  3. Найдите в настройках пункт «Настройки SEO».
  4. Нажмите «Редактировать» в поле «Прописать мета‑теги для верификации сайта».
  5. Вставьте код чата.
  6. Готово! Чат установлен на сайт.
Tilda
  1. Скопируйте код виджета в разделе «Чат для сайта».
  2. Авторизуйтесь в Tilda и откройте «Библиотеку блоков».
  3. Нажмите «Другое» в левом меню и добавьте блок T123 «HTML‑код».
  4. Вставьте код виджета в блок и нажмите «Опубликовать».
  5. Готово! Чат установлен на сайт.
Wix
  1. Скопируйте код виджета в разделе «Чат для сайта».
  2. Авторизуйтесь в панели администрирования сайта Wix.
  3. Выберите «Настройка» → «Коды аналитики» в режиме редактирования сайта.
  4. Перейдите в пункт «Новый инструмент» → «Новый код» → Вставьте код чата в первую секцию.
  5. Введите название виджета — мы советуем назвать его «Т‑Банк Чат».
  6. Выберите «Все страницы» в пункте «Куда добавить код?», а в пункте «Где разместить код?» выберите «Body‑конец».
  7. Нажмите «Добавить».
  8. Готово! Чат установлен на сайт.
Drupal
  1. Зайдите в панель управления сайта Drupal и нажмите на вкладку «Структура» → «Схема блоков» → «Библиотека пользовательских блоков».
  2. Кликните на «Добавить блок» и введите данные в соответствующие поля:
    • Описание блока — напишите «Т‑Банк Чат»;
    • Содержимое — вставьте код чата, который можно скопировать в разделе «Чат для сайта»;
    • Текстовый формат — выберите «Полный HTML».
  3. Оставьте без изменений остальные поля.
  4. Нажмите «Сохранить».
  5. Вернитесь в раздел «Схема блоков» и расположите блок с кодом в шапке сайта — он появился в схеме блоков раздела «Шапка».
  6. Нажмите «Сохранить» внизу страницы.
  7. Готово! Чат установлен на сайт.

Если у вас самописный сайт, скопируйте код чата на вкладке «Чат» и разместите его перед закрывающим тегом </body>:

Если не получается установить чат для сайта, задайте вопрос в в чат поддержки или позвоните по телефону 8 800 700‑66‑66.

Как настроить дизайн чата?

Чтобы настроить вид чата:

  1. В конструкторе от Т‑Банка выберите нужный сайт → «Настройки сайта» → «Основные» → «Чат» → «К настройкам» → «Настройка отображения».
  2. Укажите название чата и выберите цвет сообщений в чате.

Готово! Изменения сохранятся автоматически.

Куда приходят сообщения из чата на сайте?

В конструкторе от Т‑Банка сообщения от покупателей из чата на сайте приходят в раздел «Диалоги».

По умолчанию «Диалоги» работают на всех сайтах на конструкторе от Т‑Банка — вам не нужно ничего настраивать, чтобы получать сообщения от покупателей

Посетители могут задать вопрос с любой страницы сайта. В «Диалогах» им присваивается псевдоним, который видите только вы. Так конструктор защищает конфиденциальность и безопасность посетителей. Когда покупатель пишет в чат, он не видит, какой у него псевдоним, и не сбивается с толку.

Если у вас несколько сайтов на конструкторе от Т‑Банка, в названии диалога будет отображаться, с какого из них покупатель отправил сообщение.

В нашем примере клиенту в чате присвоен псевдоним Мрачный Орел

Как настроить пуш‑уведомления о новых сообщениях в чате?

Есть два вида пуш‑уведомлений: в браузере и через телеграм‑бота. Они настраиваются по‑разному.

В браузере. Такие уведомления можно настроить на любом сайте.

Пуш-уведомления могут появляться как сверху, так и снизу, в зависимости от браузера, которым вы пользуетесь

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

Настроить уведомления в Гугл Хроме

Чтобы включить уведомления, делайте так:

  1. Перейдите в раздел «Настройки» → «Конфиденциальность и безопасность».
  2. Найдите в списке «Настройки сайтов» → «Разрешения» → «Уведомления».
  3. Прокрутите раздел вниз, найдите «Разрешить сайтам показывать уведомления» и добавьте туда ссылку на свой сайт.
Настроить уведомления в Яндекс Браузере

Чтобы включить уведомления, делайте так:

  1. Перейдите в раздел «Настройки» → «Сайты» → «Уведомления».
  2. Затем перейдите в раздел «От прочих сайтов» → «Добавить» и добавьте ссылку на сайт, от которого хотите получать уведомления. Нажмите «Разрешить».
Настроить уведомления в Сафари

Чтобы включить уведомления, делайте так:

  1. Перейдите в раздел «Настройки».
  2. В «Настройках» найдите «Веб‑сайты» → «Уведомления». Внизу поставьте галочку «Разрешить веб‑сайтам запрашивать разрешение на отправку уведомлений».

Через телеграм‑бота. Такие уведомления можно настроить только для сайтов, созданных в конструкторе от Т‑Банка. Подробнее о конструкторе сайтов от Т‑Банка

В этом случае бот будет присылать уведомления в Телеграме со ссылкой на диалог. Диалог будет открываться в браузере — и на компьютере, и в смартфоне.

Т‑Банк не просит покупателей указывать имя при обращении. Поэтому все вопросы будут приходить под вымышленными именами.

Так выглядят уведомления в Телеграме от покупателей — вместо имени в чате отображается вымышленное имя

Чтобы подключить уведомления через телеграм‑бота:

  1. Зайдите в личный кабинет Т‑Бизнеса → «Конструктор сайтов».
  2. В списке сайтов выберите нужный сайт → «Настройки» → «Уведомления». Там найдите «Интеграции» и нажмите «Добавить».
  3. В открывшемся окне выберите, куда присылать уведомления, — в нашем случае это Телеграм. Затем укажите любое название интеграции, например «Телеграм директора», и напишите имя аккаунта в Телеграме — туда бот будет присылать уведомления.
  4. Нажмите на тумблер «Получать уведомления». Все — теперь уведомления будут приходить вам в Телеграм в переписку с ботом.
  5. Подключить к уведомлениям в Телеграме можно сколько угодно человек. Чтобы добавить человека, нажмите на кнопку «Добавить»

Как добавить консультантов к онлайн‑чату?

Свяжитесь с персональным менеджером — он поможет.

Сейчас добавление консультантов доступно только клиентам с расчетным счетом в Т‑Банке. Мы сообщим, когда функция откроется для всех.

Как управлять списком консультантов?

Это можно сделать в настройках чата в личном кабинете «Конструктора сайтов».

  1. Зайдите в «Конструктор сайтов» в личном кабинете;
  2. Выберите пункт меню «Чат на сайте»;
  3. Нажмите на вкладку «Консультанты»;
  4. назначать им имена в чате или отключать доступ к чату;

Как настроить имена консультантов?

Имя консультанта редактируется в настройках чата.

  1. Зайдите в «Конструктор сайтов» в личном кабинете;
  2. Выберите пункт меню «Чат на сайте»;
  3. Нажмите на вкладку «Консультанты»;
  4. Отредактируйте имя консультанта в колонке «Имя в чате»;

Как установить аватар для консультанта?

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

Как отключить доступ сотрудника к чату?

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

  1. Зайдите в «Конструктор сайтов» в личном кабинете;
  2. Выберите пункт меню «Чат на сайте»;
  3. Нажмите на вкладку «Консультанты»;
  4. Снимите галочку, чтобы ограничить консультанту доступ к чату;

В колонке «Доступ» желтым чекбоксом отмечены сотрудники, которые могут получать сообщения и отвечать на них, а голубым — консультанты без доступа к чату.

На моем сайте не работает чат. Что делать?

Чтобы подключить чат к сайту:

  1. В конструкторе от Т‑Банка выберите нужный сайт → «Настройки сайта» → «Основные».
  2. Пролистайте страницу до конца и в разделе «Чат» передвиньте переключатель «Добавить чат на сайт» — он станет желтым. Изменения сохранятся автоматически.

Готово! Теперь покупатели могут задавать вам вопросы в чат с любой страницы сайта.

Если хотите добавить в чат сотрудника или настроить уведомления из чата в Телеграм, нажмите «К настройкам». Как настроить чат

*Владеющая соцсетью Instagram компания Meta признана экстремистской и запрещена на территории РФ.

Другие статьи по этой теме

  • Работать с заявками и заказами
  • Получать уведомления
  • Настроить доставку