Подключение виджета

Чтобы подключить виджет на сайт, откройте раздел «Каналы» - «Чат», нажмите «Добавить».

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

Карточка настройки виджета состоит из 11 блоков:

1. Блок «Виджет»

Общие настройки виджета:

  • Название канала - обязательное поле. Введите название канала, которое будет отображаться в общем списке каналов в разделе «Каналы» и использоваться в Юздеске (фильтры, карточка запроса, настройки и т.д);

  • Язык - язык системных сообщений и кнопок в виджете. Выберите тот, на котором говорят ваши клиенты;
  • Цвет - главный цвет виджета для шапки и кнопок;
  • Текст в шапке - обязательное поле. Укажите заголовок в шапке чата;
  • Текст подписи - текст внизу виджета, например для предупреждения о сборе персональных данных. Отображается в форме обратной связи и в чате при выключенной настройке в блоке «Чат» - «Не запрашивать почту»;
  • Разрешить вложения - поставьте галочку, чтобы разрешить клиентам отправлять в чат вложения.

Важно! ​Для внутренней безопасности, Юздеск переименовывает вложения от клиентов следующего формата:

.aru    .msc    .sfx    .tmp    .py    .pif    .application    .wmf    .msp    .com    .cmd    .dll    .apk    .bat    .bin    .cgi    .cmd    .com    .cpp    .js    .jse    .exe    .html    .hta    .htm    .vbs    .vb    .phtml    .gadget    .gtp    .hta    .jar    .scr    .cpl    .msi    .msu    .msp    .paf    .ps1    .pwz    .scr    .thm    .vb    .vbe    .vbs    .ws    .wsc    .wsh    .wsf    .php    .jse    .ps1    .ps1xml    .ps2    .psc1    .psc2    .lnk    .inf    .scf    .msh    .msh1    .msh2    .mshxml    .msh1xml    .msh2hml    .reg    .doc    .xls    .ppt    .docm    .dotm    .xlsm    .xltm    .pptm    .potm    .ppam    .ppsm    .sldm    .gzquar    .zix    .ocx    .ozd    .class    .swf    .drv    .chm    .pgm    .sjs    .xlm    .dev    .vba    .vbe    .pif    .tsa    .vxd    .hlp    .sop    .xnxx    .386    .tps    .boo    .vb    .pcx    .rhk    .bkd    .exe1    .dxz    .osa    .lik    .cih    .dyz    .9    .mfu    .z7p    .dlb    .kcd    .dyv    .mjz    .php3    .dom    .hlw    .wsc    .vbx    .fnr    .cla    .rsc_tmp    .wlpginstall    .dli    .xir    .mjf    .bhx    .mcq    .bup    .upa    .dllx    .xdu    .xlv    .cxq    .bxz    .ska    .wsh    .cfxxe    .txs    .qrn    .fag    .tti    .bll    .vexe    .xtbl    .uzy    .smtmp    .tko    .oar    .ceo    .scr    .smm    .plc    .cc    .ssy    .ctbl    .spam    .dbd    .blf    .ce0    .iws    .zvz    .vzr    .hsq    .rna    .aepl    .nls    .lkh    .let    .aut    .delf    .fuj    .ezt    .buk    .bmw    .hts    .atm    .iva    .dx    .bqf    .qit    .pr    .bps    .fjl    .capxml    .cyw    .pid    .lpaq5    .lok    .xnt    .0_full_0_tgod_signed

Например: .doc переименуется в .doc.dangerouse_format.txt;

  • Приоритет отображения (z-index) - индекс определяет приоритет отображения виджета среди слоев других элементов вашего сайта. Например, если индекс виджета ниже чем индекс основной картинки на сайте, то виджет отображаться не будет (картинка будет в приоритете);
  • Показывать кнопку отправки в базе знаний - галочка активирует кнопку обратной связи из виджета «Написать нам», если клиент читает одну из ваших статей;

  • Задержка для пропущенных - укажите количество секунд, через которые чат из виджета будет считаться пропущенным, если клиенту не ответит оператор. Важно, что система реагирует только на первый ответ агента в новых или переоткрытых чатах. Время считается от момента, когда клиент написал сообщение, до первого ответа оператора. Например: клиент написал сообщение, агент ответил в рамках времени заданного в настройке и до закрытия этого чата это обращение не может быть пропущенным. При незаполненном значении, система автоматически переведет количество секунд в 0 и не один чат из виджета не будет считаться пропущенным. Продолжить работу с пропущенными чатами агент может в разделе «Запросы» - фильтр «Пропущенные чаты» (или в чате выбрать фильтр «Пропущенные»);
  • Разрешено отвечать, если клиент оффлайн - поставьте галочку, чтобы агенты могли отвечать клиенту, даже если он уже ушел с сайта и не в сети. Включайте эту настройку если вы уверены, что клиент вернется в виджет в ближайшее время;
  • Разрешено завершать только свои чаты - поставьте галочку и агент сможет завершить только те чаты, которые назначены на него;
  • Показывать виджет - выберите отображение виджета на сайте: всегда, в рабочее время (используется рабочее время групп агентов), никогда.

