English 中文TürkçeРусскийEspañol日本語Tiếng Việt

Кнопки во Flow Builder

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

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

  • CTA-кнопок покупки, привязанных к продуктам и автоматически обрабатывающих транзакции
  • Навигации — перемещения пользователей между экранами (Далее, Назад, Закрыть, Пропустить)
  • Служебных ссылок — Восстановить покупки, Условия использования и Политика конфиденциальности

Размещайте CTA-кнопки покупки, ссылки восстановления и юридические ссылки внутри Footer — он закреплён в нижней части экрана и перекрывает прокручиваемые элементы под ним.

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

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

  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, чтобы разместить кнопку закрытия в углу экрана.

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

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

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