# Раздел: Виджет

## Общая информация

Раздел "Виджет" в Blinger.io необходим  для создания виджета(-ов), управления, проведения тонких настроек для последующего использования его на веб-страницах как точка контакта клиента и компании.&#x20;

## Создать виджет?

Перейти в раздел Виджет и нажать на "Создать новый виджет"

{% hint style="info" %}
После этого, вы попадете на страницу настройки виджета
{% endhint %}

![](/files/-LmAaohcjRo1JCECB5kZ)

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

Ниже располагается описание настроек виджета

#### **Блок "Настройки":**

![](/files/-LmAkDBK4oSsMHB2_AO4)

* **Язык виджета** - позволяет изменять автоматически язык интерфейса виджета в зависимости от языка сайта.&#x20;
* **Анимация виджета** - позволяет включить/отключить анимацию виджета
* **Позиция** - позволяет изменять место расположения виджета на веб-странице: слева, справа.
* **Цвет виджета** - позволяет изменять цвет виджета, предоставляет возможность задавать цвета HEX-кодом
* **Размер виджета** - позволяет регулировать размер виджета (100%, 90% либо 70%)
* **Активное приглашение** - предоставляет возможность отображать приветственную фразу каждому пользователю веб-страницы в начале сеанса. Содержание задается в поле "Текст приглашения" (взаимосвязан с изменением языка виджета). Также можно задавать время отображения приветственной фразы с помощью опции "Задержка перед показом приглашения".

**Блок "Каналы"**

Блок позволяет управлять отображением в виджете добавленных аккаунтов.&#x20;

![](/files/-LmAkMp-V6fZRmwkvUAR)

Отображение конкретного аккаунта в виджете - необходимо проставить "галочку" напротив этого аккаунта.

Настройка конкретного аккаунта в виджете - необходимо нажать на "шестеренку" <img src="/files/-LmPqBNk2dr6jSg7jXLS" alt="" data-size="original"> . Настройки позволяют редактировать название канала в виджете, логотип канала.&#x20;

Добавление собственной кнопки в виджет - необходимо нажать "три точки" и далее провести донастройку созданной кнопки (например, так можно создать кнопку для Instagram)&#x20;

Изменение расположение кнопок по вертикали в виджете - необходимо нажать "стрелки вверх/вниз" <img src="/files/-LmPqQIVkMQE9eviqEmR" alt="" data-size="original"> и тянуть вверх либо вниз

#### **Блок “Предпросмотр виджета”**&#x20;

Позволяет графически контролировать процесс настроек виджета

![](/files/-LmAkcD8Bezk_avSuixK)

{% hint style="warning" %}
Если виджет настраивается сразу после его создания, следует нажать “Сохранить”**,** чтобы сгенерировать javascript-код, который в последующем используется для размещения виджета на веб-страницах.
{% endhint %}

{% hint style="warning" %}
После манипуляций по изменению виджета (если виджет создан ранее), необходимо нажимать "Сохранить".&#x20;
{% endhint %}

{% hint style="info" %}
**Чтобы увидеть изменения на веб-странице, на которой размещен виджет**, необходимо либо посетить ее в режиме инкогнито, либо сбросить кэш веб-страницы (воспользоваться "горячими клавишами": MacOS - Command+R, Win - Ctrl+F5)
{% endhint %}

## Разместить виджет?

Необходимо разместить javascript-код, указанный на рисунке ниже,  в html-коде веб-страницы перед тегом `</body>`

{% hint style="warning" %}
Если блок не отобразился, то необходимо нажать "Сохранить"
{% endhint %}

![](/files/-LmA_AwFQ6xCOAd7XBGs)

## Удалить виджет?&#x20;

Чтобы убрать виджет с веб-страницы, необходимо удалить javascript-код в месте, где этот код был размещен.

Чтобы удалить виджет в Blinger.io, необходимо перейти в раздел Виджет и нажать на "Корзину" напротив виджета, который планируется удалить.&#x20;

![](/files/-LmJwzZKn10yfc-Y4gzP)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.blinger.io/russian/opisanie-raboty/razdel-vidzhet.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
