Кнопки во Flow Builder

Кнопки — это интерактивные элементы во Flow Builder, реагирующие на нажатия пользователя. Используйте их для:

  • CTA-кнопок покупки, которые привязаны к продуктам и автоматически обрабатывают транзакции
  • Навигации — перемещения пользователей между экранами (Next, Back, Close, Skip)
  • Утилитарных ссылок — Restore Purchases, Terms of Service и Privacy Policy

Этот раздел описывает новый Flow Builder, который работает с SDK Adapty версии 4.0 и выше.

Добавление кнопок

Чтобы добавить любую кнопку:

  1. Нажмите + и выберите Button.
  2. Выберите тип кнопки.
button-type.webp
  1. Кнопки покупки, ссылки и кнопки закрытия поставляются с предварительно настроенными действиями. Для ссылок настройте URL для перехода пользователей. Для других типов кнопок перейдите на панель Interactions. Там в разделе Button triggers настройте действия, которые должна выполнять кнопка.
button-action.webp
  1. Настройте дизайн кнопки в панели Design.

Типы кнопок

Кнопки покупки

Чтобы кнопки покупки работали, привяжите продукты к экрану и добавьте элемент Products. См. гайд.

Кнопка покупки запускает встроенную покупку того продукта, который пользователь выбрал на экране. SDK обрабатывает транзакцию автоматически — никакого дополнительного кода в приложении не требуется.

Чтобы добавить кнопку покупки:

  1. Нажмите + и выберите Button, затем выберите пресет кнопки.
  2. Выделив кнопку, откройте вкладку Interactions на правой панели.
  3. Нажмите Add trigger > On tap, затем нажмите Add action.
  4. Установите Action в Purchase, а Product — в products.selectedProduct. Переменная products.selectedProduct всегда указывает на текущий выбранный продукт на экране.

Привлечь внимание к кнопкам покупки можно с помощью анимации. Paywall Builder поддерживает тип анимации Pulse. Настройте стиль анимации в панели Design.

purchase-button.webp

Кнопки Terms of Use и Privacy Policy имеют встроенное действие Open URL. Укажите целевой URL в нём. Пустые Open URL и встроенные ссылки блокируют предпросмотр и публикацию.

Чтобы соответствовать требованиям некоторых сторов, вы можете добавить ссылки на:

  • Условия использования
  • Политику конфиденциальности
  • Восстановление покупок Чтобы добавить ссылки:
  1. Нажмите + и выберите Button > Links. Это добавит строку инлайн-кнопок с предустановленными действиями: восстановление покупок или открытие URL. Если не все кнопки нужны, удалите лишние на панели слоёв.
add-links.webp

  1. Теперь настройте действия кнопок:

    • Кнопка Restore purchases уже обрабатывает восстановление покупок.
    • Для каждой оставшейся ссылки:
      1. Нажмите на кнопку, чтобы выбрать её, и перейдите на вкладку Interactions справа.
      2. Вставьте URL в поле.
      3. По умолчанию URL открывается во встроенном браузере для удобства пользователя. Если вы хотите открывать ссылки во внешнем браузере, установите флажок Open in external browser.
pb-links.webp

Закрытие флоу

Кнопка Close автоматически закрывает флоу.

Чтобы добавить кнопку закрытия, нажмите + и выберите Button > Close flow.

close-flow.webp

Используйте позиционирование Absolute, чтобы разместить кнопку закрытия в углу экрана.

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

Пользовательские кнопки

Любую добавленную кнопку можно настроить на выполнение нужного действия при нажатии: