---
description: Создайте и управляйте виджетами, которые могут быть встроены на вашем сайте, чтобы посетители сайта могли связаться с вами по выбранным каналам.
title: Виджеты роста
image: https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F3f43c48b21b24f4e8b02b100c0c8fab0
---

[Новый🤖 Агенты ИИ теперь доступны на respond.io! Познакомьтесь с вашим новым AI-рецепционистом, оператором по продажам или поддержке. Узнать больше.![arrow-icon](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2Fe43213a7a9314673bd8d2060c25f9b87)](/ru/whatsapp-business-calling-api)

Помогите мне с... ⌘ 

1. [All Collections >](/ru/help)
2. [ Товар >](/ru/help/product)
3. [ Настройки рабочей области >](/ru/help/workspace-settings)
4. Виджеты роста

# Виджеты роста

![Avatar](https://assets2-proxy.respond.io/ph8r57dk1q9w/4GvzCieeTBRY4TRJUbIr4y/b92428e6b049d23f546269180534f7ea/Ryan_Tan_Avatar.svg)

Joshua Lim

· 04 Apr 2025

менее минуты чтения

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

> Если вы хотите добавить виджет чата на сайт, узнайте больше [здесь](https://respond.io/ru/help/website-chat-widget/website-chat-widget-overview).

## Как добраться сюда

> Этот параметр доступен только владельцам и менеджерам.

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

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

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/57mm9I3T8Pi7UnYorlg6BA/eb93ab9123b0b352e6ce270e5ce0be09/workspaces-growthw.gif?fm=avif&w=1000) 

В этом режиме вы можете:

* Создать виджет
* Управление существующими виджетами
* Удалить виджет

## Создание виджета

**Шаг 1:** Нажмите кнопку**Добавить виджет**, чтобы просмотреть все доступные виджеты.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/1cSEqRmlBANAYqqY5FntFL/da1d2cbc82153ef8a38e9d4dc0a1d524/workspaces-add-widget.png?fm=avif&w=1000) 

**Шаг 2:** Выберите виджет, который вы хотите создать > нажмите кнопку**Создать виджет**

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/2v1rbVsIBPfSndSWriVBe5/3b5fb7c19244b4bca71d4840d757063e/workspaces-createw.png?fm=avif&w=1000) 

> Вы можете выбрать только одноканальные виджеты, если канал подключен к рабочей области.

### Настроить виджет

Настройте выбранный виджет в соответствии с обязательными полями.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/4TI7vQA9U7yvcO9RtuCgse/965118031034edb7a1d1bac374f8446d/workspaces-configurew.png?fm=avif&w=1000) 

#### Домены веб-сайтов

Добавьте веб-сайт(ы), на которые будет добавлен виджет, в поле «Домены веб-сайтов». Вот как добавить веб-сайты в белый список:

* Если пользователь добавит `https://app.respond.io`, то только `https://app.respond.io` будет добавлен в белый список. Любой другой поддомен или корень работать не должен.
* Если пользователь добавит`https://*.respond.io`, то все поддомены, включая корневой домен, будут добавлены в белый список.
* Если пользователь добавит`https://respond.io`, то в белый список будет добавлен только корневой домен.
![](https://assets2-proxy.respond.io/ph8r57dk1q9w/1MMSfFMgRphP35jCbBejTT/8e9eac0f58354013130396de3ecef3ec/websitedomain.gif?fm=avif&w=1000) 

#### Выберите каналы

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

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/2BDzQ5y4lVIgvRau13PRrC/a818f134ff35c6794dc0b1b9d158f3d6/choosechannels.gif?fm=avif&w=1000) 

#### Расширенные настройки

Вы можете нажать кнопку **Расширенные настройки**, чтобы дополнительно настроить дополнительные поля.

* **Текст при наведении:** Отображается при наведении курсора на виджет
* **Предварительно заполненный текст (необязательно):** Предварительно заполненный текст перед отправкой сообщения
* **Включить URL текущей страницы:** Установите этот флажок, чтобы включить URL текущей страницы в предварительно заполненный текст.

> Функция «Включить URL текущей страницы» доступна только для каналов WhatsApp, Viber и электронной почты.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/1MYLyLozRByTsjbDvrr1aM/8d0620e360d0b6f4535e4eedc610a138/workspaces-advanced-settings.png?fm=avif&w=1000) 

