---
title: "Кнопка пейвола"
description: "Настраивайте кнопки пейвола в Adapty, чтобы улучшить взаимодействие с пользователями и повысить конверсию."
---

:::warning
**Только покупки и восстановления обрабатываются автоматически.** Все остальные действия кнопок, такие как закрытие пейвола или открытие ссылок, требуют реализации соответствующих обработчиков в коде приложения:
- [iOS](handle-paywall-actions)
- [Android](android-handle-paywall-actions)
- [React Native](react-native-handle-paywall-actions)
- [Flutter](flutter-handle-paywall-actions)
- [Unity](unity-handle-paywall-actions)
:::

Кнопка пейвола — это элемент интерфейса, который позволяет пользователям:
- Покупать продукты
- Входить в аккаунт
- Восстанавливать покупки
- Закрывать пейвол
- Запускать пользовательские действия (например, открывать другой пейвол)

:::info

В этом разделе описан новый Paywall Builder, который работает с:
- SDK для iOS, Android и React Native версии 3.0 и выше
- SDK для Flutter и Unity версии 3.3.0 и выше

:::

### Кнопки покупки \{#purchase-buttons\}
Кнопки покупки:
- Связываются с выбранными продуктами в вашем пейволе
- Запускают покупку при нажатии

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

:::note
Вы можете привлечь больше внимания к кнопкам покупки с помощью анимации. Paywall Builder сейчас поддерживает типы анимации **Arrow** и **Pulse**. Обратите внимание: чтобы добавить анимацию **Arrow**, сначала нужно настроить **Arrow icon** в разделе **Content**.

В каждой анимации можно выбрать вариант сглаживания (Linear, Ease In, Ease Out, Ease In Out), который управляет скоростью ускорения или замедления.

Анимации доступны в SDK Adapty для iOS, Android, React Native и Flutter начиная с версии 3.10.0. Для Android следуйте [гайду по миграции](migration-to-android-310).
:::

  <img src="/assets/shared/img/purchase-button.gif"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

### Ссылки \{#links\}
Чтобы соответствовать требованиям некоторых сторов, вы можете добавить ссылки на:
- Условия использования
- Политику конфиденциальности
- Восстановление покупок

Чтобы добавить ссылки:
1. Добавьте элемент **Link** в Paywall Builder.
2. Добавьте обработчик `openUrl` в ваш код:
    - [iOS](handle-paywall-actions)
    - [Android](android-handle-paywall-actions)
    - [React Native](react-native-handle-paywall-actions)
    - [Flutter](flutter-handle-paywall-actions)
    - [Unity](unity-handle-paywall-actions)

  <img src="/assets/shared/img/pb-links.webp"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

### Кастомные кнопки \{#custom-buttons\}
Кастомные кнопки нужны для:
- Закрытия пейвола (`close`)
- Открытия URL (`openUrl`)
- Восстановления покупок (`restore`)
- Входа в аккаунт (`login`)
- Запуска пользовательских действий (например, открытия другого пейвола)

Чтобы большинство кнопок работали, нужно **обработать их идентификаторы действий в коде**:
- [iOS](handle-paywall-actions)
- [Android](android-handle-paywall-actions)
- [React Native](react-native-handle-paywall-actions)
- [Flutter](flutter-handle-paywall-actions)
- [Unity](unity-handle-paywall-actions)

Например, кнопке закрытия нужен обработчик действия `close`.

:::important
`close` обрабатывается автоматически в SDK для iOS, Android и React Native. `openUrl` обрабатывается автоматически в SDK для iOS и Android. При необходимости вы можете переопределить поведение по умолчанию.

`restore` всегда обрабатывается автоматически.
:::

Обрабатывая кастомные действия в коде, вы можете реализовать такие сценарии, как:

- Открытие другого пейвола
- Последовательное выполнение нескольких действий (например, закрыть и открыть)

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

  <img src="/assets/shared/img/pb-custom-button.webp"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>