Widget Elements Reference
Doğru widget öğesini seçin ve daha hızlı yapılandırın.
Web widget'ınız için doğru öğeyi seçmeniz gerektiğinde bu sayfayı kullanın.
Düzenin kendisini oluşturuyorsanız, şuradan başlayın: Bileşenleri Özelleştir.
Buton veya görsel davranışına ihtiyacınız varsa, şuraya bakın: Tıklama Aksiyonlarını Ata.
İçerik öğeleri
Metin
Şunu kullanın: Metin başlıklar, açıklamalar, etiketler ve kısa yönergeler için.
Şunlar için en uygundur: kampanya metni, yardımcı metin ve yasal uyarı içeriği. Temel seçenekler: yazı tipi, boyut, hizalama, vurgu ve bağlantılar.
The Metin öğesi, widget'ı kullanıcıya açıklamanın ana yoludur. Başlıklar, kısa açıklamalar, yönergeler, yasal uyarılar veya CTA destek metni için kullanın.
Nasıl iyi kullanılır: Başlığı kısa tutun. Destekleyici detaylar için ikinci bir metin bloğu kullanın. Çok fazla yazı tipi stili eklemeden önce boşluk ve hizalamayı düzeltin. Bağlantıları yalnızca kullanıcıların gerçekten ek bir hedefe ihtiyacı olduğunda ekleyin.
Görsel
Şunu kullanın: Görsel güçlü görsel odak istediğinizde.
Şunlar için en uygundur: hero görseller, kampanya banner'ları ve dokunulabilir görseller. Temel seçenekler: yükleme, değiştirme, hizalama ve tıklama aksiyonu desteği.
The Görsel öğesi, widget içinde görsel odak oluşturmanıza yardımcı olur. Mesajın bir ürün görseline, kampanya banner'ına veya güçlü bir marka varlığına ihtiyaç duyduğu durumlarda kullanın.
Nasıl iyi kullanılır: Birden fazla rekabet eden görsel yerine tek bir ana görsel kullanın. Daha temiz bir düzen için görsel boyutunu widget genişliğine yakın tutun. Tıklanabilir görünüyorsa görsele yalnızca o zaman tıklama aksiyonları ekleyin. Kırpılan odak noktalarını önlemek için mobilde önizleyin.
Görselleri altında tutun 1 MB daha iyi performans için.
GIF
Şunu kullanın: GIF hafif hareket için.
Şunlar için en uygundur: hızlı dikkat çekiciler, ürün vurguları ve eğlenceli kampanya anları. Temel seçenekler: GIF URL'si, boşluk ve konum.
Şunu kullanın: GIF widget'ın harekete ihtiyaç duyup tam bir video deneyimine ihtiyaç duymadığı durumlarda. Hızlı ürün vurguları, geri sayım tarzı aciliyet veya eğlenceli kampanya anları için iyi çalışır.
Nasıl iyi kullanılır: Animasyonu kısa ve anlaşılır tutun. Kritik bilgileri yalnızca animasyonun içine koymayın. Hareketin düzeni bastırmaması için GIF etrafında yeterli boşluk bırakın.
Video
Şunu kullanın: Video hareket mesajın bir parçası olduğunda.
Şunlar için en uygundur: demo'lar, trailer'lar ve özellik açıklamaları. Temel seçenekler: video URL'si, boyut, en-boy oranı, otomatik oynatma ve kontroller.
Şunu kullanın: Video mesaj hareket, ürün kullanımı veya hikâyeleştirmeye bağlı olduğunda. Daha zengin bir demo veya markalı görsel anlatı gerektiğinde bu, GIF'ten daha uygun bir seçimdir.
Nasıl iyi kullanılır: Widget'larda kısa videolar kullanın. Diğer öğeleri yerleştirmeden önce en-boy oranını seçin. Video zorunlu değilse otomatik oynatmadan kaçının. CTA'yı videonun altında veya yanında görünür tutun.
Hikaye
Şunu kullanın: Hikaye görselleri veya videoları sırayla göstermek için.
Şunlar için en uygundur: adım adım anlatımlar, özellik vurguları ve kısa kampanya akışları. Temel seçenekler: başlık, ikon, hikaye URL'leri ve özel süre.
The Hikaye öğesi, içeriğin tek bir widget içinde adım adım gösterilmesi gerektiğinde kullanışlıdır. Özellikle kısa anlatımlar, kampanya dizileri veya özellik turları için faydalıdır.
Nasıl iyi kullanılır: Her hikaye öğesini tek bir mesaja odaklayın. Kullanıcının daha fazla okuma süresine ihtiyacı olduğunda özel süre kullanın. Hikaye bloğunun bilinçli görünmesi için net bir başlık ve ikon ekleyin.
Form öğeleri
Girdi Alanı
Şunu kullanın: Girdi Alanı kısa form kullanıcı verisi toplamak için.
Şunlar için en uygundur: e-posta, telefon, parola, tarih ve ad alanları. Temel seçenekler: yer tutucu, zorunlu durum, girdi türü ve doğrulama kuralları.
The Girdi Alanı öğesi; e-posta, telefon, parola, tarih veya serbest metin gibi kısa kullanıcı verilerini toplar. Genellikle lead toplama, giriş benzeri akışlar veya hızlı anketlerin temelidir.
Nasıl iyi kullanılır: Önce doğru girdi türünü seçin. Beklenen formatı gösteren yer tutucu metin yazın. Alanı yalnızca gerektiğinde zorunlu olarak işaretleyin. Submit aksiyonlarını bağlamadan önce doğrulama ekleyin.
Doğrulama davranışı, seçilen girdi türüne göre değişir:
Tarih şu formatı kabul eder: GG/AA/YYYY ve geçersiz takvim tarihlerini reddeder. E-posta formatı kontrol eder ve kullanıcı düzenledikçe doğrulamayı günceller. Parola girilen değeri maskeler. Telefon mobil cihazlarda sayısal klavyeyi açar.
Alan zorunlu değilse kullanıcılar boş bırakabilir. Zorunluysa widget, alan geçerli olana kadar gönderimi engeller.
Girdi türleri hem klavye davranışını hem de doğrulama davranışını değiştirebilir.
Metin Alanı
Şunu kullanın: Metin Alanı daha uzun yanıtlar için.
Şunlar için en uygundur: yorumlar, açık geri bildirim ve destek talepleri. Temel seçenekler: yer tutucu, boyut, yazı tipi ve renk.
Şunu kullanın: Metin Alanı kullanıcıların kısa bir yanıttan fazlasını yazması gerektiğinde. Yorumlar, geri bildirim toplama, destek talepleri veya açık uçlu sorular için uygundur.
Nasıl iyi kullanılır: Alanı rahat yazım için yeterince geniş tutun. Kullanıcılara ne tür bir yanıt beklediğinizi anlatan bir yer tutucu kullanın. Yanıt zorunluysa doğrulamayla birlikte kullanın.
Radyo Butonu (Tekli Seçim)
Şunu kullanın: Radyo Butonu (Tekli Seçim) kullanıcıların yalnızca bir seçenek seçmesi gerektiğinde.
Şunlar için en uygundur: evet/hayır soruları, tek seçimli anketler ve tercih seçimi. Temel seçenekler: etiketler, boşluk ve tanımlayıcı tabanlı koşullar.
Şunu kullanın: Radyo Butonu (Tekli Seçim) kullanıcının tam olarak bir seçenek seçmesi gerektiğinde. Evet/hayır soruları, tek seçimli tercihler veya tek geçerli yanıtı olan anket adımları için en uygunudur.
Nasıl iyi kullanılır: Seçenek sayısını az tutun. Ek açıklama olmadan tek başına anlaşılabilecek etiketler yazın. Sonraki aksiyonlar seçilen yanıta bağlı olduğunda tanımlayıcıları kullanın.
Onay Kutusu (Checkbox)
Şunu kullanın: Onay Kutusu (Checkbox) kullanıcılar birden fazla seçenek seçebildiğinde.
Şunlar için en uygundur: izin seçenekleri, özellik tercihleri ve çoklu seçim soruları. Temel seçenekler: etiketler, boşluk ve tanımlayıcı tabanlı koşullar.
Şunu kullanın: Onay Kutusu (Checkbox) kullanıcıların birden fazla öğe seçebildiği durumlarda. İzin seçimleri, kategori ilgi alanları veya birden fazla tercih seçimi için idealdir.
Nasıl iyi kullanılır: Checkbox'ları yalnızca birden fazla yanıt geçerliyse kullanın. Etiket ifadelerini tutarlı tutun. Buton davranışı işaretli bir seçeneğe bağlıysa koşullar kullanın.
Seçim Kutusu (Açılır Liste)
Şunu kullanın: Seçim Kutusu (Açılır Liste) uzun seçenek listelerini kompakt tutmak için.
Şunlar için en uygundur: ülke seçimi, kategori seçimi ve kompakt form girdileri. Temel seçenekler: etiket/değer çiftleri, açılır liste stili ve izleme değerleri.
Şunu kullanın: Seçim Kutusu (Açılır Liste) yerden tasarruf etmek ve yine de birden fazla seçenek sunmak istediğinizde. Kategori, ülke veya şube seçimi gibi daha uzun listeler için iyi çalışır.
Nasıl iyi kullanılır: Görünür etiketi kullanıcı dostu tutun. Raporlama için izlenen değerleri tutarlı tutun. Yalnızca iki veya üç seçenek varsa seçim kutusu kullanmaktan kaçının.
Buton Grubu
Şunu kullanın: Buton Grubu görsel olarak daha güçlü tek seçim için.
Şunlar için en uygundur: hızlı seçenekler, evet/hayır/belki akışları ve kompakt anket adımları. Temel seçenekler: düzen, boşluk, metin ve ikonlar.
Şunu kullanın: Buton Grubu kullanıcıların radyo butonlarından daha güçlü görsel vurguya sahip, hızlı bir tek seçim etkileşimine ihtiyaç duyduğu durumlarda. Kompakt adımlar ve mobile-first akışlar için iyi çalışır.
Nasıl iyi kullanılır: Seçenek sayısını düşük tutun. Buton etiketlerini kısa yazın. Yanlışlıkla dokunmayı önlemek için boşluk kullanın.
Aksiyon öğeleri
Buton
Şunu kullanın: Buton bir aksiyon tetiklemek için.
Şunlar için en uygundur: gönder, kapat, yönlendir ve görünüme git aksiyonları. Temel seçenekler: metin, renk, boyut, ikon ve şablon.
The Buton öğesi, akıştaki bir sonraki aksiyonu tetikler. Gönderebilir, kapatabilir, yönlendirebilir, başka bir görünüme geçirebilir veya bir tıklama aksiyonu tetikleyebilir.
Nasıl iyi kullanılır: Her görünüm için tek ve net bir birincil buton kullanın. Şu gibi aksiyon temelli etiketler yazın: Gönder, Devam Et, veya Teklifi Gör. Buton renklerini widget genelinde tutarlı tutun. Aksiyon atamadan önce tanımlayıcıları yapılandırın.
Butonlar ve görseller, tıklama aksiyonlarını destekleyen ana öğelerdir.
Kopyala Butonu
Şunu kullanın: Kopyala Butonu kullanıcıların bir kupon kodunu görüp kopyalamasını istediğinizde.
Şunlar için en uygundur: kupon kampanyaları, promo kod widget'ları ve açıp-kopyala akışları. Temel seçenekler: görünür veya gizli mod, açma metni, kopyalandı mesajı, renk, kenarlık yarıçapı ve kupon listesi seçimi.
Kupon listeleri şu bölümden yönetilir: Kupon Kodu Listeleri.
Şunu kullanın: Kopyala Butonu widget'ın tek bir aksiyonla bir kupon kodunu göstermesi ve kopyalaması gerektiğinde. Özellikle indirim kampanyaları ve aç-kapa tarzı promosyonlar için kullanışlıdır.
Nasıl iyi kullanılır: Şunu seçin: Görünür kodun hemen görünmesi gerekiyorsa. Şunu seçin: Gizli önce bir açma etkileşimi istiyorsanız. Şu gibi net bir açma metni belirleyin: Kodu Göster. Kullanıcıların kodun kopyalandığını anlaması için başarı mesajını özelleştirin.
Kupon kodlarının son kullanma tarihi ve saati olabilir. Süresi dolmuş kuponlar son kullanıcılara gösterilmez. Bağlı tüm kuponların süresi dolarsa ilgili kampanya tamamlanmış sayılır.
Geri Sayım
Şunu kullanın: Geri Sayım bir son tarih etrafında aciliyet yaratmak için.
Şunlar için en uygundur: flash sale'ler, sınırlı tekliflerle ve lansman geri sayımları. Temel seçenekler: hedef tarih, bitiş metni, etiketler, 5 dakikadan kısa mod ve renkler.
Şunu kullanın: Geri Sayım aciliyet mesajın bir parçası olduğunda. Flash sale'ler, süresi dolan teklifler, lansman hatırlatmaları veya zamana bağlı ödül akışları için iyi çalışır.
Nasıl iyi kullanılır: Önce hedef tarihi ayarlayın. Widget dili gerektiriyorsa etiketleri özelleştirin. Son tarih sonrası durum için net bir bitiş mesajı yazın. Kaydetmeden önce hem aktif hem de tamamlanmış durumları önizleyin.
Geri bildirim öğeleri
Puanlama
Şunu kullanın: Puanlama hızlı yıldız tabanlı geri bildirim için.
Şunlar için en uygundur: memnuniyet çağrıları, hızlı değerlendirme widget'ları ve basit duygu kontrolleri. Temel seçenekler: yıldız sayısı, görünüm ve ölçek aralığı.
Şunu kullanın: Puanlama hızlı yıldız tabanlı geri bildirim için. Düşük sürtünmeli bir yanıt istediğiniz ve kullanıcıların yazmasını istemediğiniz durumlarda iyi çalışır.
Nasıl iyi kullanılır: Kısa bir soruyla birlikte kullanın. Çok görünümlü bir geri bildirim akışının ilk adımı olarak kullanın. Gerekirse düşük ve yüksek puanları farklı sonraki aksiyonlara bağlayın.
Score Rating
Şunu kullanın: Score Rating sayısal geri bildirim için.
Şunlar için en uygundur: NPS tarzı puanlama, hizmet değerlendirmeleri ve akış sonrası anketler. Temel seçenekler: min oran, max oran, varsayılan değer ve tıklama animasyonu.
Şunu kullanın: Score Rating geri bildirim sayısal olmalıysa. Bu, NPS tarzı puanlama veya hizmet sonrası değerlendirme akışları için uygundur.
Nasıl iyi kullanılır: Stil vermeden önce min ve max değerleri ayarlayın. Ön seçim kullanım senaryosuna uygunsa mantıklı bir varsayılan seçin. Tıklama animasyonunu yalnızca widget'ın tonunu destekliyorsa kullanın.
Slider Geribildirimi
Şunu kullanın: Slider Geribildirimi geri bildirimin sürekli hissettirmesi gerektiğinde.
Şunlar için en uygundur: duygu ölçümü, yoğunluk ölçekleri ve tercih puanlaması. Temel seçenekler: slider görünümü, metin, boşluk ve düzen.
Şunu kullanın: Slider Geribildirimi kullanıcıların yoğunluğu sürekli bir ölçekte ifade etmesini istediğinizde. Memnuniyet, olasılık veya tercih ölçümü için iyi bir seçimdir.
Nasıl iyi kullanılır: Slider'ı net bir soruyla eşleştirin. Başlangıç ve bitiş anlamını açık hale getirin. Mobil kullanım için slider çevresinde yeterli alan bırakın.
Emoji Geribildirimi
Şunu kullanın: Emoji Geribildirimi daha hafif bir geri bildirim deneyimi için.
Şunlar için en uygundur: gündelik anketler, smiley tabanlı duygu ölçümü ve mobile-first geri bildirim çağrıları. Temel seçenekler: emoji seti, boyut, boşluk ve isteğe bağlı sol/sağ etiketler.
Şunu kullanın: Emoji Geribildirimi deneyimin standart bir değerlendirme girdisinden daha hafif ve daha gündelik hissettirmesi gerektiğinde. Özellikle mobile-first anket widget'larında iyi çalışır.
Nasıl iyi kullanılır: Duygusal ölçek belirsiz olabilecekse etiketler kullanın. Emoji sayısını yönetilebilir tutun. Ayrıntılı geri bildirim istemeden önce hızlı duygu yakalama için kullanın.
Q&A
Şunu kullanın: Q&A widget'ın soru-cevap tarzı etkileşime ihtiyaç duyduğu durumlarda.
Şunlar için en uygundur: destek akışları, etkileşimli FAQ ve yönlendirilmiş yardım. Temel seçenekler: düzen, metin biçimlendirme ve yanıt yapısı.
Şunu kullanın: Q&A widget daha konuşkan hissettirmesi gerektiğinde. Bu yapı, yönlendirilmiş yardım, destek benzeri etkileşimler veya yapılandırılmış FAQ deneyimlerini destekleyebilir.
Nasıl iyi kullanılır: Her soruyu kısa tutun. Soruyu yanıttan ayırmak için düzen ve metin stilini kullanın. Tek bir widget'ı çok fazla Q&A bloğuyla doldurmayın.
Promosyon ve gamification öğeleri
Çarkıfelek (Spin to Win)
Şunu kullanın: Çarkıfelek (Spin to Win) ödül veya kupon tabanlı kampanyalar için.
Şunlar için en uygundur: oyunlaştırılmış promosyonlar, ödül kampanyaları ve kupon dağıtımı. Temel seçenekler: parça adları, sonuç metni, parça başına kupon kodu, parça başına bağlantı, ağırlık dağılımı ve kupon kalmadı mesajı.
The Çarkıfelek (Spin to Win) öğesi, widget'a oyunlaştırılmış bir ödül deneyimi ekler. Sürpriz, etkileşim ve kupon dağıtımının önemli olduğu kampanyalar için kullanışlıdır.
Nasıl iyi kullanılır: Her parçaya net bir isim verin. Her sonuç için kazanç metnini tanımlayın. Ödülün kullanılabilir olması gerekiyorsa kupon kodları atayın. Dağılımın kampanya hedefiyle uyumlu olması için ağırlığı dikkatli kullanın.
Parçalar arasındaki toplam ağırlık 100%olmalıdır. Ağırlık tanımlanmazsa sistem bunu eşit olarak dağıtır. Bir parçadaki kuponlar biterse kupon kalmadı mesajı gösterilir.
Kullanıcılar çarkı döndürebilir günde bir kez.
Son kullanma mantığı: Bir parça sona erdiğinde o parça pasif hale gelir ve kalan parça ağırlıkları yeniden normalize edilir. Senaryo yalnızca tüm parçalar sona erdiğinde tamamlanmış olarak işaretlenir.
Doğru öğe nasıl seçilir
İçeriğe mi ihtiyacınız var? Şunu seçin: Metin, Görsel, GIF, Video, veya Hikaye. Girdiye mi ihtiyacınız var? Şunu seçin: Girdi Alanı, Metin Alanı, Radio, Onay Kutusu (Checkbox), Seçim Kutusu (Açılır Liste), veya Buton Grubu. Aksiyona mı ihtiyacınız var? Şunu seçin: Buton, Kopyala Butonu, veya Geri Sayım. Geri bildirime mi ihtiyacınız var? Şunu seçin: Puanlama, Score Rating, Slider Geribildirimi, Emoji Geribildirimi, veya Q&A. Promosyona mı ihtiyacınız var? Şunu seçin: Çarkıfelek (Spin to Win).
En iyi uygulamalar
Her widget'ı tek bir hedefe odaklı tutun. Mümkün olduğunca daha az öğe kullanın. Etkileşimli öğelere net etiketler verin. Aksiyon ayarlamadan önce tanımlayıcıları ekleyin. Kaydetmeden önce hem mobilde hem de masaüstünde önizleyin.
Yaygın oluşturma kalıpları
Lead toplama widget'ı
Şunu kullanın: Metin, Girdi Alanı, ve Butonekleyin. Görsel ve Onay Kutusu (Checkbox) izin için.
Ürün promosyon widget'ı
Şunu kullanın: Görsel, Metin, Buton, ve Geri Sayım.
Geri bildirim widget'ı
Şunu kullanın: Metin, Puanlama veya Emoji Geribildirimi, Metin Alanı, ve Buton.
Kupon widget'ı
Şunu kullanın: Metin, Kopyala Butonu, ve Geri Sayım.
Oyunlaştırılmış kampanya widget'ı
Şunu kullanın: Çarkıfelek (Spin to Win), Metin, Buton, ve Kopyala Butonu.
Last updated
Was this helpful?