# Виджет

Виджет позволяет добавить функционал онлайн-заказа на любой странице вашего сайта. 

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

## ✔️Шаг 1

### Зайдите в раздел **МАРКЕТИНГ - ВИДЖЕТЫ - ДОБАВИТЬ ВИДЖЕТ**


 ![](https://dgsn-prod-outline.s3.ru-6.storage.selcloud.ru/uploads/4b92b232-1311-4100-a3c7-23f42bf7d742/a3fa7bea-ae57-4f4b-8787-23d0579c1465/2026-02-13_17-58-09.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=05f7fda887ea45d29d4f3dad302dc58c%2F20261107%2Fru-6%2Fs3%2Faws4_request&X-Amz-Date=20261107T080000Z&X-Amz-Expires=86400&X-Amz-Signature=557f5287c85822aac069865bc62c9a0310122320f2ab134c91d96c11c106d63e&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =1878x853")

## ✔️Шаг 2

### Заполните все необходимые поля и нажмите СОХРАНИТЬ


 ![](https://dgsn-prod-outline.s3.ru-6.storage.selcloud.ru/uploads/4b92b232-1311-4100-a3c7-23f42bf7d742/757f0e1f-86a1-46ef-8b5d-29818c34dd45/2.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=05f7fda887ea45d29d4f3dad302dc58c%2F20261107%2Fru-6%2Fs3%2Faws4_request&X-Amz-Date=20261107T080000Z&X-Amz-Expires=86400&X-Amz-Signature=4e38a62b68a8ffb34bfd904762ca1063440463274998fe963d8d7fa47b8c41ca&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =1380x826")Вы можете настроить: 

* добавить картинку/логотип на кнопку виджета;
* место расположения виджета на сайте: сверху или снизу, справа или слева;
* отступы, чтобы виджет идеально вписался на страницы сайта и не перекрывал нужную информацию;
* текст всплывающего сообщения.

## ✔️Шаг 3

### Настройте меню, которое будет отображаться при нажатии кнопки виджета

 ![](https://dgsn-prod-outline.s3.ru-6.storage.selcloud.ru/uploads/4b92b232-1311-4100-a3c7-23f42bf7d742/5bcac8bc-d192-4ec6-93d1-90e02b7a3951/3.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=05f7fda887ea45d29d4f3dad302dc58c%2F20261107%2Fru-6%2Fs3%2Faws4_request&X-Amz-Date=20261107T080000Z&X-Amz-Expires=86400&X-Amz-Signature=b2da0898672a75b874f1a992c37d15591317482f06189402b767e208b20effb6&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =1376x898")Вы можете настроить: 

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

## ✔️Шаг 4

### Нажмите СОХРАНИТЬ. Из поля “Код для вставки на сайт” скопируйте код и вставьте его на вашем сайте. 


 ![](https://dgsn-prod-outline.s3.ru-6.storage.selcloud.ru/uploads/4b92b232-1311-4100-a3c7-23f42bf7d742/ea9ef262-ed66-4c4d-a134-b7278d1611bd/4.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=05f7fda887ea45d29d4f3dad302dc58c%2F20261107%2Fru-6%2Fs3%2Faws4_request&X-Amz-Date=20261107T080000Z&X-Amz-Expires=86400&X-Amz-Signature=a7dcbcc28bf5e950b9fe01224523b65a2dc0730602aecf5d4a348bd0d324a4b1&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =1391x518")

## ✔️Шаг 5

### Проверьте работу виджета на сайте


**Пример добавления виджета на сайт у одного из наших клиентов.**

Окно виджета всплывает в правом углу на сайте. При клике на окно сообщения, открывается витрина компании на платформе Дигарсон, где гость может оставить заказ.

 ![](https://dgsn-prod-outline.s3.ru-6.storage.selcloud.ru/uploads/4b92b232-1311-4100-a3c7-23f42bf7d742/a1623d09-f7fb-4f95-9de2-9f13cc3568f4/2026-06-23_12-54-34%20%282%29.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=05f7fda887ea45d29d4f3dad302dc58c%2F20261107%2Fru-6%2Fs3%2Faws4_request&X-Amz-Date=20261107T080000Z&X-Amz-Expires=86400&X-Amz-Signature=a10b60d673f3d6f9557a3036caed4380dd28601bd492a6dfaf5cac87f5c9fb4e&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =1428x824")

 ![](https://dgsn-prod-outline.s3.ru-6.storage.selcloud.ru/uploads/4b92b232-1311-4100-a3c7-23f42bf7d742/4659c875-0e01-4cf4-b48c-945a1220ae9c/2026-06-23_12-55-13%20%282%29.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=05f7fda887ea45d29d4f3dad302dc58c%2F20261107%2Fru-6%2Fs3%2Faws4_request&X-Amz-Date=20261107T080000Z&X-Amz-Expires=86400&X-Amz-Signature=4c1ded4ded8fcc6f4f53dba236d45dfc37d302b86b809e19e8da92d4c0344647&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =1425x827")

 ![](https://dgsn-prod-outline.s3.ru-6.storage.selcloud.ru/uploads/4b92b232-1311-4100-a3c7-23f42bf7d742/219dfe40-c976-4a51-967d-3c26716fa228/%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=05f7fda887ea45d29d4f3dad302dc58c%2F20261107%2Fru-6%2Fs3%2Faws4_request&X-Amz-Date=20261107T080000Z&X-Amz-Expires=86400&X-Amz-Signature=cb1dc0dd49360a9dd4a5806fc2a22081d51108deef300d2352fb0ebe18ae5074&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =1289x871")

**Пример виджета на на мобильной версии сайта компании - клиента Дигарсон.**


 ![](https://dgsn-prod-outline.s3.ru-6.storage.selcloud.ru/uploads/4b92b232-1311-4100-a3c7-23f42bf7d742/16488421-b01e-44f9-b826-1f5ab3edad81/%D0%B2%D0%B8%D0%B4%D0%B6%D0%B5%D1%82%20%D0%BD%D0%B0%20%D1%81%D0%B0%D0%B8%CC%86%D1%82.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=05f7fda887ea45d29d4f3dad302dc58c%2F20261107%2Fru-6%2Fs3%2Faws4_request&X-Amz-Date=20261107T080000Z&X-Amz-Expires=86400&X-Amz-Signature=3baf2ee4683276caf28a687cedec15e7d98842345007d3d59bbbf476f95a8d12&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =564x950")



# Как перевести в бот компании клиентов с сайта?

При оформлении заказа на сайте клиенты **не авторизуются в Телеграм-бот**. Если вам важно, чтобы каждый клиент был в боте компании, то выполните следующую настройку.

## ✔️Шаг 1

### Зайдите ТИПЫ ЗАКАЗЫ - выберите нужный ТИП ЗАКАЗА - вкладка ОСНОВНЫЕ НАСТРОЙКИ

 ![](https://dgsn-prod-outline.s3.ru-6.storage.selcloud.ru/uploads/4b92b232-1311-4100-a3c7-23f42bf7d742/573107c8-eb65-4f4b-bc47-ad2c9674da6c/2026-02-16_11-17-11.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=05f7fda887ea45d29d4f3dad302dc58c%2F20261107%2Fru-6%2Fs3%2Faws4_request&X-Amz-Date=20261107T080000Z&X-Amz-Expires=86400&X-Amz-Signature=a4a10a427410c14a0c30fc5b5c9c403394b4c20aa8da71da49d6d5bb8ef26da7&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =1103x865")

## ✔️Шаг 2

### Включите кнопку “Для создания заказа требуется авторизоваться” и нажмите СОХРАНИТЬ

 ![](https://dgsn-prod-outline.s3.ru-6.storage.selcloud.ru/uploads/4b92b232-1311-4100-a3c7-23f42bf7d742/6298900f-30ca-49d8-b8eb-5d7c9cbd5262/2026-02-16_11-18-13.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=05f7fda887ea45d29d4f3dad302dc58c%2F20261107%2Fru-6%2Fs3%2Faws4_request&X-Amz-Date=20261107T080000Z&X-Amz-Expires=86400&X-Amz-Signature=2c31334a9eada57dc3c2ec91d958c6db5cb4e356908047d244c11a64a4ce9cd9&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =700x431")

### Как это работает?

При оформлении заказа через сайт, перейдя в корзину, клиент получит сообщение:

 ![](https://dgsn-prod-outline.s3.ru-6.storage.selcloud.ru/uploads/4b92b232-1311-4100-a3c7-23f42bf7d742/42378f6d-bace-4214-819c-748b2bbe8d6a/2026-02-16_11-22-35.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=05f7fda887ea45d29d4f3dad302dc58c%2F20261107%2Fru-6%2Fs3%2Faws4_request&X-Amz-Date=20261107T080000Z&X-Amz-Expires=86400&X-Amz-Signature=635200b6f6fb3bd456dae4716c024c13be407abd58ae8507fe6495301acd191f&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =488x225")

Клиенту нужно будет перейти в бот вашей компании в Телеграм и ввести свой номер

 ![](https://dgsn-prod-outline.s3.ru-6.storage.selcloud.ru/uploads/4b92b232-1311-4100-a3c7-23f42bf7d742/a7a4c0a9-3fe8-4ddb-8b8c-827846a6ccc6/2026-02-16_11-04-49.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=05f7fda887ea45d29d4f3dad302dc58c%2F20261107%2Fru-6%2Fs3%2Faws4_request&X-Amz-Date=20261107T080000Z&X-Amz-Expires=86400&X-Amz-Signature=b9b4f71636c569c0daeeceb383b16289d9363ea74302b941339f6cd277996229&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =500x248")

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

 ![](https://dgsn-prod-outline.s3.ru-6.storage.selcloud.ru/uploads/4b92b232-1311-4100-a3c7-23f42bf7d742/f6248302-f181-4c84-ac96-8e146cfbdf7d/2026-02-16_11-05-18.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=05f7fda887ea45d29d4f3dad302dc58c%2F20261107%2Fru-6%2Fs3%2Faws4_request&X-Amz-Date=20261107T080000Z&X-Amz-Expires=86400&X-Amz-Signature=22cd30883afb9b8b84f3becca0732952d160d09686a64bdc90faf6d7961d495d&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =767x296")Чтобы отправить сообщение этому новому пользователю, перейдите в личном кабинете в раздел **ЧАТ С КЛИЕНТАМИ.** 

 ![](https://dgsn-prod-outline.s3.ru-6.storage.selcloud.ru/uploads/4b92b232-1311-4100-a3c7-23f42bf7d742/8ced688c-2be2-490d-a16d-d96ab89bf46a/2026-02-16_11-10-37.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=05f7fda887ea45d29d4f3dad302dc58c%2F20261107%2Fru-6%2Fs3%2Faws4_request&X-Amz-Date=20261107T080000Z&X-Amz-Expires=86400&X-Amz-Signature=7425991e127ce470cfe4e8945cdf783072e134e73f91511054b595cd55cc2baf&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =1623x872")

Клиент получит от вас сообщение в боте вашей компании в Телеграм:

 ![](https://dgsn-prod-outline.s3.ru-6.storage.selcloud.ru/uploads/4b92b232-1311-4100-a3c7-23f42bf7d742/93b426f5-ea66-4783-b72e-dcddfbb68174/2026-02-16_11-11-25.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=05f7fda887ea45d29d4f3dad302dc58c%2F20261107%2Fru-6%2Fs3%2Faws4_request&X-Amz-Date=20261107T080000Z&X-Amz-Expires=86400&X-Amz-Signature=01d8b410b46e7277e5984cd7d82f140069214500303f31b6d430d243b4542414&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =772x331")