---
title: "Paywall butonu"
description: "Kullanıcı etkileşimlerini geliştirmek ve dönüşümleri artırmak için Adapty'deki paywall butonlarını özelleştirin."
---

:::warning
**Yalnızca satın almalar ve yenileme işlemleri otomatik olarak yönetilir.** Paywallı kapatma veya link açma gibi diğer tüm buton eylemleri, uygulama kodunda uygun yanıtların implement edilmesini gerektirir:
- [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)
:::

Paywall butonu, kullanıcıların şunları yapmasını sağlayan bir UI elementidir:
- Ürün satın alma
- Oturum açma
- Satın almaları geri yükleme
- Paywallı kapatma
- Özel eylemleri tetikleme (örn. başka bir paywall açma)

:::info

Bu bölüm, aşağıdakilerle çalışan yeni Paywall Builder'ı açıklar:
- iOS, Android ve React Native SDK sürüm 3.0 veya üzeri
- Flutter ve Unity SDK sürüm 3.3.0 veya üzeri

:::

### Satın alma butonları \{#purchase-buttons\}
Satın alma butonları:
- Paywallinizde seçili ürünlere bağlanır
- Dokunulduğunda satın alma işlemini başlatır

Paywallinize bir satın alma butonu eklediğinizde, kullanıcılarınızın yaptığı satın almaları otomatik olarak işler. Bu sayede satın almaları uygulama kodunda ayrıca yönetmenize gerek kalmaz.

:::note
Satın alma butonlarına animasyon ekleyerek daha fazla dikkat çekebilirsiniz. Paywall Builder şu anda **Arrow** ve **Pulse** animasyon türlerini desteklemektedir. **Arrow** animasyonunu eklemek için önce **Content** bölümünde **Arrow icon**'u yapılandırmanız gerektiğini unutmayın.

Her animasyon, hızlanma veya yavaşlamayı kontrol etmek için bir easing seçeneği (Linear, Ease In, Ease Out, Ease In Out) sunmaktadır.

Animasyonlar, 3.10.0 sürümünden itibaren Adapty iOS, Android, React Native ve Flutter SDK'larında kullanılabilir. Android için [migration kılavuzunu](migration-to-android-310) takip edin.
:::

  <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 */
  }}
/>

### Linkler \{#links\}
Bazı mağaza gereksinimlerine uymak için şu linkleri ekleyebilirsiniz:
- Kullanım koşulları
- Gizlilik politikası
- Satın alma yenileme

Link eklemek için:
1. Paywall builder'da bir **Link** elementi ekleyin.
2. Kodunuza `openUrl` handler'ını ekleyin:
    - [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 */
  }}
/>

### Özel butonlar \{#custom-buttons\}
Özel butonlara şu durumlarda ihtiyaç duyarsınız:
- Paywallı kapatma (`close`)
- URL açma (`openUrl`)
- Satın almaları geri yükleme (`restore`)
- Oturum açma (`login`)
- Özel eylemleri tetikleme (örn. başka bir paywall açma)

Çoğu butonun çalışması için **eylem ID'lerini kodunuzda yönetmeniz** gerekir:
- [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)

Örneğin, kapatma butonu için `close` eylem handler'ı gereklidir.

:::important
`close`, iOS, Android ve React Native SDK'larında otomatik olarak yönetilir. `openUrl` ise iOS ve Android SDK'larında otomatik olarak yönetilir. Ancak gerekirse varsayılan davranışı geçersiz kılabilirsiniz.

`restore` her zaman otomatik olarak yönetilir.
:::

Kodunuzda özel eylemleri yönetirken şu senaryoları uygulayabilirsiniz:

- Başka bir paywall açma
- Birden fazla eylemi sırayla çalıştırma (kapatma ve açma gibi)

Bu senaryoları eylem yönetim sistemi kullanarak oluşturmanız gerektiğini unutmayın; bunlar yerleşik özellikler değildir.

  <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 */
  }}
/>