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

Tek tıklamayla başlık, paragraf veya liste ekleyin, bunları markanıza uygun 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 ailesi, ağırlığı, boyutu, hizalaması, dekorasyonu ve diğer özellikleri düzenleyebilirsiniz.

Bir metin öğesi eklediğinizde, burada ayarladığınız stillerden birini seçebilirsiniz.

Bir stilde yapılan değişiklikler, tüm ekranlardaki o stili kullanan metin öğelerinin hepsine 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.
Yeni metin stili
  1. Bir isim girin ve tipografiyi yapılandırın:
  • Font family: Bir yazı tipi seçin. Özel fontlarla çalışma hakkında ayrıntılar için kılavuza bakın.
  • Weight ve size: Yazı tipi ağırlığını ve boyutunu ayarlayın.
  • Color: Metin rengini ayarlayın.
  • Line height: Satırlar arasındaki boşluğu ayarlayın veya Auto olarak bırakın.
  • Alignment: Yatay (sol, orta, sağ) ve dikey (üst, orta, alt) hizalamayı ayarlayın.
  • Decoration: Alt çizgi veya üstü çizili biçim uygulayın.
  • Truncate: Gösterilen satır sayısını sınırlar. Bu sınırı aşan metin kırpılır. İçerik uzunluğunun dinamik değişkenler veya yerelleştirme nedeniyle değiştiği durumlarda kullanışlıdır.
  1. Create’e tıklayın.

SF Pro, platformlar arası kullanım için mevcut değildir. Yakın bir alternatif olarak Inter’i öneririz.

Metin stili yapılandırma seçenekleri

Metin ekleme

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.
New text
  1. Yeni öğeye tıklayın ve içeriğini sağdaki Design panelindeki Content bölümünden düzenleyin.
  2. Gerekirse Design panelinden tipografiyi ayarlayın. Ya da hızlı stil özelleştirmesi için önizlemedeki metni seçerek bir araç ipucu açın.
  3. İsteğe bağlı olarak Design ve Interaction panellerinden, flow içindeki bileşenler için mevcut diğer yapılandırmaları da uygulayabilirsiniz. Ayrıntılar için bkz. Öğeleri stillendirme.

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 geçin ve Ctrl+V (Mac’te ⌘+V) tuşlarına basarak yapıştırın.

Metin öğesi ayarları

Metnin belirli bölümlerinin stilini değiştirme

Bir metin öğesinin yalnızca bazı 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.

Metin bölümünü düzenle

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

  • Satır içi bağlantı — bir paragraf içine gömülü “Daha fazla bilgi” gibi, akan metin içindeki URL’ler için. Her zaman uygulama içi tarayıcıda açılır.
  • Open URL eylemi — Hizmet Koşulları butonu gibi bağımsız dokunma hedefleri için. Uygulama içi veya harici tarayıcıda açılabilir.

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

  1. Content bölümünde metni seçin.
  2. Biçimlendirme araç ipucunda bağlantı simgesine tıklayın.
  3. Açılan pencereye hedef URL’yi yapıştırın.
Bağlantı düğmesi vurgulanmış biçimlendirme araç ipucu

URL aç aksiyonu

Ana makale: Aksiyonlar

Bir butonu tamamen bağlantıya dönüştürmek için:

  1. Bir Buton ekleyin — ya da hazır bir satır olan Links önayarını kullanın; bu önayar Restore / Terms of Service / Privacy Policy butonlarını içerir.

    The Links preset on canvas with Terms of use, Restore, and Privacy policy buttons
  2. Layers panelinde butonu seçin ve sağ panelde Interactions sekmesini açın.

  3. Open URL eyleminin hedefini ayarlayın.

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

    Interactions panelinde Open URL eylem yapılandırması

Koşullu metin ekle

Koşullu metin, bir metin öğesinin koşula bağlı olarak farklı içerikler göstermesini sağlar. Örneğin bir başlık, kullanıcı yıllık planı seçtiğinde bir mesaj, aylık planı seçtiğinde 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. Tuval üzerinde bir metin öğesi seçin.
  2. Design panelinde, Content bölümünde Conditional seçeneğini belirleyin.
Tasarım panelinde Koşullu olarak ayarlanmış içerik
  1. if koşulunu oluşturun. Custom, Products veya Elements sekmesinden bir özellik seçin, operatörü ayarlayın ve eşleştirilecek 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.
  2. then alanına, koşul doğru olduğunda gösterilecek metni girin. Zengin metin biçimlendirmesi, normal metin için kullanılan yöntemin aynısıdır. Değişken eklemek için { } Add variable seçeneğine tıklayın.
  3. else alanına, hiçbir koşul eşleşmediğinde gösterilecek yedek metni girin.
  4. (İ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.

Başka bir dil için koşullu metni düzenlemek üzere, editörün altındaki aktif yerel ayarı değiştirin. Önce Localizations panelinde dil ekleyin — bkz. Flow Builder’da yerel ayar ekleme.

if, then ve else dallarıyla koşullu metin kurulumu

Liste ekle

Liste elemanları, bireysel öğe bileşenlerinden oluşan kaplardır. Akan metin içindeki basit madde işaretli veya numaralı listeler için bir metin elemanı 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şaretçisi olarak bir resim yüklemek için sağ taraftaki Design paneline gidin.

Add list element