---
title: "Flow Builder'da metin ve liste ekleme ve biçimlendirme"
description: "Adapty'nin flow builder'ında başlık, alt başlık, paragraf ve listeler ekleyin ve özelleştirin; markaya uygun kullanıcı deneyimleri için metni kişiselleştirin."
---

Tek tıklamayla başlık, paragraf veya liste ekleyin, bunları markanıza uyacak şekilde biçimlendirin ve her kullanıcı için içeriği kişiselleştirmek üzere [dinamik değişkenler](onboarding-variables) kullanın.
## Metin stillerini ayarlama \{#set-up-text-styles\}

**Styles** paneli, önceden yapılandırılmış metin stilleri içerir: H1, H2, H3, Button Label, Body, Caption ve Small Label. Herhangi bir stile tıklayarak yazı tipi ailesini, kalınlığını, boyutunu, hizalamasını, dekorasyonunu ve diğer özelliklerini düzenleyebilirsiniz.

[Bir metin öğesi eklediğinizde](#add-text), burada ayarladığınız stillerden birini seçebilirsiniz.

:::important
Bir stilde yapılan değişiklikler, tüm ekranlarda o stili kullanan tüm metin öğelerine uygulanır.
:::

Yeni bir stil oluşturmak için:

1. **Styles** panelini açmak üzere Palette simgesine tıklayın.
2. **Text** sekmesinde **Create style** seçeneğine tıklayın.

3. Bir ad girin ve tipografiyi yapılandırın — font ailesi, kalınlık, hizalama ve [diğer özellikler](#typography-properties).

    :::warning
   [Özel fontlar](using-custom-fonts-in-flow-builder) yerleşik fontlardan farklı davranır. Kılavuzu okuyun — bazı kontroller geçerli değildir ve her font varyantının kendi dosyası olması gerekir.    
   :::

   

4. **Create** butonuna tıklayın.
## Metin ekle \{#add-text\}

Bir metin öğesi eklemek için:
1. Sol üstteki **+** simgesine tıklayın. **Text** seçeneğini seçin. Önceden yapılandırılmış veya sizin tarafınızdan ayarlanmış [metin stillerinden](#set-up-text-styles) birini seçin.

2. Yeni öğeye tıklayın ve içeriğini sağdaki **Design** panelindeki **Content** bölümünde düzenleyin.
3. Gerekirse **Design** panelinde [tipografi özelliklerini](#typography-properties) ayarlayın. Ya da önizlemede metni seçerek hızlı stil özelleştirmesi için bir ipucu açın.
4. İsteğe bağlı olarak **Design** ve **Interaction** panellerinde, flow'daki bileşenler için mevcut diğer yapılandırmaları da uygulayabilirsiniz. Daha fazla ayrıntı için bkz. [Stiller ve görünüm](builder-styling).
:::tip
Aynı metin öğesini birden fazla ekranda kullanmanız gerekiyorsa, kopyalayıp yapıştırın: öğeyi seçin, Ctrl+C (Mac'te ⌘+C) tuşlarına basın, başka bir ekrana gidin ve yapıştırmak için Ctrl+V (Mac'te ⌘+V) tuşlarına basın.
:::

### Metnin belirli bölümleri için stil değiştirme \{#change-styling-for-parts-of-text\}

:::warning
**Kalın** ve *İtalik* biçimlendirme, [özel fontlar](using-custom-fonts-in-flow-builder) kullanan metinlerde etkili olmaz. Özel bir fontun varyantlarını uygulamak için her varyantı ayrı bir font dosyası olarak yükleyin ve **Font family** açılır menüsünden seçin.
:::

Bir metin öğesinin yalnızca belirli bölümlerinin stilini değiştirmek için:

1. **Content** bölümünde bir metin öğesinin bir kısmını seçin.
2. Görünen araç ipucunda metin rengini değiştirin, kalın, altı çizili, italik veya üstü çizili biçimlendirme uygulayın ya da bir URL ekleyin.

Önizleme anında güncellenir.

## Eski fiyat ekle \{#add-an-old-price\}

Eski Fiyat öğesi, indirimi bir bakışta göstermek için ürünün gerçek fiyatının yanında şişirilmiş bir "önceki" fiyat gösterir. Ürünün fiyatını seçtiğiniz bir çarpanla çarparak üzerini otomatik olarak çizer.

Öğenin içeriğini düzenlemenize gerek yoktur. Değer, çalışma zamanında ürünün mağaza fiyatından hesaplanır; bu nedenle para birimi her zaman gerçek fiyatla eşleşir.

Eski fiyat eklemek için:

1. Sol üstteki **+** düğmesine tıklayın. **Text**'i seçin, ardından **Old Price**'ı seçin.

2. **Layers** panelinde, öğeyi bir ürün kartının içine sürükleyin. Öğe, yeniden kullanılabilir bileşen olarak kaydedilmiş ürün kartlarının içinde de çalışır.

   :::important
   Old Price öğesi bir ürün kartının içinde bulunmalıdır — fiyat, o kartın ürününden alınır. Ürün kartının dışında, builder fiyat yerine "Old price" yer tutucusu gösterir.
   :::
3. **Design** panelinde, **Price** bölümünde **Multiplier** değerini ayarlayın. Adapty, ürünün fiyatını bu değerle çarpar. Örneğin, varsayılan çarpan değeri olan 2 ile $12,99'luk bir ürün üzeri çizili $25,98 olarak gösterilir.

   

4. Gerekirse [tipografi özelliklerini](#typography-properties) ayarlayın. Bu element, normal metinle aynı stil seçeneklerini destekler.

:::tip
Başka bir ürünün gerçek fiyatını çizmek için — örneğin yıllık kartta aylık planın fiyatını göstermek — fiyat satırını metin öğeleri ve değişkenler kullanarak oluşturun. Bkz. [İndirim rozeti ile üzeri çizili fiyat gösterme](strikethrough-price).
:::
## Tipografi özellikleri \{#typography-properties\}

Her metin öğesi ve metin stili aynı tipografi kontrollerini paylaşır:

- **Font family**: Bir yazı tipi seçin — yerleşik bir font veya [özel bir font](using-custom-fonts-in-flow-builder).

    :::warning
    Farklı cihazlar farklı fontlar içerebilir ya da aynı fontu farklı şekillerde render edebilir. Font cihazda yüklü değilse sistem varsayılan bir font kullanır (SF Pro / Roboto). Tüm cihazlarda aynı fontu tutarlı biçimde göstermek için [özel bir font](using-custom-fonts-in-flow-builder) yükleyin.
    :::

- **Weight**: Font kalınlığını ayarlayın.
:::warning
**Ağırlık**, **Kalın** ve **İtalik** kontrolleri, ister **Styles** panelinde, ister **Design** panelinin tipografi bölümünde, ister satır içi araç çubuğunda, ister metin bölümü biçimlendirme ipucunda ayarlanmış olsun, [özel fontlar](using-custom-fonts-in-flow-builder) için geçerli değildir. Özel bir fontun varyantlarını uygulamak için her varyantı ayrı bir font dosyası olarak yükleyin ve **Font** açılır menüsünden doğru olanı seçin.
:::
- **Size**: Yazı tipi boyutunu piksel cinsinden ayarlayın.
- **Color**: Metin rengini ayarlayın.
- **Line height**: Satırlar arasındaki boşluğu ayarlayın ya da **Auto** seçeneğinde bırakın.
- **Alignment**: Yatay (sol, orta, sağ) ve dikey (üst, orta, alt) hizalamayı ayarlayın.
- **Decoration**: Alt çizgi veya üstü çizili efekt uygulayın.
- **Truncate**: Görüntülenecek satır sayısını sınırlayın. Bu sınırı aşan metin kırpılır. Dinamik değişkenler veya yerelleştirme nedeniyle içerik uzunluğu değiştiğinde kullanışlıdır.
## Bağlantı ekleme \{#add-links\}

Flow'lar, metni tıklanabilir bağlantıya dönüştürmek için iki yol sunar. Metnin rolüne göre birini seçin:

- **Satır içi bağlantı** — bir paragrafın içine gömülü "Daha fazla bilgi" gibi akan metindeki URL'ler için. Her zaman uygulama içi tarayıcıda açılır.
- **URL Aç eylemi** — Hizmet Şartları butonu gibi bağımsız dokunma hedefleri için. Uygulama içi veya harici tarayıcıda açılabilir.
### Satır içi bağlantı \{#inline-link\}

Bir metin öğesinin bir bölümünü bağlantıya dönüştürmek için:

1. **Content** bölümündeki metni seçin.
2. Biçimlendirme araç ipucunda bağlantı simgesine tıklayın.
3. Hedef URL'yi açılan pencereye yapıştırın.

### URL Aç eylemi \{#open-url-action\}

:::link
Ana makale: [Eylemler](onboarding-actions#open-url)
:::

Tüm bir düğmeyi bağlantıya dönüştürmek için:

1. Bir [Düğme](builder-elements#buttons) ekleyin — ya da hazır bir satır olan **Links** önayarını kullanın; bu önayar Restore / Terms of Service / Privacy Policy düğmelerini içerir.

    

2. **Layers** panelinde düğmeyi seçin ve sağ panelde **Interactions** sekmesini açın.

3. [**Open URL**](onboarding-actions#open-url) eylemi için hedefi belirleyin.

    :::important
    Boş bir Open URL eylemi [önizleme ve yayınlamayı engeller](builder-save-publish#troubleshooting).
    :::

    
## Koşullu metin ekle \{#add-conditional-text\}

Koşullu metin, bir metin öğesinin koşula göre farklı içerik göstermesini sağlar. Örneğin bir başlık, kullanıcı yıllık planı seçtiğinde bir mesaj, aylık plan için ise farklı bir mesaj gösterebilir. Koşullu metin, [koşullu görünürlük](onboarding-element-visibility) gibi çalışır; ancak öğeyi gösterip gizlemek yerine içeriği değiştirir.

Koşullu metin ayarlamak için:

1. Tuvalde bir metin öğesi seçin.
2. **Design** panelinde, **Content** bölümünde **Conditional** seçeneğini seçin.

3. **if** koşulunu oluşturun. **Custom**, **Products** veya **Elements** sekmesinden bir özellik seçin, operatörü belirleyin ve eşleşecek değeri girin. Özellik türleri hakkında ayrıntılı bilgi için [Koşullu görünürlük](onboarding-element-visibility) bölümüne bakın.
4. **then** altına, koşul doğru olduğunda gösterilecek metni girin. Zengin metin biçimlendirmesi, [normal metin](#change-styling-for-parts-of-text) ile aynı şekilde çalışır. [Değişken](onboarding-variables) eklemek için **{ } Add variable** seçeneğine tıklayın.
5. **else** altına, hiçbir koşul eşleşmediğinde gösterilecek yedek metni girin.
6. (İsteğe bağlı) Daha fazla koşul eklemek için **+ Add else/if** seçeneğine tıklayın; her koşulun kendine ait metni olur.
:::tip
Başka bir dil için koşullu metni düzenlemek üzere, editörün alt kısmındaki aktif yerel ayarı değiştirin. Önce **Localizations** panelinde dil ekleyin — bkz. [Flow Builder'da yerel ayar ekleme](add-paywall-locale-in-adapty-paywall-builder).
:::

## Liste ekleme \{#add-lists\}

:::note
Liste öğeleri, ayrı ayrı bileşenlerden oluşan kaplardır. Akan metin içinde basit madde işaretli veya numaralı listeler için bir metin öğesi kullanın ve istediğiniz biçimlendirmeyi **Design** paneli aracılığıyla uygulayın.
:::

1. Sol üstteki **+** simgesine tıklayın. **List** seçeneğini seçin ve liste şablonlarından birini belirleyin.

2. Liste öğelerini düzenlemek veya öğe işareti olarak bir görsel yüklemek için sağdaki **Design** paneline gidin.