2. Блок «Кнопка»

Настройка отображения кнопки виджета:

  • Количество волн - задайте полю любое значение больше единицы, чтобы ваш виджет привлекал к себе больше внимания - именно столько раз иконка будет мигать после загрузки страницы;
  • Время появления - количество секунд, через которое виджет появляется на странице сайта, где он установлен;
  • Положение - положение кнопки виджета на странице: справа, слева;
  • Цвет - фон кнопки виджета;
  • Иконка - загрузите иконку для виджета или используйте иконку по умолчанию - фирменное лого Юздеска.

3. Блок «Подсказка»

Настройка подсказок в виджете:

  • Показывать - выберите вариант, когда нужно отображать подсказку в виджете: всегда, никогда, при наведении;
  • Цвет фона - цвет фона подсказки;
  • Текст - текст подсказки для виджета. Введите подсказку на том языке, на котором общаются ваши клиенты;
  • Цвет текста - цвет текста подсказки;
  • Размер текста - размер текста подсказки.

Пример настроенной подсказки в виджете:


4. Блок «Форма обратной связи»

Настройка формы обратной связи:

  • Создавать запросы через канал - выберите канал через который будет поступать обратная связь от клиентов в раздел «Запросы»;
  • Показывать - выберите вариант, когда нужно отображать форму обратной связи в виджете:

- только в нерабочее время. Используется настройка рабочего времени групп агентов, в остальное время - чат с поддержкой;

- всегда только ФОС. Чат с поддержкой отображаться не будет;

- всегда ФОС+чат. При открытии виджета будет доступна ФОС, а после заполнения откроется чат с поддержкой;

- никогда. Всегда отображается чат с поддержкой.

  • Заголовок окна - укажите название формы. Если оставите поле пустым, то на стороне клиента отобразится стандартное «Обратная связь»;
  • Приветствие - добавьте текст приветствия, которое отправится клиенту от имени бота компании при заполнении формы обратной связи. По умолчанию бот отвечает от имени «UseDesk Bot», если в настройках бот не переименован. Также имя бота можно задать в настройке виджета в блоке «Чат» - «Заменить имя оператора на» и бот ответит от заданного в поле имени;
  • Темы обращений - обязательное поле. Укажите темы, из которых клиент сможет выбрать, обращаясь к вам. Тема станет заголовком входящего запроса;
  • Заголовок темы - напишите текст подсказки клиенту;
  • Обязательность темы - поставьте галочку, чтобы сделать выбор темы обязательным;
  • Дополнительные поля - поля в форме с любой дополнительной информацией. Например, «город», «номер заказа» и т.д. Отметьте чекбокс ниже, чтобы добавленные поля были обязательными для заполнения.


Пример настроенной формы обратной связи:

5. Блок «Чат»

Настройка чата с поддержкой:

  • Заменить имя оператора на - замените имена операторов и бота одним именем;
  • Не запрашивать почту - поставьте галочку, чтобы не запрашивать почту клиента перед началом чата. Помните, что в этом случае вы не сможете автоматически идентифицировать клиента в системе и посмотреть историю его обращений;
  • Приветствие - сообщение, которое клиент получит от вас сразу, как только начнет чат;
  • Реакция на приветствие - поставьте галочку, чтобы клиенту отправлялся текст из окошка ниже (пункт Текст реакции на приветствие), если он напишет «привет», «здравствуйте», «добрый день»;
  • Текст реакции на приветствие;
  • Цвет текста кнопки в сообщениях - настройте кнопки в виджете для автоматизации переписки и задайте в этом поле цвет текста кнопок;
  • Цвет фона кнопки в сообщениях.

Пример настроенного чата:

6. Блок «Настройка пунктов»

Настройка иконок, которые будут отображаться клиенту. Чтобы иконка появилась в виджете, поставьте галочку напротив нужного пункта в настройках и заполните поле:

  • Чат/ФОС;
  • База знаний - если у вас несколько баз знаний в аккаунте, выберите ту, которую нужно отображать в конкретно этом виджете;
  • Вконтакте - id страницы/группы;
  • Facebook- ссылка на диалог с вашей компанией в мессенджере Фейсбука;
  • Viber - ссылка на паблик или номер телефона;
  • Telegram - ссылка на бота или аккаунт (из-за блокировок в России обычная ссылка может не работать, поэтому можно использовать сервисы с альтернативными ссылками);
  • Одноклассники - ссылка на диалог с группой;
  • Instagram - ссылка на профиль;
  • WhatsApp - номер телефона без знака «+»;
  • Skype -ваш логин или ссылка на чат.

Пример настроенных пунктов:

Включение мессенджера в виджете не интегрирует его с Юздеском. Для подключения мессенджеров воспользуйтесь инструкциями.

Следующие блоки вам понадобятся только при интеграции мессенджеров, поэтому о них мы рассказываем в отдельных статьях по подключению.

7. Блок «Настройка мессенджеров»

8. Блок «Настройка Slack»

9. Блок «Настройка Telegram»

10. Блок «Настройка WhatsApp»

11. Блок «Настройка Яндекс»


Была ли статья полезна?

Да Нет