# Переменные в кнопках

В этой инструкции мы расскажем

* как добавить переменные в кнопки
* как менять значения в зависимости от условий

## Область применения <a href="#oblast-primeneniya" id="oblast-primeneniya"></a>

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

{% hint style="info" %}
#### Важно <a href="#vazhno" id="vazhno"></a>

* Пока значение переменной, вставленной в кнопку, не задано она (кнопка в сообщении) отображаться не будет.
{% endhint %}

<figure><img src="https://2249269224-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLmohxxJlESle3zPCwerN%2Fuploads%2FoFAich8ZY9jD4TPHXtZ3%2Fimage.png?alt=media&#x26;token=c4f97798-cabd-41fb-ad89-39b5dd76d7f2" alt=""><figcaption></figcaption></figure>

Возьмем простой пример проверки задания.

По ключевому слову "Результаты" пользователь получит сообщение, что здесь он сможет узнать результаты. Если задание выполнено, то будет отображаться кнопка. Если не выполнено, то кнопка не будет отображаться.

> Скачать готовую схему для TG и VK:\
> 💾 [Cкачать схему](https://disk.yandex.ru/d/P3J1uQtNAuO9jw)\
> 🔧 [Инструкция по установке схем](../../docs/automation/graph/import-i-eksport-skhem)

## Реализация

### №1 Создаем поле

Идем в раздел "Поля профилей"

Создаем новое поле.

Указываем название, например: _Кнопка "Узнать результат"_

Системное имя можно оставить, но лучше указать своё, например: button

И ставим тип данных поля: Текст

<figure><img src="https://2249269224-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLmohxxJlESle3zPCwerN%2Fuploads%2FJleP5aHRmRM86YXAAqql%2Fimage.png?alt=media&#x26;token=34ec54a7-0bf4-4997-99b1-5b013b54d0d1" alt=""><figcaption></figcaption></figure>

### №2 Настраиваем схему

Теперь идем в блок-схемы.

В итоге у нас должна получиться вот такая схема:

<figure><img src="https://2249269224-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLmohxxJlESle3zPCwerN%2Fuploads%2FKC79zLqeWEOeOpMZScAx%2Fimage.png?alt=media&#x26;token=8dff7e6c-678e-4a47-9292-db07e5b8a9a4" alt=""><figcaption></figcaption></figure>

#### 1) Настраиваем выдачу текста с невидимой кнопкой

После блока события и контейнером "Входящее сообщение" с ключевым слово "Результаты" добавляем блок действия.

В блоке действия ставим два контейнера:

* "Задать значение текстовой переменной"\
  В котором задаем свою переменную, например: resultat\
  И в новой значение пишем переменную значения поля `{field:button}`
* И контейнер "Отправить сообщение" с вашим текстом и кнопкой с переменной `{var:resultat}`

<figure><img src="https://2249269224-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLmohxxJlESle3zPCwerN%2Fuploads%2FjiRM9t3rQh7K1vaOKJoO%2Fimage.png?alt=media&#x26;token=dc87f17f-1582-4567-afe1-bb0b7a801dc5" alt=""><figcaption></figcaption></figure>

#### 2) Задаем значение на кнопке

Например, на ключевое слово "Выполнено", делаем реакцию и добавляем блок Действие.

В нем выбираем контейнер "Задать значение текстового поля"

Выбираем наше созданное поле.

И пишем текст, который будет отображаться в кнопке.

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

<figure><img src="https://2249269224-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLmohxxJlESle3zPCwerN%2Fuploads%2FbYwHzj0iuP0kT7V5Bp9F%2Fimage.png?alt=media&#x26;token=2910eff3-d8e5-4fd8-8e74-c0c288c6bb50" alt=""><figcaption></figcaption></figure>

Чтобы убрать текст кнопки кнопки (чтобы она не отображалась), выберите операцию "Очистить"

<figure><img src="https://2249269224-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLmohxxJlESle3zPCwerN%2Fuploads%2FYNJyrP2RacvhiwklbwJm%2Fimage.png?alt=media&#x26;token=11f85325-584a-4742-b005-cb4d0cd15d76" alt=""><figcaption></figcaption></figure>

Данный контейнер добавляется в соответствующее места воронки.

Настройка универсальная для Telegram и ВКонтакте.
