---
title: Как создать онлайн-чат в HubSpot
description: Подробная настройка Chatflows (онлайн-чат и бот)
---
[Перейти к содержимому](https://help.resonatehq.com/ru/how-to-create-chatflows#main-content)
[Больше поддержки](https://help.resonatehq.com/ru/kb-tickets/new)
- [Tickets](https://help.resonatehq.com/tickets-view)
- [Sign out](https://help.resonatehq.com/_hcms/mem/logout)
Открыть основную навигацию
Закрыть основную навигацию
- [Tickets](https://help.resonatehq.com/tickets-view)
- [Sign out](https://help.resonatehq.com/_hcms/mem/logout)
- [Больше поддержки](https://help.resonatehq.com/ru/kb-tickets/new)
- [Связаться с нами](https://pages.resonatehq.com/get-started)
[Связаться с нами](https://pages.resonatehq.com/get-started)
Как мы можем вам помочь?
- Результаты отсутствуют, так как поле поиска является пустым.
1. [База знаний Hubspot](https://help.resonatehq.com/ru)
2. [Автоматизация](https://help.resonatehq.com/ru/%D0%B0%D0%B2%D1%82%D0%BE%D0%BC%D0%B0%D1%82%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F)
# Как создать онлайн-чат в HubSpot
## Подробная настройка Chatflows (онлайн-чат и бот)
Вы можете создавать чаты и добавлять их на сайты. Тогда посетители получат возможность пообщаться с вами напрямую. Онлайн-чаты в HubSpot выглядят как специальный виджет на странице. Существует две разновидности чатов в HubSpot:
- **Чат** – это специальное окно, в котором посетители общаются с «живыми» сотрудниками вашей команды, а не с настроенным ботом.
- **Бот** – это автоматизированный чат-бот, рассылающий шаблонные ответы.
Вы можете создать онлайн-чат и для аккаунта в Facebook Messenger. Почитать подробнее [здесь](https://knowledge.hubspot.com/articles/kcs_article/conversations/create-a-facebook-messenger-chatflow).
***Примечание:** создавать и изменять онлайн-чаты могут только пользователи с уровнем доступа* Account*.*
### Создание онлайн-чата
- Откройте HubSpot-аккаунт и перейдите в **Conversations** \> **Chatflows**.
- Справа вверху нажмите **Create** **chatflow**.
- Выберите **Website**.
- На левой боковой панели нажмите **Live** **chat**. Если вы хотите подключить поиск по базе знаний в самом виджете чата, то активируйте опцию **Knowledge base search & live chat **(только для ***Service Hub**** Professional *и *Enterprise*).
***Примечание**: Поиск по базе знаний в виджете чата работает только, если опубликовано не менее 3 справочных статей.*
- Для изменения языка чата (по умолчанию – английский) нажмите на **иконку с карандашом** вверху справа и выберите нужный язык в выпадающем списке.
- Кликните **Next**.
- Если у вас подключено более одного ящика, то выберите нужный ящик для получений сообщений из чата.
### 1. Build – Создание приветственного сообщения
Следующий шаг – это настройка чата во вкладке *Build*. Здесь вы сможете изменить поведение чата и добавить приветственное сообщение.
***Примечание:**если вы хотите встроить виджет чата в одностраничное приложение или настроить онлайн-чат через API, то ознакомьтесь с [документацией по API чатов](https://developers.hubspot.com/docs/methods/conversations_api/hubspot-conversations-javascript-api).*
- Раздел *Write* *a* *welcome* *message* позволяет менять приветственное сообщение, которое посетитель видит, впервые попав на ваш сайт.
- Чтобы распределять входящие сообщения по определенным членам команды, включите опцию **Automatically** **assign** **conversations**. Далее в выпадающем списке отметьте нужных пользователей/команду.
- Если вы хотите задать определенный момент, когда система будет запрашивать у посетителя адрес электронной почты, то нажмите **Ask** **visitors** **for** **their** **email** **address**.
- Затем в разделе *Email* *capture* *message *укажите текст, который виджет чата покажет посетителю при запросе адреса электронной почты.
- Просмотрите, как будет выглядеть ваш чат, через **Preview**.
- Затем сохраните изменения кнопкой **Save **(внизу), а далее в боковом меню перейдите во вкладку **Target**.
### 2. Target – где показывать чат
Во вкладке *Target *вы можете настроить, где именно показывать виджет чата: при открытии определенных страниц сайта, либо в зависимости от известной информации о посетителе. Кроме того, здесь вы можете комбинировать различные параметры таргетинга для создания персонализированного опыта:
- Настроить показ виджета чата при открытии определенных страниц сайта можно в разделе *Website* *URL*:
- Чтобы пользователь видел чат при открытии одной из преднастроенных страниц, необходимо настроить параметры запроса:
- Если вам нужно добавить еще одно правило, то воспользуйтесь опцией **Add** **rule**.
- Чтобы убрать виджет чата с каких-то страниц сайта (например, со страницы Политики конфиденциальности), нажмите **Add** **exclusion** **rule**.
Также вы можете настроить таргетинг для показа виджета определенной категории контактов. Раздел *Visitor* *information* *and* *behavior* позволяет задавать критерии показа в зависимости от того, что уже известно о посетителе*.*
- Кликните по первому **выпадающему списку** и выберите **фильтр.** Вы можете задавать отдельные фильтры показа для известных вам контактов и неизвестных посетителей.
- Во втором **выпадающем списке** укажите **критерии**.
- Для добавления еще одного правила нажмите **Add** **rule**.
- Чтобы отключить показ всплывающего окна чата на каких-либо страницах (например, Политика конфиденциальности), воспользуйтесь **Add** **exclusion** **rule**.
- Для создания группы фильтров с дополнительными параметрами таргетинга нажмите **Add** **filter** **group**.
- Затем сохраните изменения кнопкой **Save** (внизу) и в боковом меню перейдите во вкладку **Display**.
### 3. Display – настройка внешнего вида чата
Во вкладке *Display* вы можете настраивать параметры отображения чата, включая заголовок чата, поведение виджета и его триггеры.
- Кликните по выпадающему списку **Chat** **heading,** а затем подберите название и аватар для чата.
- Настроить поведение виджета на экране компьютеров или мобильных устройств вы можете в разделе *Chat* *display* *behavior*.
- **Pop** **open** **the** **welcome** **message** **as** **a** **prompt** – показать приветственное сообщение над виджетом чата.
- **Only** **show** **the** **chat** **launcher** – показать только иконку запуска чата; пользователь должен кликнуть по иконе, чтобы увидеть окно чата.
- **Open** **the** **chat** **widget **– всегда открывать виджет чата; пользователи могут сразу же начинать общаться с вами.
- **Pop** **open** **the** **welcome** **message** **as** **a** **prompt** – показать приветственное сообщение над виджетом чата.
- **Only** **show** **the** **chat** **launcher **– показать только иконку запуска чата; пользователь должен кликнуть по иконе, чтобы увидеть окно чата.
***Примечание:**чтобы отключить чат на мобильных устройствах, добавьте правило исключения в настройках таргетинга онлайн-чата.*
- Кроме того, вы можете определять, в какое время подгружать виджет чата на сайт. Отметьте **галочкой** нужный триггер показа.
- Сохраните изменения кнопкой **Save **и в боковом меню перейдите во вкладку **Options**.
***Примечание:** после завершения настроек чата он начнет автоматически загружаться на страницы сайта. Добавьте в конце URL страницы **#hs-chat-open** – так вы сможете привязать эти URL к емейлам, лэндингам и прочим маркетинговым кампаниями, которые будут направлять посетителей в виджет чата для дальнейшей коммуникации.*
### 4. Options
Во вкладке *Options* настраивается язык чата. Кроме того, если в вашем аккаунте [активирован General Data Protection Regulation (GDPR)](https://knowledge.hubspot.com/articles/kcs_article/account/how-do-i-turn-on-gdpr-functionality-in-my-hubspot-account), то вы сможете добавить еще один шаг – галочку, которой посетитель будет отмечать свое согласие на коммуникацию.
- Кликните по **Select** **a** **language**, выберите настройки языка для виджета чата и нажмите **Save**.
- Чтобы включить в виджете cookies с текстом согласия, активируйте переключатель **Consent** **to** **collect** **chat** **cookies**. В данном случае вы не можете настраивать текст согласия, который появляется в баннере.
- Для сбора согласия на обработку персональных данных активируйте переключатель **Consent** **to** **process** **data**.
- **Require** **explicit** **consent** – прежде чем отправить свое сообщение, пользователь должен нажать **I** **agree**.
- **Legitimate** **interest** **–** пользователь выражает согласие на дальнейшую коммуникацию в момент начала чата с вами. Текст для согласия на обработку данных так и останется на странице, однако пользователю больше не нужно будет нажимать **I** **agree**.
- Если вы хотите автоматически добавлять участников чата в определенный тип подписки, активируйте переключатель **Consent** **to** **communicate**.
- Нажмите **Save**.
***Примечание:** несмотря на наличие автоматизированных функций в HubSpot, при разработке процедуры сбора согласий от посетителей рекомендована консультация с корпоративными юристами.*
После завершения настройки онлайн-чата, воспользуйтесь **переключателем** вверху экрана, чтобы добавить виджет на страницы сайта.
### Как создать бота
Для создания чата со встроенным ботом необходимо выбрать один из трех шаблонов, а затем настроить цепочку действий и триггеры для направления беседы.
- Откройте свой HubSpot-аккаунт, перейдите в **Conversations** \> **Chatflows**.
- Справа вверху нажмите **Create** **chatflow**.
- Выберите **Website**.
- В боковом меню укажите шаблон бота: **Qualify leads bot**, **Book meetings bot** или **Support bot**.
***Примечание:** Ботов техподдержки могут создавать только пользователи* **Service Hub** *с доступом* **Admin***.*
- Нажмите на **иконку с карандашом** вверху справа и выберите **язык** бота из выпадающего списка.
- Нажмите **Next**.
- Если у вас подключено несколько почтовых ящиков, то выберите нужный ящик в выпадающем списке диалогового окна.
### 1. Build – создание приветственного сообщения бота
Во вкладке *Build *вы можете настраивать шаблон бота и создавать приветственное сообщение, которое увидят ваши посетители.
- Для изменения текста в приветственном сообщении откройте шаблон бота и нажмите на **Welcome** **message.**
- Укажите **текст приветствия** в поле *Welcome message *справа и нажмите **Save**.
- Для изменения текста или поведения бота воспользуйтесь разделом **action** в шаблоне бота. На панели справа:
***Примечание:** Пользователи с бесплатным доступом и лицензией* Starter *не могут добавлять настраиваемые условия.*
- Нажмите на **иконку с плюсом,** чтобы добавить новый вопрос или действие.
- Если вы хотите подключить ранее отключенные действия, то нажмите кнопку **Alerts **(слева вверху). Для поиска всех отключенных действий можно воспользоваться строкой **Go** **to** **action **(справа вверху).
- Как только вы завершите настройку действий ботов, то увидите общий сценарий бота с описанием каждого действия. Вы можете просмотреть условную логику и внести изменения в ветки if/then, изменить настройки определенного действия или поискать конкретное действие с помощью поисковой строки **Go** **to** **action**.
- Для предварительного просмотра бота «в действии» нажмите **Preview**.
- Затем нажмите **Save** (вверху) и в боковом меню перейдите во вкладку **Target**.
### 2. Target – где показывать бота
Во вкладке *Target *вы можете настроить, где именно показывать бота: при открытии определенных страниц сайта, либо в зависимости от известной информации о посетителе. Кроме того, здесь вы можете комбинировать различные параметры таргетинга для создания персонализированного опыта:
- Настроить показ бота при открытии определенных страниц сайта можно в разделе *Website* *URL*:
1. В первом **выпадающем меню** выберите **Website** **URL**.
2. Далее задайте [**условия таргетинга**](https://knowledge.hubspot.com/forms/use-targeting-rules-in-pop-up-forms-and-chatflows#website-urls).
3. В текстовом поле укажите все нужные критерии.
- Чтобы пользователь видел бота при открытии одной из преднастроенных страниц, необходимо настроить параметры запроса:
1. Кликните по первому **выпадающему списку** и выберите **Query** **parameter.**
2. В первом текстовом поле укажите **название параметра запроса**.
3. Во втором текстовом поле введите **значение параметра запроса**.
- Если вам нужно добавить еще одно правило, то воспользуйтесь опцией **Add** **rule**.
- Чтобы убрать бота с каких-то страниц сайта (например, со страницы Политики конфиденциальности), нажмите **Add** **exclusion** **rule**.
Также вы можете настроить таргетинг для показа бота определенной категории контактов. Раздел *Visitor* *information* *and* *behavior* *позволяет задавать критерии показа на основании известных сведений о посетителе.*
- Кликните по первому **выпадающему списку** и выберите **фильтр.** Вы можете задавать отдельные фильтры показа для известных вам контактов и неизвестных посетителей.
- Во втором **выпадающем списке** укажите **критерии**.
- Для добавления еще одного правила нажмите **Add** **rule**.
- Чтобы отключить показ бота на каких-либо страницах (например, Политика конфиденциальности), воспользуйтесь **Add** **exclusion** **rule**.
- Для создания группы фильтров с дополнительными параметрами таргетинга нажмите **Add** **filter** **group**
- Затем сохраните изменения кнопкой **Save** (внизу) и в боковом меню перейдите во вкладку **Display**.
### 3. Display – настройка внешнего вида чата
Во вкладке *Display* вы можете настраивать параметры отображения бота, включая заголовок чата, поведение виджета и его триггеры.
- В текстовом поле **Chat** **heading** укажите **название** бота. Чтобы изменить аватар бота, наведите на него курсором и нажмите **Change** **photo.**
- Настроить поведение виджета на экране компьютеров или мобильных устройств вы можете в разделе *Chat* *display* *behavior*.
- **Pop** **open** **the** **welcome** **message** **as** **a** **prompt** – показать приветственное сообщение над виджетом чата.
- **Only** **show** **the** **chat** **launcher** – показать только иконку запуска чата; пользователь должен кликнуть по иконе, чтобы увидеть окно чата.
***Примечание:**чтобы отключить чат на мобильных устройствах, добавьте правило исключения в настройках таргетинга онлайн-чата.*
- Кроме того, вы можете настраивать, в какое время подгружать виджет чата на страницу. Отметьте **галочкой** нужный триггер показа.
- Сохраните изменения кнопкой **Save **и в боковом меню перейдите во вкладку **Options**.
***Примечание:** после завершения настроек чата он начнет автоматически загружаться на страницы сайта. Добавьте в конце URL страницы **#hs-chat-open** – так вы сможете привязать эти URL к емейлам, лэндингам и прочим маркетинговым кампаниями, которые будут направлять посетителей в виджет чата для дальнейшей коммуникации.*
### 4. Options
Здесь настраиваются параметры отображения бота.
Чтобы бот отправлял ответы с небольшой задержкой, кликните по **Typing** **delay** **between** **messages ** и настройте параметры.
- Чтобы настроить временной интервал между окончанием сессии чата и ее возобновлением, нажмите **Session** **timeout** и настройте параметры. Сессия чата не возобновится, если в прошлой сессии с посетителем бот завершил все настроенные действия.
- Чтобы настроить сообщение, которое посетитель увидит при ошибке в запросе, воспользуйтесь полем *Generic* *error* *message*.
- Чтобы изменить язык бота, кликните по **Select** **a** **language **и выберите подходящий вариант.
- Если вы захотите, чтобы чат включался только тогда, когда есть свободные сотрудники для общения, то воспользуйтесь опцией **Availability **и укажите параметры.
- Чтобы включить в боте cookies с текстом согласия, активируйте переключатель **Consent** **to** **collect** **chat** **cookies**. Вы не можете настраивать текст согласия из cookies, который появляется в баннере.
- Для сбора согласия на обработку персональных данных активируйте переключатель **Consent** **to** **process** **data**.
- **Require** **explicit** **consent** – прежде чем отправить свое сообщение, пользователь должен нажать **I** **agree**.
- **Legitimate** **interest** **–** пользователь выражает согласие на дальнейшую коммуникацию в момент начала чата с вами. Текст для согласия на обработку данных так и останется на странице, однако пользователю больше не нужно будет нажимать **I** **agree**.
- Нажмите **Save.**
- После того, как вы завершите настройки бота, добавьте его на страницы сайта с помощью **переключателя** вверху справа.
- [Автоматизация](https://help.resonatehq.com/ru/%D0%B0%D0%B2%D1%82%D0%BE%D0%BC%D0%B0%D1%82%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F)
- [Отчеты](https://help.resonatehq.com/ru/%D0%BE%D1%82%D1%87%D0%B5%D1%82%D1%8B)
- [Настройки системы](https://help.resonatehq.com/ru/%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B8-%D1%81%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D1%8B)
- [Продажи](https://help.resonatehq.com/ru/%D0%BF%D1%80%D0%BE%D0%B4%D0%B0%D0%B6%D0%B8)
- [Сервис](https://help.resonatehq.com/ru/%D1%81%D0%B5%D1%80%D0%B2%D0%B8%D1%81)
- [Account Based Marketing](https://help.resonatehq.com/ru/account-based-marketing)
- [CRM](https://help.resonatehq.com/ru/crm)
- [Маркетинг](https://help.resonatehq.com/ru/%D0%BC%D0%B0%D1%80%D0%BA%D0%B5%D1%82%D0%B8%D0%BD%D0%B3)
- [Сайт](https://help.resonatehq.com/ru/%D1%81%D0%B0%D0%B9%D1%82)
- [Blog](https://help.resonatehq.com/blog)
- HubSpot Apps
- [AI Studio for Hubspot](https://ai.resonatehq.com/)
- [0CodeTools: ToolBox for HubSpot Workflows](https://toolbox.resonatehq.com/)
[](http://www.resonatehq.com)
[mailto:email@email.com](mailto:email@email.com)
Copyright © 2026, Resonate Tech, Inc.