---
title: "Web paywall yapılandırması"
---

**Web paywall** sayfasında **Create web paywall** butonuna tıkladığınızda, web paywall tasarımını ve ödeme yöntemini ayarlamak için ayrı bir sayfaya yönlendirilirsiniz.

## Ödeme yöntemi kurulumu \{#set-up-a-payment-method\}

Öncelikle satın almaları yönetecek bir ödeme sağlayıcısı bağlamanız gerekir. Mevcut seçenekler şunlardır:

- Stripe
- Paddle
- Paypal
- Solidgate

:::important
Adapty'de web paywall analizlerinin doğru takip edilebilmesi için ürünlerinizi [Adapty'ye eklerken](product) ilgili Stripe/Paddle/diğer ödeme sağlayıcısı ürün ID'lerini de girmeniz gerekir.
:::

Bir ödeme sağlayıcısı kurmak için:
1. Web paywall liste sayfasında **Settings** butonuna tıklayın ve **Integrations** sekmesine geçin.
2. Bir ödeme sağlayıcısı seçin ve ekrandaki entegrasyon talimatlarını izleyin.

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

3. ⚠️ Stripe seçerseniz, arayüzde **Sandbox** yazmasına rağmen **Test Mode** ortamına ait anahtarları kullandığınızdan emin olun. Aksi takdirde web paywallınız çalışmaz. Stripe'taki **Sandbox**'lar henüz desteklenmemektedir.

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

### Apple Pay alan adı doğrulamasını kurma \{#set-up-apple-pay-domain-verification\}

**Settings > Domains** bölümünde alan adı doğrulaması için kullanmak istediğiniz birincil ödeme sağlayıcısını seçin. Ardından paywall alan adlarınızı ilgili sağlayıcıda doğrulayın:

