Бесплатная пробная версия

Кнопка чата

Что такое кнопка чата?

Онлайн чат является идеальным инструментом предоставления качественной клиентской поддержки. С помощью кнопки чата, клиенты могут запросить моментальное общение со специалистом клиентской поддержки в чате. Кнопку можно разместить в любом месте сайта. Ее легко настроить. LiveAgent предлагает Вам множество различных стилей оформления кнопки чата. Кроме того, Вы можете самостоятельно донастраивать существующие кнопки или создавать свои собственные.

Какова польза?

  • Удержание клиентов
  • Удовлетворение клиентов
  • Экономия времени клиентов и специалистов клиентской поддержки
  • Экономия денег
  • Повышение продаж
  • Ускорение решения проблем
  • Способ превзойти конкурентов

Как может LiveAgent повлиять на Вашу скорость?

Кнопка чата, которая должна бы улучшать функционал Вашего сайта, но, которая при этом тормозит его, – ужасная штука. Кнопка чата LiveAgent никак не воздействует на скорость работы Вашего сайта. Поэтому для Вас наша кнопка чата будет только плюсом.

Если Вы хотите узнать об этом подробнее, можете взглянуть на эту отличную статью / исследование: Как различные виджеты чата влияют на производительность сайтов

Какие типы кнопок чата есть в LiveAgent?

  1. Настраиваемые кнопки таких типов как Круг, Сбоку, В углу, В строке
  2. Кнопка с нестандартным изображением
  3. Кнопка с нестандартным HTML-кодом
Настраиваемые кнопки чата в LiveAgent
Настраиваемые кнопки
Настраиваемые кнопки чата в LiveAgent
592 кнопки с картинками/HTML

Как создать кнопку чата в LiveAgent?

  1. Войдите в учетную запись LiveAgent

  2. Нажмите на кнопку Конфигурация

  3. Выберите ЧатКнопки чата

  4. Нажмите на кнопку с изображением оранжевого плюсика
Пошаговая инструкция по созданию кнопки чата в LiveAgent

Если Вам необходима индивидуальная кнопка чата, нажмите Нестандартная и загрузите Ваши HTML код/изображение.

Как настроить Вашу кнопку онлайн чата?

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

Редактирование кнопок чата в LiveAgent

Давайте взглянем на доступные возможности настройки:

Кнопка в сети:

В этом разделе Вы сможете настроить предпочитаемый стиль кнопки.

Здесь Вы сможете задать следующие параметры:

  • Положение
  • Цвета
  • Анимация
  • Hover-эффект
  • возможность его настройки для мобильных устройств
  • Z-index: эта опция позволит Вам установить кнопку в желаемом месте сайта. Например: если Вы хотите поместить кнопку перед нижним колонтитулом, то настроить это можно в этом параметре.

Окно чата:

После настройки кнопки чата, Вы можете настроить также и стиль окон чата.

Вот что Вы сможете поменять:

  • Цвета
  • Заголовок
  • Приветствие / скрыть приветствие
  • Стиль
  • Размер окна чата
  • Скрыть кнопку начала нового чата
  • Включить возможность оставления офлайн-сообщений
  • Z-index
  • Положение
  • Нестандартный CSS

Если Вы хотите получить дополнительную информацию по этому вопросу, переходите на страницу Привязка окна чата.

Кнопка не в сети

Эта кнопка будет отображаться, если для общения с клиентом нет доступных менеджеров.

Эту кнопку Вы также сможете полностью настроить под потребности своей компании.

Что можно настроить:

  • Анимация
  • Положение
  • Z-index
  • Отображение на мобильных устройствах
  • Цвета
Редактирование кнопки чата не в сети в LiveAgent

Контактная форма:

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

Как добавить кнопку онлайн чата на Ваш сайт из LiveAgent?

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

Как добавить кнопку онлайн чата в LiveAgent?
*пример кода*

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