# Примеры использования

## Отправка данных во внешнюю систему

![Пример создания Webhook-кнопки](https://1887460377-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQpb1yKZHVTuEYrUbAG%2F-MYdYhIvCNFRGkgZmwK6%2F-MYeEUgOFA_b9K8GUjHJ%2F1.png?alt=media\&token=18b59238-b1dd-4cb9-9bd3-f29069d8ebf5)

![Результат выполнения](https://1887460377-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQpb1yKZHVTuEYrUbAG%2F-MYdYhIvCNFRGkgZmwK6%2F-MYe0IcQz3xZChErYx88%2F2.png?alt=media\&token=bbf4d0a4-2c56-4ff6-ab2e-f7b5408760c3)

Разберем пример со скриншотов выше.

### 1. Подготовка данных 

```
{% capture var1 %}
Ваш заказ {{ entity.name }} от {{ entity.moment | date: "%d.%m.%y %H:%M" }} 
на сумму {{ entity.sum | divided_by: 100 }} руб. поступил в пункт выдачи. 
{% endcapture %}
```

Все данные мы получаем с помощью языка шаблонов Liquid

{% hint style="warning" %}
Для передачи данных нужно использовать переменные, описанные в разделе "[Работа с переменными](https://knopki-docs.nirguna.ru/ispolzovanie-prilozheniya/rabota-s-peremennymi)"
{% endhint %}

В данном случае мы получаем из заказа его номер `entity.name`, дату `entity.moment` в виде `дд.мм.гг чч:мм`, сумму `entity.sum` в рублях (в системе все суммы измеряются в копейках, поэтому для получения суммы в рублях делим её на 100 с помощью фильтра `divided_by:`). Все эти данные вместе с текстом уведомления мы помещаем в переменную `var1` с помощью тега `capture`.

Далее для правильной передачи текста GET-параметром нам необходимо закодировать переменную `var1` с помощью фильтра `url_encode` .

```
{% assign var1 = var1 | url_encode %}
```

### 2. Создание Webhook запроса

Теперь, когда все данные готовы, можно создать сам Webhook запрос. Указываем нужный GET-параметр, например `send`, и помещаем в него закодированные данные из переменной `var1`.

![Создание Webhook запроса](https://1887460377-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQpb1yKZHVTuEYrUbAG%2F-MYdYhIvCNFRGkgZmwK6%2F-MYeHKs7whjtBQMDutlk%2F3.png?alt=media\&token=775fb3a8-10b5-4fe2-88fc-be813f2db475)

Так же, чтобы сотрудник был уверен, что все данные были отправлены, можно вывести ему сообщение об успешном выполнении действий кнопки.

![](https://1887460377-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQpb1yKZHVTuEYrUbAG%2F-MYdYhIvCNFRGkgZmwK6%2F-MYeJSPnX8oVCr8tcSJT%2F4.png?alt=media\&token=81d85505-6e1b-414e-abcf-bccb3f25faf5)