**Stripe**:
1. [Ödeme yöntemi alan adı ayarları](https://dashboard.stripe.com/settings/payment_method_domains) sayfasına gidin ve **Add a new domain** butonuna tıklayın.
2. `app.funnelfox.com` ile kişisel paywall alt alan adınızı (`paywalls-....fnlfx.com` gibi görünür) ekleyin. Alt alan adınızı bulmak için **Settings > Domains** bölümüne gidin ve **Hosted subdomain** değerini kopyalayın.

**Paddle**:
1. Paddle konsolunda **Checkout > Website approval** bölümüne gidin ve **Add a new domain** butonuna tıklayın.
2. `app.funnelfox.com` ile kişisel paywall alt alan adınızı (`paywalls-....fnlfx.com` gibi görünür) ekleyin. Alt alan adınızı bulmak için **Settings > Domains** bölümüne gidin ve **Hosted subdomain** değerini kopyalayın.

Paddle'da onay süreci manuel yürütüldüğünden, alan adlarının `Pending` durumundan `Approved` durumuna geçmesini beklemeniz gerekir.

**FunnelFox Billing**:

[FunnelFox Billing entegrasyon talimatlarını](https://funnelfox.com/docs/billing/integration-billing-funnelfox) izleyin.

**SolidGate**:
1. Solidgate Kontrol Paneli'nde **Developers > Apple Pay Domains** bölümüne gidin.
2. **+ Add new domain** butonuna tıklayın ve proje alan adınızı (FunnelFox'ta **Settings > Domains** bölümünden) yapıştırın. Varsa özel alan adınızı da ekleyin.
3. Apple Pay'i önizleme modunda kullanmak için `http://app.funnelfox.com/` adresini de ekleyin.

## Web paywall oluşturma ve yapılandırma \{#create-and-configure-a-web-paywall\}
1. Web paywall liste sayfasında **Create a paywall** butonuna tıklayın.
2. Bir paywall adı girin ve **Create** butonuna tıklayın.

   
   <img src="/assets/shared/img/web-paywall-configuration-2.png"
   style={{
   border: '1px solid #727272', /* border width and color */
   width: '700px', /* image width */
   display: 'block', /* for alignment */
   margin: '0 auto' /* center alignment */
   }}
   />
   
3. İki abonelik seçeneği ve Apple Pay satın alma butonu içeren temel bir şablona yönlendirileceksiniz.

   İlk ekranda abonelik planları listelenir. İkinci ve üçüncü ekranlar ödeme ekranlarıdır. Her ekran, sunduğunuz planlardan birine karşılık gelir. Yalnızca bir planınız varsa fazladan ekranı silin; daha fazlası varsa ödeme ekranlarını çoğaltmanız gerekir.

   Başarılı bir satın almanın ardından kullanıcıların gördüğü son ekranda, uygulamalarına geri dönebileceklerini açıkça belirtmeniz gerekir.

   
   <img src="/assets/shared/img/web-paywall-configuration-10.gif"
   style={{
   border: '1px solid #727272', /* border width and color */
   width: '700px', /* image width */
   display: 'block', /* for alignment */
   margin: '0 auto' /* center alignment */
   }}
   />
   
4. Plan listesini ayarlayın: plan ve fiyat ekleyin ya da kaldırın. Ekranda gördüğünüz fiyatlar ve planlar dinamik olarak eklenmez, bu nedenle bunları manuel olarak yapılandırmanız gerekir.
   
   <img src="/assets/shared/img/web-paywall-configuration-8.gif"
   style={{
   border: '1px solid #727272', /* border width and color */
   width: '700px', /* image width */
   display: 'block', /* for alignment */
   margin: '0 auto' /* center alignment */
   }}
   />
   
5. Sahip olduğunuz her plan için bir ödeme ekranı ekleyin veya yapılandırın. Kullanıcıların satın alma butonuna tıklamadan önce ne kadar ödeyeceğini bilmesi için her ödeme ekranına toplam tutar eklemenizi öneririz.
6. Ödeme ekranlarında Apple Pay butonu zaten bulunmaktadır. Butonun çalışması için her ekranda şunları yapılandırın:
   1. **Product type**: Deneme süresi mi yoksa indirim mi eklemek istediğinizi seçin.
   2. **Trial period**: Deneme süresi uzunluğunu girin.
   3. **Product**: Ödeme sağlayıcınızdan ürününüzü seçin.
      :::important
      Ürünün Adapty'ye eklendiğinden emin olun. Aksi takdirde satın alma sonucu varsayılan olarak ayarlanır.
      :::
   4. **Subscription discount**: İsteğe bağlı olarak ödeme sağlayıcınızdan bir kupon seçin.
   
   <img src="/assets/shared/img/web-paywall-configuration-6.png"
   style={{
   border: '1px solid #727272', /* border width and color */
   width: '700px', /* image width */
   display: 'block', /* for alignment */
   margin: '0 auto' /* center alignment */
   }}
   />
   
7. Şimdi planları ödeme ekranlarıyla ilişkilendirmeniz gerekir. Plan seçim ekranında **Continue** butonuna tıklayın ve her plan için hedef ekranı seçin.
   
   <img src="/assets/shared/img/web-paywall-configuration-9.png"
   style={{
   border: '1px solid #727272', /* border width and color */
   width: '700px', /* image width */
   display: 'block', /* for alignment */
   margin: '0 auto' /* center alignment */
   }}
   />
   

Paywall hazır olduğunda, Adapty'de etkinleştirmek için bağlantısını almanız gerekir. Bağlantıyı alma yöntemi, test mi yoksa canlı ortama mı geçeceğinize bağlıdır:

1. **Sandbox testi için**: Sağ üstteki **Preview** butonuna tıklayın ve bağlantıyı kopyalayın.
2. **Canlı ortam için**: Sağ üstteki **Publish** butonuna tıklayın. **Home** butonuna tıklayın ve **URL** sütunundan bağlantıyı kopyalayın.

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

Hepsi bu kadar! [Kuruluma devam etmek](web-paywall#step-2-trigger-the-paywall) için bu bağlantıyı kullanın.