> For the complete documentation index, see [llms.txt](https://help.myfreshcloud.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.myfreshcloud.com/attachment/chat/chat-widget.md).

# Виджет для сайта

Создаем виджет вашего сайта

Все сообщения с вашего сайта или соц. сетей вы сможете принимать прямо внутри FreshOffice  через внешний чат.

![](https://3485554988-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MSN3oAZUyyVkTgcYxfX%2F-MWjA-L7naU1BHE3HTI1%2F-MWjBME5lyJtyA-qABcG%2F%D1%87%D0%B0%D1%82%20%D0%B2%D0%BD%D0%B5%D1%88%D0%BD%D0%B8%D0%B8%CC%86%20%D0%B2%D0%BD%D1%83%D1%82%D1%80%D0%B8.png?alt=media\&token=20a6fcb3-c9c3-4b9c-9b20-bd6d4d575a91)

## **Инструкция**

Как установить виджет чата на сайт для коммуникаций с посетителями сайта

**Переходим в Настройки - Внешний чат - Виджет на сайт** 

![](https://3485554988-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MSN3oAZUyyVkTgcYxfX%2F-MWizgAvqIlzLZEzIF1b%2F-MWiziuQr5quJXtKIRFM%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202021-03-26%20%D0%B2%2017.42.06.png?alt=media\&token=423f384c-361d-43f6-9d03-89ad86b20766)

## Основное

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

![](https://3485554988-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MSN3oAZUyyVkTgcYxfX%2F-MWizqIBNPazLCwO_SyQ%2F-MWj-X0Qjhf23SX-qk2x%2F%D0%94%D0%BE%D0%B1%D0%B0%D0%B2%D0%B8%D1%82%D1%8C%20%D0%B2%D0%B8%D0%B4%D0%B6%D0%B5%D1%82%20%D1%87%D0%B0%D1%82%D0%B0.png?alt=media\&token=4ce2f6ff-0cff-4eaa-9cc1-2e4d5e4c50ac)

Кликнув на форму чата - раскроется внешний вид виджета на вашем сайте. Здесь вы можете Записать приветствие, короткий тест и первая фраза которая встретит вашего клиента 

![](https://3485554988-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MSN3oAZUyyVkTgcYxfX%2F-MWj1-YqijUBh5fTFHre%2F-MWj14wxSs7J4dzigVem%2F%D1%87%D0%B0%D1%82%20%D0%BF%D1%80%D0%B8%D0%B2%D0%B5%D1%82.png?alt=media\&token=e1bc0110-1815-45ec-baea-09baf6b5e6dd)

на втором шаге вы можете скопировать код и вставить на ваш сайт.

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

![](https://3485554988-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MSN3oAZUyyVkTgcYxfX%2F-MWj1-YqijUBh5fTFHre%2F-MWj21wwtbGAILkMOBAg%2F%D0%BA%D0%BE%D0%B4%20%D1%87%D0%B0%D1%82%20%D0%BD%D0%B0%20%D1%81%D0%B0%D0%B8%CC%86%D1%82.png?alt=media\&token=1c216a95-cbb2-462e-9f4a-d51004e2b1e7)

{% hint style="success" %}
Обязательно сохраните настройки
{% endhint %}

## Лидогенерация

1\. При получении нового запроса в чат CRM система может предложить вам создать новую компанию, в случае, если клиент не был найден в базе.\
Для этого включаем тумблер "Предложить создать новую компанию с типом".\
\
2\. В следующем поле выбираем, какой контрагенту будет присвоен источник, например ChatFreshOffice.\
\
2\. Выбираем тип задачи, которая будет создана автоматически при завершении чата. Также указываем Цель задачи, Результат заполнится автоматически историей переписки.\
\
3.Чтобы по завершении чата, клиент получил на почту историю переписки, включаем тумблер "Отправить e-mail с историей сообщения".\
**Сохраняем** настройки.

![](https://3485554988-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MSN3oAZUyyVkTgcYxfX%2F-MWj2Y-MqH-9ozpe-g0p%2F-MWj4Zx5vgUQ7rjEHHlO%2F%D0%A7%D0%B0%D1%82%20%D0%BB%D0%B8%D0%B4%D0%BE%D0%B3%D0%B5%D0%BD%D0%B5%D1%80%D0%B0%D1%86%D0%B8%D1%8F.png?alt=media\&token=560a69fc-b088-43bf-ad2e-5e1a01362f96)

{% hint style="success" %}
Обязательно сохраните настройки 
{% endhint %}

## Рабочее время

\
В настройках рабочего времени указываем период времени для каждого дня недели, когда вы и ваши коллеги доступны для общения. Для выходных дней переключите тумблер в неактивное положение.\
**Сохраняем** настройки.

![](https://3485554988-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MSN3oAZUyyVkTgcYxfX%2F-MWj5B8g-COf2H8aUnBB%2F-MWj5OLsi6ho62ODBDpw%2F%D0%A7%D0%B0%D1%82%20%D1%80%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5%20%D0%B2%D1%80%D0%B5%D0%BC%D1%8F.png?alt=media\&token=c78e4546-2d50-4f05-8ec2-88382d8713cf)

{% hint style="success" %}
Обязательно сохраните настройки
{% endhint %}

## **Автоответчик**

В разделе Автоответчик, на первом шаге редактируем сообщение, которое увидит клиент, обратившийся в чат в нерабочее время.\
\
На следующем шаге формируем шаблон письма, которое получит клиент, если отправит запрос в оффлайн чат.\
\
Включаем тумблер Назначить задачу с типом для автоматического назначения задачи, выбираем ее тип и ответственного.

![](https://3485554988-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MSN3oAZUyyVkTgcYxfX%2F-MWj5i-H_Jyul5vJfsJj%2F-MWj6Nyeo5IP33ux2QeP%2F%D1%87%D0%B0%D1%82%20%D0%B0%D0%B2%D1%82%D0%BE%D0%BE%D1%82%D0%B2%D0%B5%D1%82%D1%87%D0%B8%D0%BA.png?alt=media\&token=0f72a32e-8c62-42d1-a9ca-64fb9aa6fda9)

{% hint style="success" %}
Обязательно сохраните настройки
{% endhint %}