Виджеты дают возможность легко интегрировать Вашу систему на внешний ресурс (например, сайт компании).
Для этого Вам необходимо:
- настроить виджет;
- проверить его отображение, использовав предпросмотр;
- скопировать код и разместить на сайте.
Вы можете выбрать для подключения виджет:
Вы можете установить собственную иконку для виджета чата, подробнее с инструкцией и примером кода можно ознакомиться в статье.
Рассмотрим работу и подключение каждого виджета подробнее.
Для работы с виджетами в системе у Вашего пользователя должен быть доступ к разделу "Виджеты", для использования виджетов поддержки и контактов. Его можно выставить открыв раздел "Группы, права доступа", выбрав необходимую группу для редактирования после чего перейти в подраздел "Управление".
Также доступ необходимо выставить к модулю "Омниканальность" для виджета чата. Вам необходимо перейти из меню "Группы, права доступа" в подраздел "Омни", после чего поставить галочку напротив "Омни" и "Настройки омниканальности":
Подробнее о настройке и размещении виджета чата на Вашем сайте Вы можете ознакомиться в статье о разделе "Омниканальность".
Виджет поддержки или клиентского портала создан в первую очередь для удобства клиента. Открывая его, клиенту доступны следующие разделы системы:
- Публичная база знаний - статьи которые Вы добавите в базу знаний и отметите как публичные - будут доступны всем Вашим клиентам, в том числе и в виджете;
- Поиск по Базе знаний;
- Форма отправки заявки для неавторизированных пользователей;
- Возможность авторизоваться в личном кабинете системы и получить доступ ко всем запросам (открытым и решенным);
- Возможность просматривать и редактировать существующие и создавать новые заявки.
Отметим, что мы сохранили возможность авторизации пользователей, используя наши методы API.
Для размещения виджета, перейдите из "Управления" в раздел "Виджеты".
Для настройки доступны следующие методы:
- Название кнопки (для каждого используемого системой языка);
- Расположение кнопки виджета;
- Цвет текста кнопки и самой кнопки;
- Иконка;
Также Вы можете ограничить доступ к определённым модулям виджета:
- Отключить публичную базу знаний;
- Отключить авторизацию пользователей в виджете
После настройки сохраните внесенные изменения и скопируйте код виджета на свой сайт, рекомендуем разместить код в футере сайта.
Виджет контактов включает в себя возможность разместить для клиентов быстрый переход для связи с Вами через удобных для них канал. Вы можете подключить для отображения в виджете следующие каналы:
- 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/
На практике обращение через виджет для клиента будет выглядеть следующим образом:
Подробнее о возможностях виджетов также рассказывается в этом ролике: