# Виджет "Видео"

Виджет с видео для сайта - это удобный и практичный элемент интерфейса, который позволяет встраивать видео на веб-страницы, обеспечивая удобное воспроизведение и управление. Он может быть использован для различных целей, таких как демонстрация видео-отзывов, приветственных видео или анонсов.

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FtJaBNmTJcJgwD2PAzY1E%2F%D0%97%D0%B0%D0%BF%D0%B8%D1%81%D1%8C-%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2025-07-16-%D0%B2-16.52.59-_online-video-cutter.com_.gif?alt=media&#x26;token=b44f8183-37f4-4627-9451-df612d1774f0" alt=""><figcaption></figcaption></figure>

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

Перейдите в раздел "Виджеты" и нажмите кнопку "Создать виджет":

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FV3UanbDCVZfSHzXrjKKN%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%202025-07-16%20%D0%B2%2016.59.00.png?alt=media&#x26;token=5e18ce17-9147-4972-bdc6-14a684bb2261" alt=""><figcaption></figcaption></figure>

Выберите виджет "Видео":

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FJA2UPTAACFxUEEMPU0DR%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%202025-07-16%20%D0%B2%2016.59.48.png?alt=media&#x26;token=0fc29529-8196-4040-b0c2-e6c545951549" alt="" width="287"><figcaption></figcaption></figure>

Вам откроются настройки с основной информаций:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FBJDmuFZkZY6tXbW4LZpa%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%202025-07-16%20%D0%B2%2017.00.32.png?alt=media&#x26;token=d88a9381-a4ef-475b-aae7-3fc6ee6b8c6d" alt=""><figcaption></figcaption></figure>

### Основная информация

1. Укажите название виджета (это может быть любое удобное название, которое будет отображаться в общем списке в разделе "Виджеты"):

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2F7r1JYoE3hrj55KKZCZyt%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%202025-07-16%20%D0%B2%2017.01.56.png?alt=media&#x26;token=cbf9799a-8284-4860-884d-be4b361aca3a" alt="" width="563"><figcaption></figcaption></figure>

Название отображается только для вас.

2. Укажите адрес сайта, на котором хотите показывать видео:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FvjpRqV24AsO73jAXbzYh%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%202025-07-16%20%D0%B2%2017.02.53.png?alt=media&#x26;token=3ac2b579-88a0-4111-8e36-a708d7060c75" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FTG9eZu8rkgHRv4JSwxPs%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%202025-07-16%20%D0%B2%2017.14.13.png?alt=media&#x26;token=9177afe5-04db-4b68-a705-0f5159345ed3" alt=""><figcaption></figcaption></figure>

### Условия срабатывания

1. Когда показывать виджет

Можно выставить значение, когда отображать виджет на сайте:

а) сразу — при переходе на сайт, виджет сразу будет отображаться на сайте;

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FzQxKaRM4DifbfTmXrhdr%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%202025-07-16%20%D0%B2%2017.21.53.png?alt=media&#x26;token=8f0a5195-45de-4214-a524-4071be3be0ed" alt=""><figcaption></figcaption></figure>

б) спустя время — виджет отображается на сайте спустя установленное время после перехода на сайт:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FRAIoGSVOmWjYndSVdc0f%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%202025-07-16%20%D0%B2%2017.22.21.png?alt=media&#x26;token=3c419c11-cdd8-471b-90f4-221312e559f2" alt=""><figcaption></figcaption></figure>

в) после прокрутки — виджет будет отображаться после пролистывания сайта на заданное количество пикселей:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2Ffmazmt84wQio2RsLxMa9%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%202025-07-16%20%D0%B2%2017.23.13.png?alt=media&#x26;token=aa1d6088-7372-4401-ac10-5670b90f454c" alt=""><figcaption></figcaption></figure>

**Чекбокс "Закрывать виджет по нажатию на фон"**\
Если активировать данный переключатель, то при клике на фон виджета, видео будет закрываться.

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FnlLgheNcc3WqoPyLOdiZ%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%202025-07-16%20%D0%B2%2017.24.14.png?alt=media&#x26;token=54a88c96-c9ca-4469-bf51-c677fe4e0ec5" alt=""><figcaption></figcaption></figure>

**Чекбокс "Задать условия отображения на сайте"**\
Если активировать переключатель, то виджет будет отображаться при удовлетворении каких-либо условий:

1. UTM-метки

