---
title: "Flow builder'daki düğmeler"
description: "Flow Builder'da eylem düğmeleri ekleyin ve yapılandırın."
---

:::info
Bu bölüm, Adapty SDK'larının 4.0 veya daha yüksek sürümleriyle çalışan yeni Flow Builder'ı açıklamaktadır.
:::
Butonlar, Flow Builder'daki kullanıcı dokunuşlarına tepki veren etkileşimli öğelerdir. Şu amaçlarla kullanın:
- Ürünlere bağlanan ve işlemleri otomatik olarak gerçekleştiren satın alma CTA'ları
- Gezinme — kullanıcıları ekranlar arasında taşıma (İleri, Geri, Kapat, Geç)
- Yardımcı bağlantılar — Satın Alımları Geri Yükle, Kullanım Koşulları ve Gizlilik Politikası

:::tip
Satın alma CTA'larını, geri yükleme bağlantılarını ve yasal bağlantıları bir [Footer](builder-containers#footer) içine yerleştirin — bu öğe ekranın alt kısmına sabitlenir ve altında kayan öğeleri örter.
:::
## Buton ekleme \{#add-buttons\}

Herhangi bir buton eklemek için:

1. **+** simgesine tıklayın ve **Button** seçeneğini seçin.
2. Bir buton türü seçin.

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

3. Satın alma düğmeleri, bağlantılar ve kapatma düğmeleri önceden yapılandırılmış eylemlerle gelir. Bağlantılar için [kullanıcıları yönlendirmek üzere URL'leri yapılandırın](#links). Diğer düğme türleri için **Interactions** paneline gidin. Orada, **Button triggers** bölümünde, düğmenin gerçekleştirmesi gereken [eylemleri](onboarding-actions) ayarlayın.

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

4. **Design** panelinde [buton tasarımını](builder-styling) yapılandırın.
## Buton türleri \{#button-types\}
### Satın alma düğmeleri \{#purchase-buttons\}

:::link
Satın alma düğmelerinin çalışması için ürünleri ekranlara bağlayın ve **Products** öğesini ekleyin. [Rehbere](paywall-product-block) bakın.
:::

Satın alma düğmesi, kullanıcının ekranda seçtiği ürün için uygulama içi satın alma işlemini başlatır. SDK işlemi otomatik olarak yönetir, dolayısıyla uygulama kodunda satın almaları ayrıca ele almanız gerekmez.

Satın alma düğmesi eklemek için:
1. **+** düğmesine tıklayın ve **Button** seçeneğini seçin, ardından bir buton ön ayarı seçin.
2. Butonu seçili durumdayken sağ paneldeki **Interactions** sekmesini açın.
3. **Add trigger** > **On tap** seçeneğine tıklayın, ardından **Add action** düğmesine tıklayın.
4. **Action** değerini **Purchase**, **Product** değerini ise `products.selectedProduct` olarak ayarlayın. `products.selectedProduct` değişkeni her zaman ekrandaki o an seçili olan ürüne karşılık gelir.

:::tip
Satın alma butonlarına animasyon ekleyerek daha fazla dikkat çekebilirsiniz. Paywall Builder şu an için **Pulse** animasyon türünü desteklemektedir.
Animasyon stilini **Design** panelinde yapılandırın.
:::

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

### Bağlantılar \{#links\}

:::important
**Terms of Use** ve **Privacy Policy** butonlarında yerleşik bir **Open URL** eylemi bulunur. Hedef URL'yi buradan ayarlayın. Boş Open URL'ler ve [satır içi bağlantılar](onboarding-text#inline-link) önizleme ve yayınlamayı engeller.
:::

Bazı mağaza gereksinimlerini karşılamak için şunlara bağlantı ekleyebilirsiniz:
- Kullanım koşulları
- Gizlilik politikası
- Satın alma geri yükleme
Bağlantı eklemek için:
1. **+** butonuna tıklayın ve **Button > Links** seçeneğini seçin. Bu işlem, önceden tanımlanmış aksiyonlara sahip bir satır içi buton grubu ekler: satın almaları geri yükleme veya bir URL açma. Dahil edilen butonların tamamına ihtiyaç duymuyorsanız, gereksiz olanları katmanlar panelinden silin.

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

2. Şimdi buton eylemlerini ayarlayın:

   - **Restore purchases** butonu satın alma geri yüklemelerini zaten yönetiyor.
   - Kalan her bağlantı için:
        1. Seçmek için butona tıklayın ve sağdaki **Interactions** sekmesine geçin.
        2. URL'yi alana yapıştırın.
        3. Varsayılan olarak URL, kesintisiz bir kullanıcı deneyimi için uygulama içi tarayıcıda açılır. Kullanıcıları harici bir tarayıcıya yönlendirmek istiyorsanız **Open in external browser** onay kutusunu işaretleyin.

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

### Flow'u kapat \{#close-flow\}

**Close** düğmesi flow'u otomatik olarak kapatır.

Kapat düğmesi eklemek için **+** simgesine tıklayın ve **Button > Close flow** seçeneğini seçin.

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

:::tip
Kapat düğmesini ekranın köşesine yerleştirmek için **Absolute** konumlandırmayı kullanın.
:::
Ayrıca [eylemler](onboarding-actions) aracılığıyla herhangi bir düğmeyi flow'u kapatacak şekilde yapılandırabilirsiniz.
### Özel düğmeler \{#custom-buttons\}

Eklediğiniz herhangi bir düğme, dokunulduğunda şu eylemlerden birini gerçekleştirecek şekilde yapılandırılabilir:
- Sonraki ekrana git
- Uyarı göster
- [Değişken](onboarding-variables) ayarla
- [Ekran öğelerini göster veya gizle](onboarding-element-visibility)
- URL aç
- Satın almaları geri yükle
- Koşullu eylemler gerçekleştir