---
title: "Remote config ile paywall tasarımı"
description: "Daha iyi hedefleme için Adapty'de remote config ile paywallınızı özelleştirin."
---

Paywall Remote Config, esnek yapılandırma seçenekleri sunan güçlü bir araçtır. Paywalllarınızı tam istediğiniz gibi şekillendirmek için özel JSON payload'ları kullanmanıza olanak tanır. Başlıklar, görseller, yazı tipleri, renkler ve daha birçok parametreyi bu şekilde tanımlayabilirsiniz.

<details>
   <summary>Paywall özelleştirmeye başlamadan önce (Genişletmek için tıklayın)</summary>

   1. [Ürün oluşturun](create-product).
2. [Paywall oluşturun ve ürünü ekleyin](create-paywall).
</details>

Remote config ile paywall özelleştirmeye başlamak için:

1. Adapty ana menüsünde [**Paywalls**](https://app.adapty.io/paywalls) bölümünü açın.

2. Paywalla tıklayarak açın.

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

3. **Remote config** sekmesine geçin.

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

Remote config'in 2 görünümü vardır:

- [Tablo](customize-paywall-with-remote-config#table-view-of-the-remote-config)
- [JSON](customize-paywall-with-remote-config#json-view-of-the-remote-config)

**Tablo** ve **JSON** görünümleri aynı yapılandırma öğelerini içerir. Aralarındaki tek fark tercihe bağlıdır; tablo görünümü, yerelleştirme hatalarını düzeltmek için kullanışlı olabilen bir bağlam menüsü sunar.  
İhtiyaç duyduğunuzda **Table** veya **JSON** sekmesine tıklayarak görünümler arasında geçiş yapabilirsiniz.

Paywallınızı hangi görünümle özelleştirdiğinizden bağımsız olarak, bu verilere daha sonra SDK üzerinden `AdaptyPaywall`'ın `remoteConfig` veya `remoteConfigString` özellikleriyle erişebilir ve paywallınızda çeşitli ayarlamalar yapabilirsiniz. Ayrıca kontrol panelinde manuel değişiklik yapmadan paywall yapılandırmalarını dinamik olarak güncellemek için [sunucu taraflı API](api-adapty/operations/updatePaywall) aracılığıyla remote config değerlerini programatik olarak güncelleyebilirsiniz. Aşağıda remote config'i nasıl kullanabileceğinize dair bazı örnekler yer almaktadır.

<Tabs groupId="current-os" queryString>
  <TabItem value="Titles" label="Başlıklar" default>
```json showLineNumbers
{
    "screen_title": "Today only: Subscribe, and get 7 days for free!"
}

# Test titles or others texts
```
</TabItem>
<TabItem value="Images" label="Görseller" default>
```json showLineNumbers
{
    "background_image": "https://adapty.io/media/paywalls/bg1.webp"
}

# Test images on your paywall
```
</TabItem>
<TabItem value="Fonts" label="Yazı Tipleri" default>
```json showLineNumbers
{
    "font_family": "San Francisco",
    "font_size": 16
}

# Test fonts
```
</TabItem>
<TabItem value="Color" label="Renkler" default>
```json showLineNumbers
{
    "subscribe_button_color": "purple"
}

# Test colors of buttons, texts etc.
```
</TabItem>
<TabItem value="HTML" label="HTML" default>
```json showLineNumbers
{
    "photo_gallery": "https://adapty.io/media/paywalls/link-to-html-snippet.html"
}

# Any HTML code that can be displayed on the paywall
```
</TabItem>
<TabItem value="Soft/Hard Paywall" label="Soft/Hard Paywall" default>
```json showLineNumbers
{
    "hard_paywall": true
}

# By setting it to true, you disalow skipping paywall without subscribing
# You have to handle this logic in your app
```
</TabItem>
<TabItem value="Translations" label="Çeviriler" default>
```json showLineNumbers
{
    "title": {
        "en": "Try for free!",
        "es": "¡Prueba gratis!",
        "ru": "Попробуй бесплатно!"
    }
}
```
</TabItem>
</Tabs>

Farklı seçenekleri birleştirebilir ve kendinize özgü yapılandırmalar oluşturabilirsiniz. Bu sayede farklı başlıkları, metinleri, görselleri, yazı tiplerini, renkleri ve daha fazlasını test edebilirsiniz.

### Remote config'in JSON görünümü \{#json-view-of-the-remote-config\}

Remote config'in **JSON** görünümünde istediğiniz JSON formatındaki veriyi girebilirsiniz:

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

### Remote config'in Tablo görünümü \{#table-view-of-the-remote-config\}

Kodla çalışmak alışkanlığınız değilse ve JSON'daki bazı değerleri düzeltmeniz gerekiyorsa Adapty sizin için **Tablo** görünümü sunar.

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

Bu görünüm, JSON'ınızın okunması ve anlaşılması kolay bir tablo formatındaki kopyasıdır. Renk kodlaması farklı veri türlerini ayırt etmenizi kolaylaştırır.

Anahtar eklemek için **Add row** düğmesine tıklayın. Değerler ve tür eşleşmesini otomatik olarak kontrol eder; yaptığınız düzeltmeler geçersiz bir JSON'a yol açabilecekse sizi uyarırız.

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

Ek satır seçenekleri özellikle [paywall yerelleştirmeleri](add-remote-config-locale) için kullanışlıdır:

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

Şimdi [placement oluşturma](create-placement) ve paywallı buna ekleme zamanı. Ardından mobil uygulamanızda <InlineTooltip tooltip="remote config paywalllarınızı görüntüleyin">[iOS](present-remote-config-paywalls), [Android](present-remote-config-paywalls-android), [React Native](present-remote-config-paywalls-react-native), [Flutter](present-remote-config-paywalls-flutter) ve [Unity](present-remote-config-paywalls-unity)</InlineTooltip> paywalllarınızı gösterebilirsiniz.