{% hint style="info" %}
Чтобы узнать, что такое UTM-метки и как ими пользоваться, рекомендуем прочитать статью "[Как передать параметры и UTM-метки](https://docs.salebot.pro/minilendingi-v-socialnykh-setyakh/kak-peredat-parametry-i-utm-metki)".
{% endhint %}

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FbiQKlbxB9OJQw7KfhSUn%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%202025-07-16%20%D0%B2%2017.27.55.png?alt=media&#x26;token=dbf0f9b2-f84b-4ed1-bb7c-4ad9cfefcc34" alt=""><figcaption></figcaption></figure>

В соответствующем поле пропишите название необходимой метки:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2F8Mlntr5PMbaJ0PyEiOwr%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%202025-07-16%20%D0%B2%2017.29.21.png?alt=media&#x26;token=8c91ad14-ecd9-49d8-959d-be792ba3be4e" alt="" width="327"><figcaption></figcaption></figure>

Далее выберите оператор соответствия метки значению:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FgfTdw1fc1P7WjcQBOMhh%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%202025-07-16%20%D0%B2%2017.28.28.png?alt=media&#x26;token=d1f03992-e97c-4c32-8360-c56c80be211f" alt="" width="200"><figcaption></figcaption></figure>

{% hint style="info" %}
В чем разница содержит/не содержит и равно/не равно?

Основное различие в том, что "**содержит/не содержит**" проверяет значение на факт того, что UTM-метка включает (или не включает) то или иное значение. \
Тогда как оператор "**равно**" строго присваивает значение, в связи с чем система ищет совпадение в UTM-метке по строгому значению (соответственно "Не равно" противоположно).
{% endhint %}

После чего пропишите необходимое значение для UTM-метки:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2F6WywEZSnZR6k1oIxA6I7%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%202025-07-16%20%D0%B2%2017.30.01.png?alt=media&#x26;token=15f68866-db15-48fc-b756-93ff80f47c7e" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="success" %}
Тогда клиентам с указанными utm-метками будет отображаться видео на сайте.
{% endhint %}

2. Страна

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2F13xTJfayX4HI2F8IRJY7%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%202025-07-16%20%D0%B2%2017.33.47.png?alt=media&#x26;token=edece279-f7e4-43bc-b1d9-c9e203c8f2a4" alt="" width="563"><figcaption></figcaption></figure>

Видео будет отображаться клиентам из определенных стран.

3. Устройство

Отображение виджета для определенных устройств: компьютера, планшета или телефона:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FK66jaMCD63IJiDYYOumr%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%202025-07-16%20%D0%B2%2017.35.04.png?alt=media&#x26;token=f53c17db-c1da-49d8-9b93-9b94fea94320" alt="" width="563"><figcaption></figcaption></figure>

### Внешний вид

После настроек основной информации и условий срабатывания перейдите во вкладку "Внешний вид":

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FZEaLCQAy7V6xG3rTlz9d%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%202025-07-16%20%D0%B2%2017.36.25.png?alt=media&#x26;token=93168dd8-5735-4a51-8498-19d5e36b5c54" alt=""><figcaption></figcaption></figure>

Обязательные поля:

1. Ссылка на основное видео;
2. Ссылка для превью.

Для обязательных полей указываются ссылки на видео в формате mp4.

Достаточно загрузить видео в файлах и скопировать на него ссылку:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FCvwlaHxpEV7twnP5oQFg%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%202025-07-16%20%D0%B2%2017.39.22.png?alt=media&#x26;token=3c7d53ab-f92e-4276-84a0-be294a228482" alt=""><figcaption></figcaption></figure>

Далее вставьте ссылку в полях "Основное видео" и "Видео для превью": после чего превью видео будет отображено в правом углу экрана:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2F2XqRNh9MRKRfgCddMXnj%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%202025-07-16%20%D0%B2%2017.40.24.png?alt=media&#x26;token=6987a7bf-d807-4af8-9c55-8026a2e03f1c" alt=""><figcaption></figcaption></figure>

Далее напишите текст для кнопки (будет отображаться на видео), если вам нужно перенаправлять клиентов на другую страницу или, например, в мессенджер:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2Fam6ojaG8ksA2gnpKmnMN%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%202025-07-16%20%D0%B2%2017.41.18.png?alt=media&#x26;token=a3308e50-289f-437e-8242-c2a8713464bb" alt=""><figcaption></figcaption></figure>

