Simon .by
Основы

Где разместить виджет чата на сайте и как он должен выглядеть

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

Команда Simon 3 мин. чтения 1 просмотр
Содержание
  1. На каких страницах нужен чат
  2. В каком углу экрана
  3. Каким цветом
  4. Имя и аватар
  5. Приветствие
  6. На мобильных
  7. Чего избегать

Чат, который никто не замечает, не работает. Чат, который мешает читать сайт, раздражает. Хорошо размещённый виджет — где-то посередине: его легко найти, когда он нужен, и не видно, когда нет.

На каких страницах нужен чат

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

Но особенно чат важен там, где человек принимает решение:

  • карточки товаров и страницы услуг;
  • цены и тарифы;
  • корзина и оформление заказа;
  • доставка, оплата, гарантия;
  • контакты.

В каком углу экрана

Посетители привыкли искать чат в правом нижнем углу — туда его ставит большинство сайтов. Не стоит придумывать оригинальное место: знакомое расположение сразу понятно.

Проверьте, что кнопка чата ничего не перекрывает:

  • кнопку «Наверх» и другие плавающие элементы;
  • баннер о cookie;
  • кнопку «Купить» или «Оформить заказ» на мобильной версии.

Каким цветом

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

В Simon цвет выбирается в «Настройках чата» — из готовой палитры или любой свой. Там же видно, как будет выглядеть окно чата. Если цвет светлый (например, жёлтый), текст на нём автоматически становится тёмным, чтобы оставаться читаемым.

Имя и аватар

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

Приветствие

Первое сообщение в пустом чате подсказывает посетителю, что сюда можно писать и что ему ответят. Лучше, если оно конкретное: не «Чем могу помочь?», а «Здравствуйте! Подскажу по размерам и доставке». Примеры — в статье «Приветствие в чате на сайте: 12 примеров».

На мобильных

Больше половины посетителей многих сайтов приходят с телефонов, поэтому обязательно откройте сайт на смартфоне и проверьте:

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

Чего избегать

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

Читайте также

Все статьи →