#### Установить скрипт

Скопируйте сгенерированный скрипт, чтобы установить его на свой сайт, и нажмите кнопку**Готово**. Либо отправьте инструкции по установке по электронной почте.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/sEm4u6WmVilu3Xjfdz0Rv/d6541119d3f441855bb6fe315c1edcaa/growth-widgets-7.png?fm=avif&w=1000) 

> Перейдите по ссылке [, чтобы узнать, как установить скрипт на свой сайт](https://respond.io/ru/help/website-chat-widget/website-chat-widget#installing%5Fthe%5Fchat%5Fwidget).

> После завершения нажмите кнопку «Создать виджет» в правом верхнем углу.

## Управление виджетами

После создания виджета вы можете управлять им, как показано ниже.

### Откройте установочный код

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7liJXSQ6a8K0P0AvSlsVsL/00b273a27c309b4972c7d8aec6659876/installation-code.png?fm=avif&w=1000) 

Чтобы увидеть или скопировать установочный код (скрипт) созданного виджета, нажмите кнопку **Установочный код** и следуйте инструкциям на экране.

> Эта функция не применима к генератору QR-кода.

### Загрузите QR-код

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/2Omh41BIWxCUyCKB5axLfa/f38aa08096e4eef8c0a450d62f374585/qr-code.png?fm=avif&w=1000) 

Чтобы загрузить сгенерированный QR-код, нажмите кнопку **Сканировать код** , затем кнопку **Загрузить** и выберите нужные размеры в пикселях для сканируемого кода.

> Это применимо только к генератору QR-кодов, а не к другим виджетам обмена сообщениями.

> Для получения дополнительной информации о том, как использовать эту функцию, прочитайте статью в нашем блоге [об использовании сканируемых кодов здесь](https://respond.io/ru/blog/facebook-messenger-code).

### Настройка виджета

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7jpBHww29KHkVGZzWNuXJc/d671069da8e50bd7d8009e3b6ccc80f4/customize-widget.png?fm=avif&w=1000) 

Чтобы настроить существующие виджеты, нажмите кнопку **Настроить** , чтобы открыть страницу настройки.

В зависимости от типа виджета вы можете настроить 5 разделов:

#### **Общий**

Вы можете настроить следующие общие параметры:

* **Имя виджета:** Имя, используемое внутри для идентификации виджета
* **Домены веб-сайтов:** Веб-сайты, на которых будет установлен виджет. Если вы не добавите свой сайт в этот список, ваш виджет не загрузится. Вы можете ввести несколько URL-адресов, если планируете установить виджет на нескольких веб-сайтах.

#### **Каналы**

Вы можете настроить следующие параметры, чтобы определить поведение виджета в зависимости от выбранного канала:

* **Текст при наведении:** Текст при наведении отображается в подсказке при наведении курсора на виджет.
* **Предварительно заполненный текст:** Предварительно заполненный текст — это предложение для ввода, когда контакт начинает разговор.
* **Ссылка:** Ссылка появится при открытии разговора и позволит вам отслеживать источник контакта.
* **Цвета:** Выберите цвет фона значка канала и внешний вид значка в виджете.

#### **Дисплей и внешний вид**

Чтобы изменить внешний вид виджета на вашем сайте, вы можете настроить следующие параметры:

* **Всплывающее сообщение:** Всплывающее сообщение показывается посетителям сайта один раз в день через 5 секунд после загрузки страницы. Если он не определен, всплывающее сообщение не появится.
* **Размер виджета:** Выберите большой, стандартный или маленький размер виджета.
* **Параметры отображения:** Выберите, где отображать этот виджет: на рабочем столе, на мобильных устройствах или на обоих устройствах.

#### **Позиция**

Вы можете изменить положение виджета на своем сайте, используя следующие настройки:

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

#### **Дополнительные настройки**

Дополнительная настройка виджетов:

* **Скрыть брендинг Respond.io:** Удалите брендинг Respond.io из вашего виджета.

## Удаление виджета

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/3DMqeOcw4oNk6tMo9n1tXQ/6fc0f30860447ebccfa8c7dd80a4d21c/delete-widget.png?fm=avif&w=1000) 