Далее выберите размер видео:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FWfpKirMdQjHNcrImvjEs%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%202025-07-16%20%D0%B2%2017.44.12.png?alt=media&#x26;token=b6dbad7d-c246-45fc-aeed-167e4741bc88" alt="" width="563"><figcaption></figcaption></figure>

И положение на сайте:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FJc2Gux6r4CzlvHGGXM1d%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%202025-07-16%20%D0%B2%2017.44.28.png?alt=media&#x26;token=c8e1d780-cc17-47bd-9f5f-7b126e4a3517" alt="" width="563"><figcaption></figcaption></figure>

Затем можно кастомизировать кнопку, выбрав цвет фона и текста:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2Fe1BcYmQeXxYdhGz0z5aG%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%202025-07-16%20%D0%B2%2017.45.20.png?alt=media&#x26;token=a54d2f3d-4cff-4618-80a3-c4934d0fdc25" alt="" width="563"><figcaption></figcaption></figure>

Теперь нажмите "Добавить виджет", чтобы сохранить настройки:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2Fyx9Nr682bvrsaSVM8XUF%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%202025-07-16%20%D0%B2%2017.46.15.png?alt=media&#x26;token=c9cf8fed-9e2f-41aa-b1ce-9b4793a5e90d" alt="" width="563"><figcaption></figcaption></figure>

После чего вы перейдете в соответствующий раздел и увидите новый созданный виджет "Видео":

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FRaHUqDuvbXdZNJ7t027K%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%202025-07-16%20%D0%B2%2017.48.38.png?alt=media&#x26;token=fac83ad6-b129-4838-b5e5-52e7bbbf33a7" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="success" %}
Теперь осталось встроить виджет на сайт!&#x20;
{% endhint %}

## Как встроить виджет на сайт

Нажмите на "Встроить код на сайт":

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FhhPEsqKGz3ugf4lw4e1j%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%202025-07-16%20%D0%B2%2017.46.58.png?alt=media&#x26;token=2c790908-2971-4511-b631-660c0ac4e9e2" alt="" width="563"><figcaption></figcaption></figure>

В открывшемся окне скопируйте код виджета:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FmC4VI28ZPZUtMFSRZMiz%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%202025-07-16%20%D0%B2%2017.51.05.png?alt=media&#x26;token=c3d341ef-7e40-4ee2-8416-2d908cedba44" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FmkWb2J7Xf58OsxB7UJHH%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%202025-07-16%20%D0%B2%2017.50.21.png?alt=media&#x26;token=35b089d5-ce74-40cc-bab6-d393b65531b0" alt=""><figcaption></figcaption></figure>

В настройках перейдите во вкладку "Цвета, шрифты и HTML":

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FCBaoKEuuD7VdyQ0KmZUj%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%202025-07-16%20%D0%B2%2017.52.01.png?alt=media&#x26;token=8e8ec37d-b19a-4f3a-b1b2-1741869c81c9" alt=""><figcaption></figcaption></figure>

Теперь вставьте скопированный код в поле \<head>:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2F8LEjzakkRA102vcbwjLM%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%202025-07-16%20%D0%B2%2017.52.20.png?alt=media&#x26;token=ecd649ea-b03a-419d-8ea1-9fd4dd664585" alt="" width="563"><figcaption></figcaption></figure>

И нажмите "Сохранить".&#x20;

Теперь в новой вкладке откройте раздел "Виджеты" и наведите на карточку созданного виджета:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2FHBl0hxxnVEMfvheIb7B7%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%202025-07-16%20%D0%B2%2017.55.43.png?alt=media&#x26;token=dc1c8b01-9191-4f1d-9bf1-d949f0d3dd05" alt="" width="563"><figcaption></figcaption></figure>

Нажмите "Изменить видимость", чтобы запустить виджет.

Если виджет успешно запущен, то после обновления страницы вы увидите статус "Активен":

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2Fc6PizTo0Jv5yJh7PUcr3%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%202025-07-16%20%D0%B2%2017.56.06.png?alt=media&#x26;token=27182820-1bcf-4f1f-a2c6-f7e18b2f386e" alt="" width="563"><figcaption></figcaption></figure>

И ваш виджет будет отображаться на сайте:

<figure><img src="https://4216716816-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LxKl4rC_EcwBAz40Qn_%2Fuploads%2Fz1705jZkeI5PBYWAfye1%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%202025-07-16%20%D0%B2%2017.57.50.png?alt=media&#x26;token=aac7d288-18ba-4bb9-b68f-51ef613bee51" alt=""><figcaption></figcaption></figure>