Flow Builder'da metin ve liste ekleme ve biçimlendirme

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 kullanın.

Metin stillerini ayarlama

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, burada ayarladığınız stillerden birini seçebilirsiniz.

Yeni bir stil oluşturmak için:

1. Styles panelini açmak üzere 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.

   Özel fontlar 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

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

Metnin belirli bölümleri için stil değiştirme

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

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.

   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 ayarlayın. Bu element, normal metinle aynı stil seçeneklerini destekler.

Tipografi özellikleri

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.

  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 yükleyin.

• Weight: Font kalınlığını ayarlayın.

• 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

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ı

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

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

1. Bir Düğme 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 eylemi için hedefi belirleyin.

   Boş bir Open URL eylemi önizleme ve yayınlamayı engeller.

   

Koşullu metin ekle

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 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 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 ile aynı şekilde çalışır. Değişken 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.

Liste ekleme

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.