---
title: "Ürün satmak için paywall ekle"
description: "Adapty'de paywall'lar oluşturun ve tasarlayın, ardından belirli kitlelere hedefli mağaza vitrinleri göstermek için placement'lara ekleyin."
---

:::info
Bu kılavuza devam etmek için [mağaza entegrasyonunu](integrate-payments) tamamladığınızdan ve önceki [ürün ekleme kılavuzunda](quickstart-products) açıklandığı gibi en az bir ürün oluşturduğunuzdan emin olun.
:::

:::tip
Adapty'yi programatik olarak mı kuruyorsunuz? Bu adımı [Developer CLI](developer-cli-quickstart) kullanarak tamamlayabilirsiniz.
:::

Adapty'de **paywall'lar, ürünleri uygulamanız aracılığıyla sunmanın tek yoludur**. Bu sayede farklı ürün setlerinin kullanıcı grupları genelinde nasıl performans gösterdiğini kolayca takip edebilir ve ürünlerin görsel olarak nasıl sunulduğunu yönetebilirsiniz.

Adapty'den en iyi şekilde yararlanmak için bu kılavuzda, bir önceki adımda eklediğiniz ürünü satmak amacıyla bir paywall oluşturacağız.

Nasıl çalışır:
- **Paywall**: Paywall, bir veya daha fazla ürün için bir kapsayıcıdır. Paywall builder'da oluşturulmuş görsel bir paywall, ürün bilgileri veya kodunuzda kullanmak için JSON yapılandırması içerebilir. [Paywall'lar](paywalls) hakkında daha fazla bilgi edinin.
- **Placement**: Placement, uygulamanızda bir paywall, onboarding akışı veya A/B testi gösterdiğiniz belirli bir noktadır. Placement'lar, paywall'ınızla belirli [kitleleri](audience) hedeflemenizi sağlar. [Placement'lar](placements) hakkında daha fazla bilgi edinin.

:::note
Adapty ile bir paywall tasarlamasanız bile bu kılavuza devam etmeniz ve bir tane oluşturmanız gerekir. Bu şekilde ürünlerinizi içine yerleştirebilir ve monetizasyon analizlerini takip edebilirsiniz.
:::

<div style={{
    maxWidth: '560px',
    margin: '0 auto 2rem',
    position: 'relative',
    aspectRatio: '16/9',
    width: '100%'
}}>
    <iframe
        style={{
            position: 'absolute',
            top: 0,
            left: 0,
            width: '100%',
            height: '100%'
        }}
        src="https://www.youtube.com/embed/e4o7Z2tUGL8?si=ipwbW3VVN0fIg0R0"
        title="YouTube video player"
        frameBorder="0"
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
        referrerPolicy="strict-origin-when-cross-origin"
        allowFullScreen
    />
</div>

## 1. Paywall oluştur \{#1-build-paywall\}

Bir paywall oluşturmak yalnızca birkaç tıklama gerektirir:

1. Adapty ana menüsünde [**Paywalls**](https://app.adapty.io/paywalls) bölümüne gidin.
2. **Create paywall** düğmesine tıklayın.
3. Bir **Paywall name** girin. Bu, Adapty Kontrol Paneli'ndeki dahili bir tanımlayıcıdır.
4. **Add product** düğmesine tıklayın ve paywall'da görüntülenecek ürünleri seçin.
5. **Create as a draft** düğmesine tıklayın.

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

### Paywall tasarla \{#design-paywall\}

Bir paywall tasarlamanın en kolay yolu, tasarım veya kodlama becerisi gerektirmeyen Adapty no-code builder ile bir tane oluşturmaktır. Profesyonel olarak tasarlanmış geniş bir şablon yelpazesinden seçim yapabilir veya uygulamanıza özel tamamen özelleştirilmiş bir paywall oluşturabilirsiniz.

:::note
Paywall builder'ı kullanmak istemiyorsanız, özel JSON payload'larıyla [remote config](customize-paywall-with-remote-config) kullanarak paywall'ları manuel olarak uygulayabilirsiniz. <InlineTooltip tooltip="paywall'ları manuel olarak uygulamak">Platformunuz için kılavuzu takip edin: [iOS](ios-implement-paywalls-manually), [Android](android-implement-paywalls-manually), [React Native](react-native-implement-paywalls-manually), [Flutter](flutter-implement-paywalls-manually), [Unity](unity-implement-paywalls-manually).</InlineTooltip> hakkında daha fazla bilgi edinin.
:::

:::tip
Uygulamanız App Store'da yayınlanmışsa, saniyeler içinde uygulamanıza özel, yüksek dönüşüm sağlayan bir paywall oluşturabilirsiniz. **Builder & Generator** sekmesindeki AI oluşturucuyu kullanın.
:::

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

İlk paywall'ınızı tasarlayalım. Etkileyici paywall'ları kolayca oluşturabilirsiniz:

1. Paywall sayfasında **Builder & Generator** bölümünü açın.
2. **Build no-code paywall** düğmesine tıklayın.
3. Bir şablon seçin ve seçiminizi onaylayın.
4. Gerektiğinde öğe ekleyin ve özelleştirin.
5. **Save** düğmesine tıklayın.

Daha fazla bilgi için [Paywall builder](adapty-paywall-builder#paywall-elements) hakkındaki ayrıntılı makaleye gidin.

## 2. Paywall'ı placement'a ekle \{#2-add-paywall-to-placement\}

Şimdi az önce oluşturduğunuz paywall ile bir <InlineTooltip tooltip="placement">Placement, uygulamanızda bir paywall, onboarding akışı veya A/B testi gösterdiğiniz belirli bir noktadır. Placement'lar, paywall'ınızla belirli [kitleleri](audience) hedeflemenizi sağlar. [Placement'lar](placements) hakkında daha fazla bilgi edinin.</InlineTooltip> oluşturmanız gerekiyor.

En temel olanıyla başlayalım - onboarding placement'ı. Daha sonra kullanıcı yolculuğu boyunca daha fazla [anlamlı placement](choose-meaningful-placements) ekleyebilirsiniz.

1. Adapty ana menüsünde [**Placements**](https://app.adapty.io/placements/paywalls) bölümüne gidin.
2. **Create placement** düğmesine tıklayın.
3. Bir **Placement name** girin (örneğin, `main` veya `onboarding`). Bu, Adapty Kontrol Paneli'ndeki dahili bir tanımlayıcıdır.
4. Bir **Placement ID** girin. Bu ID'yi, placement'ın paywall'ını yüklemek için Adapty SDK'sında kullanacaksınız.
5. **Run Paywall** düğmesine tıklayın ve göstermek istediğiniz paywall'ı seçin.
6. **Save & publish** düğmesine tıklayın.

Uygulama kodunuzda yalnızca placement ID'lerini sabit olarak yazarsınız. Diğer her şey Adapty Kontrol Paneli'nde yapılandırılır ve uygulama güncellemesi olmadan istediğiniz zaman değiştirilebilir.

:::tip
Adapty, farklı paywall'ları çeşitli kullanıcı gruplarına gösterme ve performansı analiz etme esnekliği sunar. [Kitleler](audience) ve [A/B testleri](ab-tests) hakkında daha fazla bilgi edinin.
:::

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

## Sonraki adımlar \{#next-steps\}

Paywall'ınızı Adapty'de bir placement'a bağladıktan sonra, bir sonraki adım onu bir cihazda görüntülemektir. Uygulamanıza [Adapty SDK'sını entegre etmeye](quickstart-sdk) geçelim.