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

Виджеты бывают разных видов:

По умолчанию доступны две цветовые схемы: красная и синяя, но вы можете настроить свою цветовую схему. Чтобы это сделать, необходимо:

Если вам потребуется отредактировать цветовую схему, нужно нажать на кнопку Изменить тему, внести правки и сохранить изменения. Обратите внимание, что стандартные темы отредактировать нельзя.

Для удаления цветовой схемы необходимо также нажать на кнопку Изменить тему и выбрать Удалить, тема автоматически удалится. Обратите внимание, что стандартные схемы удалить нельзя.

После того, как вы настроили бота, сделали нужные ветки (если они требуются), настроили цветовые схемы, выбрали размер виджета и прочие данные, вы можете установить виджет на ваш рабочий или тестовый сайт (если у вас есть тестовый сайт, для начала рекомендуется установить виджет туда и протестировать его там).

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

После этого у вас отобразится код и небольшая инструкция, как и куда его установить. Вам нужно будет его скопировать и установить на сайт.

Пример сгенерированного кода выглядит так:

Данный код нужно добавить перед закрытием тега </body>

<!-- Flomni widget -->
<script>
  window.flomniConfig = {
    clientKey: '1111111111111111111111',
  }
</script>
<script src="https://i.dev.flomni.com/chat.corner.js"></script>
<!-- Flomni widget -->

Эту часть кода нужно добавить в ту часть страницы, где планируете установить виджет:

<div id=“flomni”></div>

Для тестирования виджета вы также можете поделиться ссылкой на виджет для ваших коллег. Для этого в разделе Установка нужно нажать на кнопку Создать ссылку. У вас откроется небольшое окно, в котором вам нужно будет нажать на кнопку Скопировать URL и полученный URL направить для тестирования коллегам или открыть в другой вкладке браузера.