English 中文TürkçeРусскийFrançaisTiếng ViệtEspañol日本語

Кнопки

Info

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

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

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

Размещайте 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 всегда указывает на текущий выбранный продукт на экране.
Tip

Вы можете привлечь больше внимания к кнопкам покупки, добавив анимацию. Paywall Builder в настоящее время поддерживает тип анимации Pulse.

Настройте стиль анимации в панели Design.

purchase-button.webp
Important

Кнопки 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
Tip

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

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

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

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