Onboarding metni

Metin öğeleri, kullanıcılarınızla net ve kişiselleştirilmiş bir iletişim kurmanıza yardımcı olur. Tek tıklamayla başlık, paragraf veya liste ekleyin, markanıza uygun biçimde stillendirin ve her kullanıcı için içeriği kişiselleştirmek amacıyla dinamik değişkenler kullanın.

Metin ekleme

Onboarding ekranlarınıza çeşitli metin öğeleri ekleyebilirsiniz. Metin öğesi eklemek için:

  1. Sol üstteki Add düğmesine tıklayın.
  2. Typography bölümüne gidin ve birini seçin:
  • Title: Hemen dikkat çeken hero başlıkları veya ekran başlıkları.
  • Subtitle: Başlığı destekleyen kısa bir yardımcı satır.
  • Text: Özellik açıklamaları, yasal notlar veya ilham verici metinler için gövde kopyası.
  • Rich text: SSS’ler, kullanım koşulları veya bağlantı ve vurgu gerektiren her türlü metin için karma biçimlendirme.
  1. İçeriğini düzenlemek için yeni öğeye tıklayın.
  2. (İsteğe bağlı) Hızlı özelleştirme için bir araç ipucu açmak amacıyla metnin herhangi bir bölümünü seçin; kalın, italik, bağlantı, metin rengi veya stil sıfırlama gibi seçenekler kullanılabilir.

Mevcut bir metin öğesini düzenlemek için üzerine tıklayıp WYSIWYG modunda değişikliklerinizi yapın.

Aynı metin öğesini birden fazla ekranda kullanmanız gerekiyorsa kopyalayıp yapıştırabilirsiniz: öğeyi seçin ve Ctrl+C (Mac’te ⌘+C) tuşlarına basın, başka bir ekrana gidin, yapıştırmak istediğiniz öğenin ardından gelen öğeyi seçin ve Ctrl+V (Mac’te ⌘+V) tuşlarına basın.

onboarding-text.gif

Liste ekleme

Numaralı ve madde işaretli listeler ekleyebilirsiniz:

  1. Sol üstteki Add düğmesine tıklayın.
  2. Typography bölümüne gidin ve birini seçin:
  • Numbered list: Adım adım kılavuzlar için idealdir.
  • Bullet list: Sıra belirtmeksizin avantajları veya temel özellikleri öne çıkarır.
  1. Liste öğelerini düzenlemek veya öğe işareti olarak bir görsel yüklemek için sağdaki Element sekmesine gidin.

Mevcut bir liste öğesini düzenlemek için üzerine tıklayın ve Element sekmesinde değişikliklerinizi yapın.

onboarding-list.png

Harici bağlantı eklemek için:

  1. Sol üstteki Add düğmesine tıklayın.
  2. Typography bölümünde Title, Subtitle, Text veya Rich text seçeneklerinden birini seçin.
  3. Metninizi girin.
  4. Bağlantıya dönüştürmek istediğiniz metni seçin.
  5. Metnin üzerindeki hızlı özelleştirme menüsündeki Link simgesine tıklayın.
  6. Harici URL’yi yapıştırın.
  7. Bağlantıyı uygulamak için ✓ simgesine tıklayın.

3.15.1 sürümünden önceki Adapty SDK sürümlerinde, onboardinglardaki harici bağlantılar cihazın varsayılan tarayıcısında açılır.

Adapty SDK v3.15.1 ile birlikte, harici bağlantılar varsayılan olarak uygulama içi tarayıcıda açılır; bu sayede kullanıcılar başka bir uygulamaya geçmeden uygulamanızda kalmaya devam edebilir. Gerekirse bu davranışı özelleştirebilirsiniz.

onboarding-url.gif

Metin ve liste özelleştirme

Temel öğe düzeni ayarlarına ek olarak, metin ve listelerin görünümünü özelleştirebilirsiniz:

  1. Sol tarafta öğeyi seçin.
  2. Sağ menüde Styles sekmesine gidin.
  3. Öğe türüne göre aşağıdaki seçenekleri ayarlayabilirsiniz:
    • Text: Paragraf rengi, yazı tipi, hizalama ve satır yüksekliği; bağlantı rengi, yazı tipi ve dekorasyonu.
    • List: Metin ve işaret metni rengi ile yazı tipi; işaret görseli genişliği, yüksekliği ve yuvarlaklığı.

İşleri hızlandırmak için:

  • Bir metin öğesini özelleştirdikten sonra, aynı stilleri tüm onboarding ekranlarına toplu olarak uygulamak için alttaki Apply styles to all paragraphs düğmesine tıklayabilirsiniz.
  • Belirli bir ekrandaki tüm metin öğelerinin yazı tipini değiştirmek için ekranı seçin, ardından sağ menüde Styles > Text bölümüne gidin.
onboarding-customization.png

Yazı tipleri

Onboarding oluşturucusunda geniş bir yazı tipi yelpazesinden seçim yapabilirsiniz.

Özel yazı tipi yükleme özelliği henüz mevcut değildir.

Yazı tiplerini tüm onboarding için genel olarak veya her öğe için ayrı ayrı ayarlayabilirsiniz:

  • Onboardingde kullanılacak ana yazı tipini ayarlamak için:
    1. Sol tarafta herhangi bir ekranı seçin.
    2. Styles sekmesine geçin ve bir Font seçin.
    3. Tüm ekranlardaki tüm öğeler seçtiğiniz yazı tipini devralır.
  • Tek bir öğe için yazı tipi ayarlamak için:
    1. Bir öğe seçin.
    2. Styles sekmesine geçin ve bir Font seçin.
    3. Ana yazı tipini değiştirseniz bile bu öğe için seçilen yazı tipi kullanılmaya devam eder.

SF Pro, platformlar arası uygulamalar için uygun olmadığından kullanılamaz; ancak görünüm olarak oldukça benzer olan Inter yazı tipini kullanmanızı öneririz.