Onboarding düğmeleri

Adapty’nin kodsuz onboarding oluşturucusunda standart, animasyonlu, parlak ve geri sayımlı düğmeleri nasıl ekleyip yapılandıracağınızı öğrenin. Tek bir satır kod yazmadan kullanıcıları yönlendirin, dönüşümleri artırın ve akışı kapatın.

Düğme ekleme

Dikkat çekmek ve tıklama oranlarını artırmak için Pulse Button kullanın. Ya da aciliyet hissi yaratmak ve yükseltmeleri artırmak için deneme süresi bitiş ekranlarına Countdown Button ekleyin.

Düğme eklemek için:

  1. Sol üstteki Add seçeneğine tıklayın.
  2. Buttons’ı seçin ve bir düğme türü belirleyin:
    • Button
    • Pulse Button
    • Glossy Button
    • Pulse Glossy Button
    • Countdown Button
  3. Sağdaki On Press açılır menüsünden düğme eylemini seçin:
    • Navigate: Kullanıcıyı belirtilen onboarding ekranına yönlendirir.
    • Show/Hide element: Hedef bir öğeyi gösterir veya gizler.
    • Open paywall: Satın alma için paywall ekranını açar. Paywall açmayı nasıl yöneteceğinizi öğrenmek için: iOS, Android, React Native ve Flutter.
    • Scroll to: Sayfayı belirli bir öğeye kadar kaydırır.
    • Custom: Özel olay mantığınızı çalıştırır. Örneğin, giriş penceresi açmak veya uygulama izinleri istemek için kullanılabilir. Özel eylemi nasıl yöneteceğinizi öğrenmek için: iOS, Android, React Native ve Flutter.
    • Close onboarding: Onboarding akışını kapatır. Onboarding kapanışını nasıl yöneteceğinizi öğrenmek için: iOS, Android, React Native ve Flutter.

Düğme metnini düzenlemek için önizlemedeki düğmeye tıklayın ve WYSIWYG modunda değişikliklerinizi yapın.

Premium özellikleri akış ortasında tanıtmak için Pulse Glossy Button içeren bir popup ekleyin.

popup.webp
add-button.png

Düğme özelleştirme

Temel öğe düzeni seçeneklerinin ötesinde düğmelerin görünümünü de özelleştirebilirsiniz:

  1. Sol taraftan düğme öğesini seçin.
  2. Sağ menüde Styles sekmesine gidin.
  3. Düğme türüne göre şu seçenekleri ayarlayabilirsiniz:
    • Tüm düğmeler: Genişlik, dolgu, arka plan, yuvarlaklık, kenarlık, kenarlık rengi, gölgeler, sonraki ok ve ok boyutu, sağ kaydırma, metin veya geri sayım rengi, yazı tipi ve satır yüksekliği.
    • Pulse Button: Animasyon süresi ve geçişi, gölge rengi ve boyutu, düğme büyümesi.
    • Glossy Button: Parlak çizgi rengi, genişliği, açısı ve animasyon süresi.
    • Pulse Glossy Button: Animasyon süresi ve geçişi, gölge rengi ve boyutu, düğme büyümesi, parlak çizgi rengi, genişliği, açısı ve animasyon süresi.
button-customize.png