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

• Kapatma düğmesi içeren bir paywall ekranı oluşturun — örneğin, Temel paywall ekranı oluşturma adımlarını takip edin.
• Overlay’de tanıtmak için teklif içeren bir ürün oluşturun.

1. Değişkeni oluşturun

Özel değişkenler hakkında daha fazla bilgi için Değişkenler 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

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 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

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.

4. Katmanı gizle

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

Layers panelinde katman kapsayıcısını seçin ve durumunu 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

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.

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

• Flow’unuzu kaydedin ve yayınlayın.
• Kullanıcılara göstermeye başlamak için flow’u bir placement’a ekleyin.