Element kitaplığını açmak ve ekrana yeni bir element eklemek için sol paneldeki veya cihaz önizlemesinin üstündeki artı düğmesine tıklayın. Öğeler şu kategorilere ayrılır:

• Temel öğeler (düzen kapsayıcıları, metin, medya, listeler, rozetler, onay işaretleri)
• Formlar & Sınav (düğmeler, giriş alanları, sınavlar, sekmeler)
• Paywall & Ticaret (ürünler, deneme geçişi, kullanıcı etkileşimi, geri sayım)
• İlerleme göstergeleri ve yükleyiciler

Her öğe için Adapty, yer tutucu içerik veya önceden tanımlanmış etkileşimler içeren şablonlar olan birden fazla ön ayar sunar.

Temel Bilgiler

Düzen

Düzen öğeleri, içlerindeki elemanları organize eden kaplardır.

• Dikey Kapsayıcı: alt öğeleri yukarıdan aşağıya doğru sıralar
• Yatay Kapsayıcı: alt öğeleri soldan sağa doğru sıralar
• Ayraçlar (yatay ve dikey): içerik bölümlerini görsel olarak ayıran çizgiler
• Döngü: kaydırılabilir bir kapsayıcı
• Alt Sayfa: ekranın altına sabitlenen, yukarı kayan bir panel

Metin statik olabilir ya da değişkenler (örneğin, kullanıcı adı) ve yerelleştirilmiş içerik içerebilir.

Aşağıdaki metin ön ayarları standart olarak gelir. Bu listeyi değiştirmek için kayıtlı metin stilleri ekleyin veya kaldırın:

• H1
• H2
• H3
• Button Label
• Body
• Caption
• Small Label

Medya

• Icon: yerleşik simge kütüphanesinden boyutu ve rengi özelleştirilebilen vektör simge
• Image: görsel — kendinizinkini yükleyin veya bir URL girin
• Video: 50 MB’a kadar dosyalar için gömülü video oynatıcı. Döngüyü destekler.

Liste

Liste öğeleri, düzenli biçimlendirilmiş verileri göstermek için içeriği satır ve sütunlar halinde düzenler. Arka planda bir liste, bir container’dır.

• Icon List: öne yerleştirilmiş ikon ve metin etiketiyle satırlar
• Timeline: bağlantılı adım göstergeleriyle dikey sıralama
• Image List: öne yerleştirilmiş görsel ve metinle satırlar
• Icon Cards: ortalanmış ikonlardan oluşan kart ızgarası
• Image Cards: görsellerden oluşan kart ızgarası
• Comparison Table: planlar arasındaki özellikleri karşılaştıran çok sütunlu tablo (ör. Ücretsiz vs Pro)

Rozet

Bir öğeyi öne çıkarmak için kullanılan küçük bir yer paylaşımı etiketi — genellikle indirimleri veya belirli planları tanıtmak için kullanılır (örn. “5% Tasarruf Et”). Rozeti başka bir öğenin üzerine yerleştirmek için mutlak konumlandırma kullanın.

İşaret Kutuları

Seçilebilir öğeler içinde kullanılan seçim göstergesi ikonları. Her işaret kutusu ön ayarı, kullanıcının seçimine göre otomatik olarak güncellenen bir açık ve bir kapalı durum içerir.

• Checkbox
• Circle
• Radiobutton
• Toggle

Formlar & Test

Düğmeler

Düğmeler, dokunulduğunda eylemler tetikler — başka bir ekrana gitme, URL açma veya flow’u kapatma gibi.

Her hazır şablon bir başlangıç noktasıdır — istediğiniz gibi yeniden biçimlendirin ve herhangi bir eylem atayın. Düğme davranışını Etkileşimler sekmesinden yapılandırın.

• Base: ortalanmış metinli standart düğme
• Right Icon: sağ tarafında simge bulunan düğme
• With Subtitle: iki satır metin içeren düğme
• Pulse Animation: animasyonlu nabız efekti içeren düğme
• Purchase: satın alma işlemi başlatan düğme
• Secondary Outline: ikincil işlemler için çerçeveli düğme
• Back: önceki ekrana geri dönen düğme
• Close flow: flow’dan çıkan düğme
• View more plans: ek ürün seçeneklerini gösteren düğme
• Links: alt bilgi düğmeleri seti (Restore, Terms of Service, Privacy Policy)

Girdiler

Girdi alanları kullanıcıların veri girmesine olanak tanır. Her biri uygun bir giriş yöntemi ve doğrulama kuralları uygular.

• Metin
• E-posta
• Parola
• Sayı
• Telefon numarası
• Tarih
• Saat
• Tarih ve Saat

