---
title: "Kullanıcılar kapat'a dokunduğunda teklif göster"
description: "Son bir teklif göstermek için kullanıcılar paywall'dan ayrılmadan önce ilk kapat dokunuşunu yakala."
---

Bir kullanıcı kapat düğmesine dokunduğunda, ödeme yapmadan ayrılmak üzeredir. Bu tarif ilk kapat dokunuşunu yakalar: paywall'ı kapatmak yerine son bir teklif overlay'i gösterir. Kullanıcı teklifi kapattığında, kapat düğmesi normal şekilde çalışır ve flow'u kapatır.

Bu mantık bir özel Boolean değişkeni ve bir koşullu eylem gerektirir:
- `close_tapped` başlangıçta `False` olarak ayarlanır.
- İlk kapat dokunuşu teklif overlay'ini gösterir ve `close_tapped` değerini `True` olarak ayarlar.
- Sonraki her kapat dokunuşu flow'u kapatır.
## Başlamadan önce \{#before-you-start\}

- Kapatma düğmesi içeren bir paywall ekranı oluşturun — örneğin, [Temel paywall ekranı oluşturma](basic-paywall-screen) adımlarını takip edin.
- Overlay'de tanıtmak için [teklif](offers) içeren bir [ürün](create-product) oluşturun.
## 1. Değişkeni oluşturun \{#create-the-variable\}

Özel değişkenler hakkında daha fazla bilgi için [Değişkenler](onboarding-variables#custom-variables) sayfasına bakın.

1. Sol panelde **{ }** simgesine tıklayarak **Variables** bölümünü açın.
2. **Custom** sekmesinde **+** düğmesine tıklayın.
3. Değişkeni `close_tapped` olarak adlandırın ve **Value Type** alanını **Boolean** olarak ayarlayın. **Initial Value** değerini **False** olarak bırakın.
4. **Create variable** düğmesine tıklayın.

## 2. Teklif katmanını oluşturun \{#build-the-offer-overlay\}

Katman, cihaz ekranına sabitlenen ve paywallın üzerine oturan bir kapsayıcıdır. Görünür şekilde oluşturun — gizli öğeler düzenlenemez; içerik yerleştikten sonra 4. adımda gizleyeceksiniz.
1. **+** > **Layout** > **Vertical Container** seçeneğine tıklayın.
2. Kapsayıcı seçiliyken **Design** sekmesini açın ve **Position** değerini **Fixed** olarak ayarlayın. Yatay hizalamayı **Left & Right**, dikey hizalamayı **Top** olarak belirleyin. Dikey ortalama seçeneği olmadığından, overlay'i ekranın ortasına taşımak için bir üst kenar boşluğu girin (örneğin `300`).
3. **Fill** bölümünde bir arka plan belirleyin — düz renk veya görsel olabilir. Kapsayıcı varsayılan olarak şeffaf olduğundan, dolgu eklemezseniz overlay'in altındaki paywall görünür olmaya devam eder.
4. Teklif içeriğini ekleyin. **Layers** panelinde kapsayıcı seçiliyken **+** > **Text** > **H2** seçeneğine tıklayın. İndirimli fiyatı göstermek için **Content** alanına `offer_price` gibi [teklif değişkenleri](onboarding-variables#product-variables) ekleyin.
5. **+** > **Products** seçeneğine tıklayın, bir düzen şablonu seçin ve overlay'in içine sürükleyin. Tuvaldeki ürün kartını seçin, ardından **Design** sekmesinden ürünü ve teklifi belirleyin.
6. **+** > **Buttons** seçeneğine tıklayın, bir buton şablonu seçin ve overlay'in içine sürükleyin. **Interactions** sekmesinde **Add trigger** > **On tap** > **Add action** seçeneğine tıklayın, ardından **Action** değerini **Purchase**, **Product** değerini ise teklif ürününüz olarak ayarlayın.

## 3. Overlay'e kapatma düğmesi ekle \{#add-the-dismiss-button-to-the-overlay\}

Overlay'in kendi kapatma düğmesine ihtiyacı var. Bu düğmenin eylemi flow'u kapatmamalı, yalnızca overlay'i gizlemelidir.

1. Overlay seçiliyken **+** > **Buttons** > **Close flow** seçeneğine tıklayın.
2. Düğme seçiliyken **Interactions** sekmesini açın. Hazır ayar, önceden yapılandırılmış bir **Close Flow** eylemiyle gelir. Eyleme tıklayın ve türünü **Hide element** olarak değiştirin. Hedefi overlay container olarak ayarlayın.
:::important
Overlay'in kapatma düğmesindeki önceden yapılandırılmış **Close Flow** eylemini kaldırmayı unutmayın — bu eylem, overlay'i gizlemek yerine tüm flow'u kapatır.
:::

## 4. Katmanı gizle \{#hide-the-overlay\}

Katman, ilk kapatma dokunuşuna kadar görünmez kalmalıdır.

**Layers** panelinde katman kapsayıcısını seçin ve durumunu **Hide** Hide olarak ayarlayın. Katman, katman ağacında kalmaya devam eder ancak canvas üzerinde artık görüntülenmez.

## 5. Kapat düğmesini ayarlayın \{#set-up-the-close-button\}

Kapat düğmesinin varsayılan işlemini, `close_tapped` üzerinde dallanan koşullu bir işlemle değiştirin.

Koşullu işlemler hakkında daha fazla bilgi için bkz. [İşlemler — Koşullu işlemler](onboarding-actions#conditional-actions).
1. Paywallın kapat düğmesini seçin — ekrandaki düğmeyi, katmanın kapatma düğmesini değil.
2. **Interactions** sekmesini açın, önceden yapılandırılmış **Close Flow** aksiyonuna tıklayın ve türünü **Conditional Action** olarak değiştirin.
3. **if** bloğunda **Add condition**'a tıklayın ve şunu ayarlayın: `close_tapped` **Equals** **False**.
4. **then** bloğuna iki aksiyon ekleyin:
    - **Set Variable**: `close_tapped` değerini **True** olarak ayarlayın.
- **Show element**: Hedef olarak teklif katmanını ayarlayın.

      
5. **else** bloğuna bir **Close Flow** eylemi ekleyin.

   
Artık ilk kapatma dokunuşu teklifi gösteriyor. Kullanıcı teklifi kapattıktan sonra, tekrar kapatmaya dokunmak **else** dalıyla eşleşerek flow'u kapatıyor.
## Sonraki adımlar \{#next-steps\}

- [Flow'unuzu kaydedin ve yayınlayın](builder-save-publish).
- Kullanıcılara göstermeye başlamak için [flow'u bir placement'a ekleyin](create-placement).