- Сервис онлайн-консультирования Webim
- -
- База знаний
- -
- Для администраторов
- -
- Добавление кнопки Webim в E-mail
-
-
-
- API сервиса Webim
- Webim Mobile SDK и мобильное приложение Webim для посетителя
- Встраивание чата Webim на сайт
- Идентификаторы посетителя
- Интеграция со сторонними сервисами
- Интерфейс виджета чата
- Логика обработки чатов
- Настройка сервиса Webim
- Операторы и РМО
- Отделы в сервисе Webim
- Панель приборов: ответы на вопросы
- Эксплуатация сервиса Webim
- Основные понятия и термины
- Сброс пароля
- Система управления ролями и правами доступа
- Шаг 1. Установка виджета Webim на сайт
- Шаг 2. Начальная настройка сервиса
- Шаг 3. Регистрация оператора
- Шаг 4. Подключение каналов общения
-
-
-
- 01. Обнаружение нового посетителя, ожидающего ответа
- 02. Выбор посетителя сайта из списка и начало диалога
- 03. Набор ответа посетителю, выбор шаблона
- 04. Запрос контактной информации у посетителя
- 05. Отправка файла посетителю
- 06. «Телепортация» пользователей
- 07. Переадресация диалога другому оператору
- 08. Отправка переписки на адрес электронной почты оператора
- 09. Назначение категории посетителю
- 10. Блокировка посетителя
- 11. Вставка гиперссылки в сообщение
- 12. Добавление cкрытых сообщений
- 13. Проверка орфографии
- Agent`s Handbook
- Горячие клавиши в РМО
- Загрузка файлов в диалог
- Исходящие диалоги
- Как включить оповещения в Google Chrome
- Очереди в РМО
- Работа с офлайн-обращениями в РМО
-
- Автоприглашения
- Активность сотрудников
- Алгоритмы назначения чатов
- Видимость диалогов
- Возможности и ограничения Webim в каналах общения
- Вход в систему
- Геолокация посетителей
- График работы
- Добавление кнопки Webim в E-mail
- Закрытие диалогов
- Логотип компании в заголовке чата
- Маршрутизация чатов между операторами и ботами
- Настройка языков
- Общие настройки организации
- Ограничения по длине сообщений и полей
- Отделы
- Оценки
- Переназначение специализированных клавиш управления в РМО
- Приоритетные страницы
- Рассылки
- Регистрация операторов и назначение супервизоров
- Системные сообщения
- Список тайм-аутов
- Финансы
- Шаблоны ответов
-
-
- Встраивание административного интерфейса через iframe
- Горизонтальное масштабирование (кластеризация)
- Интеграция с почтовыми серверами
- Обработка файлов, загружаемых в чат
- Описание сервисных периодов Webim
- Параметры настроек сервера
- Редактор настроек аккаунта (account config)
- Редактор ресурсов
- Сетевые конфигурации сервиса Webim
-
-
-
- Webim Mobile SDK 3.0 для интеграции в мобильные приложения iOS
- Информация о выпусках (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 на сайт в iframe
-
-
-
- Настройка интеграции с Facebook (для версий до 10.0 включительно)
- Настройка интеграции с Facebook с помощью приложения Webim
- Настройка интеграции с Instagram с помощью приложения Webim
- Настройка приложения для интеграции с Facebook (для версий до 10.0 включительно)
- Создание бизнес-аккаунта в Instagram
- Создание страницы организации в Facebook
- Skype
- Telegram
- Viber
- ВКонтакте
- Одноклассники
-
-
Добавление кнопки 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 прямо из письма!