Tarih, Saat ve Tarih & Saat girdileri, dokunulduğunda cihazın yerel seçiciyi (çark veya takvim) açar.

Kullanıcı girdisini işlemek ve koşullu mantığı etkilemek için değişkenler kullanın.

Testler

Test elementleri, anketler, tercih toplama ve kullanıcı segmentasyonu için çok seçenekli ekranlar sunar. Kullanıcının yanıtına göre flow’u dallandırmak için etkileşimler ayarlayın.

• Icon Options: simgeli tek sütunlu liste
• Emoji Options: emojili tek sütunlu liste
• Image Options: görsel içeren tek sütunlu liste
• Icon Grid: simgeli çok sütunlu ızgara
• Emoji Grid: emojili çok sütunlu ızgara
• Image Grid: fotoğraflı çok sütunlu ızgara
• Rating: numaralı ölçek (ör. 1–5)

Sekmeler

Sekmeler, bir ekran bölümünü geçiş yapılabilir içerik panellerine böler. Kullanıcı bir sekme seçer ve altındaki içerik buna göre güncellenir. Genellikle ürün planlarını gruplamak veya aylık ile yıllık fiyatlandırma arasında geçiş yapmak için kullanılır.

• Segment control: seçili sekmenin etrafında yuvarlatılmış köşelerle hap şeklinde geçiş yapıcı
• Button Tabs: ayrı buton tarzı sekmeler
• Underline: seçili sekmeyi işaretleyen alt çizgili metin etiketleri

Paywall & Commerce

Ürünler

Ürün öğeleri, uygulama içi satın alma ayrıntılarını görüntüler ve ürün seçimini yönetir. Her ön ayar, ürün verilerini farklı bir düzende sunar. Öğeleri gerçek Adapty verileriyle doldurmak için ürünlerinizi bağlayın.

• Vertical List: yığılmış ürün kartları
• Horizontal List: yan yana ürün kartları
• Feature Carousel: özellik kontrol listeleri içeren kaydırılabilir kartlar
• Feature Cards: özellik kontrol listeleri içeren statik kartlar
• Banner List: satır içi rozetler ile kompakt satırlar

Deneme süresi geçiş düğmesi

Görüntülenen ürünü standart fiyatı ile ücretsiz deneme teklifi arasında geçiş yapan bir düğme. Etkinleştirildiğinde, ürün seçimi ve öğe durumu otomatik olarak güncellenir.

Kullanıcı Etkileşimi

Güven oluşturan ve dönüşümü teşvik eden, önceden stillendirilmiş kullanıcı değerlendirme blokları. Şablonlar, yer tutucu içerikli temel kaplardır.

• Review: Yıldız puanı, değerlendirme metni ve yorumcu adı
• Rating: Yıldız gösterimi eşliğinde sayısal puan
• App Rating: Yıldız çubuğu ve yorum sayısıyla birlikte büyük puan gösterimi
• Social Proof: Kullanıcı sayısının gösterildiği avatar yığını

Geri Sayım

Sıfıra ulaşana kadar saat, dakika ve saniye olarak geri sayar. Sınırlı süreli teklifler için aciliyet hissi yaratmak amacıyla kullanabilirsiniz. Zamanlayıcı sıfıra ulaştığında başka bir ekrana yönlendirme veya indirim rozetini gizleme gibi eylemler tetiklenebilir.

• Inline: kompakt sayısal görüntü
• Inline with units: birim etiketli sayısal görüntü
• Badge: küçük vurgulu zamanlayıcı katmanı
• Blocks: günler, saatler, dakikalar ve saniyeler için ayrı kartlar

İlerleme

İlerleme göstergeleri

Kullanıcının çok ekranlı bir flow’daki konumunu gösteren adım tabanlı ilerleme çubukları. Kullanıcının kaç adım kaldığını görmesi gereken onboarding dizileri için kullanışlıdır.

• Linear: Kullanıcı ilerledikçe dolan tek ve sürekli bir çubuk
• Segmented: Her adım için bir bölüme ayrılmış, parçalı bir çubuk
• Connectors: Kısa bağlayıcı çizgilerle birbirine bağlanan numaralı adım işaretçileri

Yükleyiciler

Geçişler için animasyonlu yükleme göstergeleri. Uygulamanız kullanıcı verilerini işlerken — örneğin bir quiz gönderiminin ardından — yükleyici kullanın.

• Spinner: dönen dairesel gösterge
• Spinner with label: bir metin etiketiyle eşleştirilmiş spinner (örn. “Yükleniyor…”)
• Loader: yatay ilerleme çubuğu