Виджеты дают возможность легко интегрировать Вашу систему на внешний ресурс (например, сайт компании).
Для этого Вам необходимо:
- настроить виджет;
- проверить его отображение, использовав предпросмотр;
- скопировать код и разместить на сайте.
Для подключения доступны следующие виджеты:
- чата:
Вы можете установить собственную иконку для виджета чата, подробнее с инструкцией и примером кода можно ознакомиться в статье.
Рассмотрим работу и подключение каждого виджета подробнее.
Для работы с виджетами в системе у Вашего пользователя должен быть доступ к разделу "Виджеты", для использования виджетов поддержки и контактов. Его можно выставить открыв раздел "Группы, права доступа", выбрав необходимую группу для редактирования после чего перейти в подраздел "Управление":
Также доступ необходимо выставить к модулю "Омниканальность" для виджета чата. Вам необходимо перейти из меню "Группы, права доступа" в подраздел "Омни", после чего поставить галочку напротив "Омни" и "Настройки омниканальности":
Подробнее о настройке и размещении виджета чата на сайте Вы можете ознакомиться в соответствующей статье.
Виджет контактов включает в себя возможность разместить для клиентов быстрый переход для связи с Вами через удобных для них канал. Вы можете подключить для отображения в виджете следующие каналы:
- VKontakte;
- Facebook;
- Viber;
- Whatsapp;
- Telegram;
- Odnoklassniki;
- Skype;
- Instagram;
- встроенный виджет чата.
Вы можете настроить:
- расположение и направление виджета на странице;
- размер иконок;
- цвет иконки и кнопки;
- добавить кнопки.
При добавлении кнопок отображается подсказка с примером ссылки которую необходимо ввести, именно на введенную Вами ссылку будет осуществляться переход при нажатии на кнопку. Вы также можете добавить несколько кнопок одного и того же канала:
- skype:skype_user?chat;
- skype:skype_user?call;
, где skype_user - Имя профайла в Вашем скайпе;
chat - открывает окно переписки через скайп для клиента;
call - начинает звонок указанному в ссылке контакту.
Приведем ссылки для подключения других каналов в виджете:
- https://vk.com/im?sel=-groupId
, где groupId - ID Вашей группы, его можно посмотреть в системе, при условии что канал подключен либо в самой группе.
- viber://pa?chatURI=Name&text=Hi
Для того, чтобы клиент смог Вас найти Вам достаточно заменить Name на имя/URI Вашего бота, &text=Hi - добавляет сообщение "Hi" после перехода по ссылке в приложение, данную часть можно изменить или не добавлять.
- https://www.facebook.com/group
,где group - название Вашей группы в Facebook. При подключении канала в системе, можно посмотреть в настройках канала и использовать ID группы, либо в разделе Информация на странице в Facebook, а именно - Имя пользователя Facebook (та часть, что прописана после @).
- https://api.whatsapp.com/send?phone=whatsappphonenumber&text=&source=&data=
- https://telegram.me/username
где, username - имя Вашего бота.
- https://ok.ru/group/123456789
Вам необходимо заменить 123456789 на ID Вашей группы или же ввести установленный адрес cсылки (URL).
- https://www.instagram.com/username/
На практике обращение через виджет для клиента будет выглядеть следующим образом:
В: Можно ли редактировать виджет контактов?
О: Редактирование доступно при помощи атрибутов data. Для этого необходимо в код виджета, в тег script, нужно добавить поля:
data-host – домен
data-assets-host
data-lang – язык виджета (en, ru)
data-user-name – имя пользователя
data-user-email – почта пользователя
data-width – ширина виджета
data-height – высота виджета
Подробнее о возможностях виджетов также рассказывается в этом ролике: