Виджеты #108

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

Для этого Вам необходимо:

  • настроить виджет;
  • проверить его отображение, использовав предпросмотр;
  • скопировать код и разместить на сайте.

Вы можете выбрать для подключения виджет:

 

 

Рассмотрим работу и подключение каждого виджета подробнее.

 

Для работы с виджетами в системе у Вашего пользователя должен быть доступ к разделу "Виджеты", для использования виджетов поддержки и контактов. Его можно выставить открыв раздел "Группы, права доступа", выбрав необходимую группу для редактирования после чего перейти в подраздел "Глобальные модули".

 

 

Также доступ необходимо выставить к модулю "Омниканальность" для виджета чата. Вам необходимо перейти из раздела "Группы, права доступа" в подраздел "Омниканальность" выбранной для редактирования группы пользователей, после чего поставить галочку напротив "Омниканальность" (подключение модуля) и "Настройки омниканальности" (подключение раздела в котором находятся настройки виджета чата).

 

 

Подробнее о настройке и размещении виджета чата на Вашем сайте Вы можете ознакомиться в статье о разделе "Омниканальность".

 

Виджет поддержки или клиентского портала создан в первую очередь для удобства клиента. Открывая его, клиенту доступны следующие разделы системы:

  • Публичная база знаний - статьи которые Вы добавите в базу знаний и отметите как публичные - будут доступны всем Вашим клиентам, в том числе и в виджете;
  • Поиск по Базе знаний;
  • Форма отправки заявки для неавторизированных пользователей;
  • Возможность авторизоваться в личном кабинете системы и получить доступ ко всем запросам (открытым и решенным);
  • Возможность просматривать и редактировать существующие и создавать новые заявки.

Отметим, что мы сохранили возможность авторизовывать пользователей, используя наши методы API.

Для размещения виджета, перейдите из "Управления" в раздел "Виджеты".

 

 

Для настройки доступны следующие методы:

  • Название кнопки (для каждого используемого системой языка);
  • Расположение кнопки виджета;
  • Цвет текста кнопки и самой кнопки;
  • Иконка;

Так же Вы можете ограничить доступ к определённым модулям виджета:

  • Отключить публичную базу знаний;
  • Отключить авторизацию пользователей в виджете

После настройки - сохраните внесенные изменения и далее скопируйте код виджета на свой сайт, рекомендуем разместить код внизу (footer) сайта.

 

 

Виджет контактов включает в себя возможность разместить для клиентов быстрый переход для связи с Вами через удобных для них канал. Вы можете подключить для отображения в виджете следующие каналы:

Вы можете настроить:

  • расположение и направление виджета на странице;
  • размер иконок;
  • цвет иконки и кнопки;
  • добавить кнопки.

При добавлении кнопок отображается подсказка с примером ссылки которую необходимо ввести, именно на введенную Вами ссылку будет осуществляться переход при нажатии на кнопку. Вы также можете добавить несколько кнопок одного и того же канала, например добавим для Skype две разные ссылки:

  • 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/

 

 

На практике обращение через виджет для клиента может выглядеть следующим образом:

 

 

2620