- Онлайн-консультант Webim
- -
- База знаний
- -
- Для администраторов
- -
- Добавление кнопки Webim в E-mail
-
-
-
- 01. Обнаружение нового посетителя, ожидающего ответа
- 02. Выбор посетителя сайта из списка и начало диалога
- 03. Набор ответа посетителю, выбор шаблона
- 04. Запрос контактной информации у посетителя
- 05. Отправка файла посетителю
- 06. Кобраузинг
- 07. «Телепортация» пользователей
- 08. Переадресация диалога другому оператору
- 09. Отправка переписки на адрес электронной почты оператора
- 10. Назначение категории посетителю
- 11. Блокировка посетителя
- 12. Вставка гиперссылки в сообщение
- 13. Добавление заметок
- 14. Проверка орфографии
- Agent`s Handbook
- Как включить оповещения в Google Chrome
- Очереди в РМО
- Работа с офлайн-обращениями на РМО
-
- Алгоритмы назначения чатов
- Видимость диалогов
- Вход в систему
- Генератор лидов и автоприглашения
- График работы
- Добавление кнопки Webim в E-mail
- Закрытие диалогов
- Логотип компании в заголовке чата
- Мониторинг активности сотрудников
- Настройка языков
- Общие настройки организации
- Отделы
- Оценки
- Размещения и настройки кнопки на сайте
- Рассылки
- Регистрация операторов и назначение супервизоров
- Системные сообщения
- Список тайм-аутов
- Финансы
- Функции в каналах общения
- Шаблоны ответов
-
- Встраивание административного интерфейса через iframe
- Как узнать версию своего браузера
- Необходимые доступы на сервер
- Необходимые доступы с сервера
- Обработка файлов, загружаемых в чат
- Рекомендации по настройке мониторинга
- Сетевые конфигурации сервиса Webim
- Системные требования Webim для веб-приложения операторов
- Системные требования Webim для посетителя
- Схемы сетевого размещения серверных компонентов
-
-
-
- Webim Mobile SDK 3.0 для интеграции в мобильные приложения iOS
- Webim Mobile SDK 3.0 для интеграции в мобильные приложения Windows Phone 8.1
- Информация о выпусках (Release notes) – Webim Mobile SDK 3 для Android
- Информация о выпусках (Release notes) – Webim Mobile SDK 3 для iOS
- Справочник по Webim Mobile SDK – SDK для интеграции в мобильные приложения iOS (iPhone/iPad)
- Справочник по Webim Mobile SDK для интеграции в мобильные приложения Android
- Push-уведомления
- Webim Cordova Plugin
-
- Webim CRM postMessage Interface
- Webim Custom Channel API
- Как сделать ссылку кнопкой старта чата
- Маршрутизатор чатов
- Обработчики событий чата
- Процедура установки чата Webim на сайт в iframe
-
Добавление кнопки Webim в E-mail
В данной статье мы внедрим кнопку онлайн консультанта Webim в Ваше сообщение электронной почты формата HTML. В результате получатель письма сможет перейти к чату с Вашим консультантом.
Получение изображения кнопки Webim
Для получения изображения кнопки Webim необходимо отправить запрос следующего вида:
https://account_name.webim.ru/webim/button.php?button-name=baloon_blue.gif&force-status=on
Где account_name — название Вашего аккаунта Webim.
Если Ваш аккаунт размещён не на серверах Webim, запрос будет иметь вид:
https://chat.mycompany.com/webim/button.php?button-name=baloon_blue.gif&force-status=on
Описание параметров запроса /webim/button.php:
Название параметра | Описание |
---|---|
button-name | Имя изображения кнопки, которое загружается с сервера в момент открытия сообщения в почтовом клиенте. |
force-status | Отвечает за статус кнопки. Если значение параметра 'force-status=on' , то всегда будет отображаться кнопка статуса «онлайн». Если значение параметра 'force-status=off' , то всегда будет отображаться кнопка статуса «офлайн». Если параметр не указан, статус кнопки будет зависеть от наличия операторов «онлайн»:
|
Обратите внимание, что на статус кнопки не влияет параметр «Показывать офлайн-кнопку» в настройках кнопки. Офлайн-кнопка будет отображаться независимо от значения этого параметра.
Стандартные изображения кнопок Webim:
Имя изображения кнопки | Изображение онлайн-кнопки | Изображение офлайн-кнопки |
---|---|---|
baloon_mini_blue.gif |
![]() |
![]() |
baloon_mini_green.gif |
![]() |
![]() |
circle2_blue.gif |
![]() |
![]() |
circle2_green.gif |
![]() |
![]() |
circle_blue.gif |
![]() |
![]() |
circle_green.gif |
![]() |
![]() |
square_cyan.gif |
![]() |
![]() |
square_green.gif |
![]() |
![]() |
oval_blue.gif |
![]() |
![]() |
oval_green.gif |
![]() |
![]() |
oval_blue_l.gif |
![]() |
![]() |
oval_green_l.gif |
![]() |
![]() |
oval_blue_r.gif |
![]() |
![]() |
oval_green_r.gif |
![]() |
![]() |
baloon_blue.gif |
![]() |
![]() |
baloon_green.gif |
![]() |
![]() |
foval_cyan.gif |
![]() |
![]() |
foval_purple.gif |
![]() |
![]() |
Таким образом, Вы можете создать кнопку с использованием статического изображения, либо использовать динамическое изображение, зависящее от наличия операторов «онлайн».
Создание кнопки Webim для открытия чата из сообщения электронной почты
- В Ваше сообщение электронной почты формата HTML добавьте следующий код:
<a href="https://account_name.webim.ru/webim/client.php"> <img src="https://account_name.webim.ru/webim/button.php?button-name=baloon_blue.gif&force-status=on" /> </a>
Где account_name — название Вашего аккаунта Webim.
Пример готового сообщения:
<h1>Моё письмо формата HTML</h1><pre> У Вас остались вопросы? <a href="https://webim.webim.ru/webim/client.php"> <img src="https://webim.webim.ru/webim/button.php?button-name=baloon_blue.gif&force-status=on" /> </a>
- Отправьте Ваше сообщение электронной почты получателю, используя удобный вам способ.
Пример полученного пользователем сообщения:
Создание ссылки без использования изображения кнопки Webim
Вы также можете создать любую удобную Вам ссылку, которая будет перенаправлять пользователя в чат онлайн консультанта Webim. Для такой ссылки Вы можете использовать своё изображение. Либо Вы можете создать текстовую ссылку на Ваш чат.
- Для создания ссылки на чат добавьте в атрибут href Вашей ссылки следующий URL-адрес, перенаправляющий пользователя к Вашему чату:
https://account_name.webim.ru/webim/client.php
Где account_name — название Вашего аккаунта Webim.
Если Ваш аккаунт размещён не на серверах Webim, ссылка будет иметь вид:https://chat.mycompany.com/webim/client.php
Пример готового сообщения электронной почты формата HTML с использованием текстовой ссылки:
<h1>Моё письмо формата HTML</h1><pre> У Вас остались вопросы? <a href="https://webim.webim.ru/webim/client.php"> Напишите нам! </a>
- Отправьте Ваше сообщение электронной почты получателю, используя удобный вам способ.
Пример полученного пользователем сообщения:
Важно: при переходе по ссылке у пользователя будет открыт чат онлайн консультанта Webim на весь экран.
Пример чата, открытого после перехода по ссылке:

В результате получатель имеет возможность перейти к чату онлайн консультанта Webim прямо из письма!