> 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  через внешний чат.

![](/files/-MWjBME5lyJtyA-qABcG)

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

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

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

![](/files/-MWiziuQr5quJXtKIRFM)

## Основное

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

![](/files/-MWj-X0Qjhf23SX-qk2x)

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

![](/files/-MWj14wxSs7J4dzigVem)

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

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

![](/files/-MWj21wwtbGAILkMOBAg)

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

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

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

![](/files/-MWj4Zx5vgUQ7rjEHHlO)

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

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

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

![](/files/-MWj5OLsi6ho62ODBDpw)

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

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

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

![](/files/-MWj6Nyeo5IP33ux2QeP)

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