Чтобы удалить существующий виджет, нажмите кнопку **Удалить** и следуйте инструкциям на экране. Это приведет к полному удалению виджета из вашего рабочего пространства.

> Будьте осторожны при удалении виджета из рабочей области. При удалении виджета все его конфигурации будут удалены. Удаление не может быть отменено.

Поделиться этой статьей

[![Telegram](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F44daca77a4844f0c8fd29040ddeba057?width=22)](https://api.whatsapp.com/send?text=https://respond.io/help/workspace-settings/growth-widgets)[![Facebook](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/fff57eeb01160bc604392f519b4f3461ca16f0fa1b6a587b20b142cdf1ad0ba7?placeholderIfAbsent=true&width=22)](https://www.facebook.com/sharer/sharer.php?u=https://respond.io/help/workspace-settings/growth-widgets)[![Linkedin](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/7aaf8d87b5410844d83e06a4ed663e4f551b8c5ef51dbb20a8ff064a1eed9a0f?placeholderIfAbsent=true&width=22)](https://www.linkedin.com/sharing/share-offsite/?url=https://respond.io/help/workspace-settings/growth-widgets)[![Twitter](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F4e03e02422a94e8eab9b8b41457c2371?width=22)](http://twitter.com/share?url=https://respond.io/help/workspace-settings/growth-widgets)

## 

Соответствующие статьи 👩‍💻

* [ЗвонкиУзнай, как управлять настройками вызовов для твоих подключенных Каналов Звонков. ](/ru/help/workspace-settings/calls)
* [Подсказки ИИУзнайте, как настроить и конфигурировать подсказки ИИ. ](/ru/help/workspace-settings/ai-prompts)
* [Помощь ИИУзнайте, как настроить и сконфигурировать Помощника ИИ. ](/ru/help/workspace-settings/ai-assist)
* [Жизненный циклУзнайте, как отслеживать контакты и управлять ими на протяжении всего процесса продаж на нашей платформе. ](/ru/help/workspace-settings/workspace-settings-lifecycle)
* [Импорт контактовУзнайте, как импортировать, пересматривать и управлять данными на платформе. ](/ru/help/workspace-settings/data-import)

Не удается найти то, что вы ищете? 🔎

[Обратитесь в службу поддержки](/ru/contact-us)

2025-12-05T04:02:32.044Z

help

```json
[{"@context":"https://schema.org","@type":"TechArticle","articleBody":"Создайте и управляйте виджетами, которые могут быть встроены на вашем сайте, чтобы посетители сайта могли связаться с вами по выбранным каналам.","author":{"@type":"Person","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/4GvzCieeTBRY4TRJUbIr4y/b92428e6b049d23f546269180534f7ea/Ryan_Tan_Avatar.svg","name":"Joshua Lim","url":"https://respond.io/ru/author"},"dateCreated":"2025-01-28T04:11:59.000Z","dateModified":"2025-04-04T10:14:25.056Z","datePublished":"2025-01-28T04:11:59.000Z","headline":"Виджеты роста","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/57mm9I3T8Pi7UnYorlg6BA/eb93ab9123b0b352e6ce270e5ce0be09/workspaces-growthw.gif","mainEntityOfPage":"https://respond.io/ru/help/workspace-settings","publisher":{"@type":"Organization","logo":"https://respond.io/favicon/favicon.svg","name":"respondio"},"thumbnailUrl":"https://assets2-proxy.respond.io/ph8r57dk1q9w/57mm9I3T8Pi7UnYorlg6BA/eb93ab9123b0b352e6ce270e5ce0be09/workspaces-growthw.gif","url":"https://respond.io/ru/help/workspace-settings/growth-widgets"},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Help","item":"https://respond.io/ru/help","position":1},{"@type":"ListItem","name":"Товар","item":"https://respond.io/ru/help/product","position":2},{"@type":"ListItem","name":"Настройки рабочей области","item":"https://respond.io/ru/help/workspace-settings","position":3},{"@type":"ListItem","name":"Виджеты роста","item":"https://respond.io/ru/help/workspace-settings/growth-widgets","position":4}]}]
```
