Widget Öğeleri Referansı
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, şununla başlayın Customize Components.
Buton veya görsel / resim davranışına ihtiyacınız varsa, şuraya bakın Assign Click Actions.
İçerik öğeleri
Metin
Şunu kullanın Metin başlıklar, açıklamalar, etiketler ve kısa yönergeler için.
Şunlar için en uygunudur: kampanya metinleri, yardımcı metinler ve yasal uyarı içeriği. Temel seçenekler: yazı tipi, boyut, hizalama, vurgu ve bağlantılar.
Bu Metin öğe, widget'ı kullanıcıya açıklamanın ana yoludur. Bunu başlıklar, kısa açıklamalar, yönergeler, yasal uyarılar veya CTA destek metni için kullanın.
Etkili kullanım için: Başlığı kısa tutun. Destekleyici detaylar için ikinci bir metin bloğu kullanın. Çok fazla yazı tipi stili eklemeden önce boşlukları ve hizalamayı düzeltin. Bağlantıları yalnızca kullanıcıların gerçekten ek bir hedefe ihtiyaç duyduğu durumlarda ekleyin.
Görsel / Resim
Şunu kullanın Görsel / Resim güçlü bir görsel odak istediğinizde.
Şunlar için en uygunudur: hero görselleri, kampanya banner'ları ve tıklanabilir görseller. Temel seçenekler: yükleme, değiştirme, hizalama ve tıklama aksiyonu desteği.
Bu Görsel / Resim öğe, widget içinde görsel odak oluşturmanıza yardımcı olur. Mesajın bir ürün görseli, kampanya banner'ı veya güçlü bir marka öğesi gerektirdiği durumlarda bunu kullanın.
Etkili kullanım için: 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. Yalnızca görsel net şekilde tıklanabilir görünüyorsa tıklama aksiyonları ekleyin. Odak noktalarının kırpılmasını önlemek için mobilde önizleyin.
Görselleri 1 MB altında tutarak daha iyi performans elde edin.
GIF
Şunu kullanın GIF hafif hareket için.
Şunlar için en uygunudur: hızlı dikkat çekiciler, ürün öne çıkarmaları ve eğlenceli kampanya anları. Temel seçenekler: GIF URL'si, boşluk ve konum.
Şunu kullanın GIF widget hareket gerektiriyor ancak tam bir video deneyimi gerektirmiyorsa. Hızlı ürün vurguları, geri sayım tarzı aciliyet veya eğlenceli kampanya anları için iyi çalışır.
Etkili kullanım için: Animasyonu kısa ve kolay anlaşılır tutun. Kritik bilgileri yalnızca animasyonun içinde vermeyin. Hareketin düzeni bastırmaması için GIF'in 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 uygunudur: demo'lar, tanıtım videoları 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âye anlatımına bağlı olduğunda. Daha zengin bir demo veya markalı görsel anlatı gerektiğinde bu, GIF'e göre daha iyi bir seçenektir.
Etkili kullanım için: Widget'larda kısa videolar kullanın. Diğer öğeleri yerleştirmeden önce en-boy oranını seçin. Video gerekli değilse otomatik oynatmadan kaçının. CTA'yı videonun altında veya yanında görünür tutun.
Hikaye (Story Modülü)
Şunu kullanın Hikaye (Story Modülü) görselleri veya videoları sıralı şekilde göstermek için.
Şunlar için en uygunudur: adım adım anlatımlar, özellik öne çıkarmaları ve kısa kampanya akışları. Temel seçenekler: başlık, ikon, story URL'leri ve özel süre.
Bu Hikaye (Story Modülü) öğe, içeriğin tek bir widget içinde adım adım gösterilmesi gerektiğinde kullanışlıdır. Özellikle kısa walkthrough'lar, kampanya dizileri veya özellik turları için faydalıdır.
Etkili kullanım için: Her story öğesini tek bir mesaja odaklayın. Kullanıcıların daha fazla okuma süresine ihtiyacı varsa özel süre kullanın. Story bloğunun bilinçli tasarlanmış görünmesi için net bir başlık ve ikon ekleyin.
Form öğeleri
Girdi Alanı
Şunu kullanın Girdi Alanı kısa formatlı kullanıcı verisi toplamak için.
Şunlar için en uygunudur: e-posta, telefon, şifre, tarih ve ad alanları. Temel seçenekler: yer tutucu, zorunlu durum, girdi türü ve doğrulama kuralları.
Bu Girdi Alanı öğe; e-posta, telefon, şifre, tarih veya serbest metin gibi kısa kullanıcı verilerini toplar. Genellikle lead toplama, login benzeri akışlar veya hızlı anketlerin temelini oluşturur.
Etkili kullanım için: Önce doğru girdi türünü seçin. Beklenen formatı gösteren bir yer tutucu metin yazın. Alanı yalnızca gerektiğinde zorunlu olarak işaretleyin. Submit aksiyonları eklemeden önce doğrulama ekleyin.
Doğrulama davranışı seçilen girdi türüne bağlıdır:
Tarih şunu kabul eder DD/MM/YYYY formatını kabul eder ve geçersiz takvim tarihlerini reddeder. E-posta formatı kontrol eder ve kullanıcı düzenleme yaptıkça doğrulamayı günceller. Şifre girilen değeri maskeler. Telefon mobil cihazlarda sayısal klavyeyi açar.
Alan zorunlu değilse kullanıcılar boş bırakabilir. Zorunluysa alan geçerli olana kadar widget gönderimi engeller.
Girdi türleri hem klavye davranışını hem de doğrulama davranışını değiştirebilir.
Metin Alanı (Text Area)
Şunu kullanın Metin Alanı (Text Area) daha uzun yanıtlar için.
Şunlar için en uygunudur: yorumlar, açık uçlu geri bildirimler ve destek talepleri. Temel seçenekler: yer tutucu, boyut, yazı tipi ve renk.
Şunu kullanın Metin Alanı (Text Area) 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 iyi bir seçenektir.
Etkili kullanım için: Alanı rahat yazım için yeterince geniş tutun. Kullanıcılara nasıl bir yanıt beklediğinizi söyleyen bir yer tutucu kullanın. Yanıt zorunluysa bunu doğrulama ile birleştirin.
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 uygunudur: 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ıta sahip anket adımları için en uygunudur.
Etkili kullanım için: Seçenek sayısını az tutun. Ek açıklama olmadan tek başına anlaşılabilen etiketler yazın. Sonraki aksiyonlar seçilen yanıta bağlıysa 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 uygunudur: izin seçimleri, ö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çebileceği durumlarda. İzin seçimleri, kategori ilgileri veya çoklu tercih seçimi için idealdir.
Etkili kullanım için: Checkbox'ları yalnızca birden fazla yanıt geçerliyse kullanın. Etiket ifadelerini tutarlı tutun. Buton davranışı işaretlenmiş 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 uygunudur: ülke seçimi, kategori seçimi ve kompakt form girdileri. Temel seçenekler: label/value çiftleri, dropdown stili ve takip değerleri.
Şunu kullanın Seçim Kutusu (Açılır Liste) yerden tasarruf etmek ama yine de birden fazla seçenek sunmak istediğinizde. Kategori, ülke veya şube seçimi gibi daha uzun listeler için iyi çalışır.
Etkili kullanım için: Görünür etiketi kullanıcı dostu tutun. Raporlama için takip edilen 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çimli bir tercih için.
Şunlar için en uygunudur: 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ına göre daha güçlü görsel vurguyla hızlı bir tek seçimli etkileşime ihtiyaç duyduğu durumlarda. Kompakt adımlar ve mobile-first akışlar için iyi çalışır.
Etkili kullanım için: Seçenek sayısını düşük tutun. Buton etiketlerini kısa yazın. Yanlışlıkla dokunmaları önlemek için boşluk kullanın.
Aksiyon öğeleri
Buton
Şunu kullanın Buton bir aksiyonu tetiklemek için.
Şunlar için en uygunudur: submit, close, redirect ve go-to-view aksiyonları. Temel seçenekler: metin, renk, boyut, ikon ve şablon.
Bu Buton öğe, akıştaki bir sonraki aksiyonu tetikler. Submit edebilir, kapatabilir, yönlendirebilir, başka bir görünüme geçebilir veya bir tıklama aksiyonu tetikleyebilir.
Etkili kullanım için: Her görünüm için tek ve net bir ana buton kullanın. Şunun gibi aksiyon odaklı etiketler yazın Submit, Continue, veya See Offer. 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.
Kopyalama Butonu
Şunu kullanın Kopyalama Butonu kullanıcıların bir kupon kodunu ortaya çıkarıp kopyalamasını istediğinizde.
Şunlar için en uygunudur: kupon kampanyaları, promosyon kodu widget'ları ve açığa çıkarıp kopyalama akışları. Temel seçenekler: görünür veya gizli mod, ortaya çıkarma metni, kopyalandı mesajı, renk, kenar yarıçapı ve kupon listesi seçimi.
Kupon listeleri şurada yönetilir Coupon Code Lists.
Şunu kullanın Kopyalama Butonu widget'ın bir kupon kodunu tek aksiyonda ortaya çıkarıp kopyalaması gerektiğinde. Özellikle indirim kampanyaları ve unlock tarzı promosyonlar için kullanışlıdır.
Etkili kullanım için: Şunu seçin Visible kod hemen görünmeliyse. Şunu seçin Hidden önce bir reveal etkileşimi istiyorsanız. Şunun gibi net bir reveal metni belirleyin Reveal Code. Kullanıcıların kodun kopyalandığını anlaması için başarı mesajını özelleştirin.
Kupon kodlarının bir son geçerlilik tarihi ve saati olabilir. Süresi dolan kuponlar son kullanıcılara gösterilmez. Bağlı tüm kuponların süresi dolarsa ilgili kampanya tamamlanmış olarak değerlendirilir.
Geri Sayım
Şunu kullanın Geri Sayım bir son tarih etrafında aciliyet oluşturmak için.
Şunlar için en uygunudur: flash sale'ler, sınırlı teklifler ve lansman geri sayımları. Temel seçenekler: hedef tarih, bitiş metni, etiketler, 5 dakikanın altı modu 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.
Etkili kullanım için: Önce hedef tarihi belirleyin. Widget dili gerektiriyorsa etiketleri özelleştirin. Son tarihten sonraki 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 uygunudur: memnuniyet istemleri, hızlı değerlendirme widget'ları ve basit duygu durum 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.
Etkili kullanım için: Bunu kısa bir soruyla eşleştirin. Çok görünümlü bir geri bildirim akışında ilk adım olarak kullanın. Gerektiğinde düşük ve yüksek puanları farklı sonraki aksiyonlara bağlayın.
Puanlama
Şunu kullanın Puanlama sayısal geri bildirim için.
Şunlar için en uygunudur: NPS tarzı puanlama, hizmet değerlendirmeleri ve akış sonrası anketler. Temel seçenekler: minimum puan, maksimum puan, varsayılan değer ve tıklama animasyonu.
Şunu kullanın Puanlama geri bildirim sayısal olduğunda. Bu, NPS tarzı puanlama veya hizmet sonrası değerlendirme akışları için iyi çalışır.
Etkili kullanım için: Stil vermeden önce minimum ve maksimum değerleri belirleyin. Ön seçim kullanım senaryosu için anlamlıysa mantıklı bir varsayılan değer seçin. Tıklama animasyonunu yalnızca widget'ın tonunu destekliyorsa kullanın.
Slider Geribildirimi
Şunu kullanın Slider Geribildirimi geri bildirim sürekli bir ölçek hissi vermeliyse.
Şunlar için en uygunudur: 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çek üzerinde ifade etmesini istediğinizde. Memnuniyet, olasılık veya tercih ölçümü için iyi bir seçenektir.
Etkili kullanım için: Slider'ı net bir soruyla eşleştirin. Başlangıç ve bitiş anlamını açık hale getirin. Mobil kullanım için slider'ın etrafında yeterli boşluk bırakın.
Emoji Geribildirimi
Şunu kullanın Emoji Geribildirimi daha hafif bir geri bildirim deneyimi için.
Şunlar için en uygunudur: gündelik anketler, smiley tabanlı duygu ölçümü ve mobile-first geri bildirim istemleri. Temel seçenekler: emoji seti, boyut, boşluk ve isteğe bağlı sol/sağ etiketler.
Şunu kullanın Emoji Geribildirimi deneyim standart bir puanlama girdisinden daha hafif ve daha gündelik hissettirmeliyse. Özellikle mobile-first anket widget'larında iyi çalışır.
Etkili kullanım için: Duygusal ölçek net değilse etiket kullanın. Emoji sayısını yönetilebilir tutun. Detaylı geri bildirim istemeden önce hızlı duygu yakalama için kullanın.
Soru-Cevap
Şunu kullanın Soru-Cevap widget soru-cevap tarzı etkileşim gerektirdiğinde.
Şunlar için en uygunudur: destek akışları, interaktif SSS ve yönlendirmeli yardım. Temel seçenekler: düzen, metin biçimlendirme ve yanıt yapısı.
Şunu kullanın Soru-Cevap widget daha konuşma odaklı hissettirmeliyse. Bu, yönlendirmeli yardımı, destek benzeri etkileşimleri veya yapılandırılmış SSS deneyimlerini destekleyebilir.
Etkili kullanım için: Her soruyu kısa tutun. Soruyu yanıttan ayırmak için düzen ve metin stilini kullanın. Tek bir widget'ı çok fazla soru-cevap bloğuyla doldurmayın.
Promosyon ve oyunlaştırma öğ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 uygunudur: oyunlaştırılmış promosyonlar, ödül kampanyaları ve kupon dağıtımı. Temel seçenekler: dilim adları, sonuç metni, dilim başına kupon kodu, dilim başına bağlantı, gravity dağılımı ve kupon kalmadı mesajı.
Bu Çarkıfelek (Spin to Win) öğe, 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.
Etkili kullanım için: Her dilime net bir ad verin. Her sonuç için kazanım metnini tanımlayın. Ödül kullanılabilir olmalıysa kupon kodları atayın. Sonuç dağılımının kampanya hedefiyle uyumlu olması için gravity'yi dikkatli kullanın.
Dilimler genelindeki toplam gravity şu değere eşit olmalıdır 100%. Gravity tanımlanmazsa sistem bunu eşit şekilde dağıtır. Bir dilimde kuponlar tükenirse kupon kalmadı mesajı gösterilir.
Kullanıcılar çarkı günde bir kez.
Geçerlilik bitiş mantığı: Bir dilimin süresi dolduğunda o dilim pasif hale gelir ve kalan dilim ağırlıkları yeniden normalize edilir. Senaryo yalnızca tüm dilimlerin süresi dolduğunda tamamlandı olarak işaretlenir.
Doğru öğe nasıl seçilir
İçeriğe mi ihtiyacınız var? Şunu seçin Metin, Görsel / Resim, GIF, Video, veya Hikaye (Story Modülü). Girdiye mi ihtiyacınız var? Şunu seçin Girdi Alanı, Metin Alanı (Text Area), Radyo, Onay Kutusu (Checkbox), Seçim Kutusu (Açılır Liste), veya Buton Grubu. Aksiyona mı ihtiyacınız var? Şunu seçin Buton, Kopyalama Butonu, veya Geri Sayım. Geri bildirime mi ihtiyacınız var? Şunu seçin Puanlama, Puanlama, Slider Geribildirimi, Emoji Geribildirimi, veya Soru-Cevap. Promosyona mı ihtiyacınız var? Şunu seçin Çarkıfelek (Spin to Win).
Best practice'ler
Her widget'ı tek bir hedefe odaklayın. Mümkün olduğunda daha az öğe kullanın. Etkileşimli öğelere net etiketler verin. Aksiyonları ayarlamadan önce tanımlayıcıları ekleyin. Kaydetmeden önce hem mobilde hem desktop'ta önizleyin.
Yaygın build pattern'leri
Lead toplama widget'ı
Şunu kullanın Metin, Girdi Alanı, ve Buton. İsteğe bağlı olarak şunu ekleyin Görsel / Resim ve Onay Kutusu (Checkbox) rıza için.
Ürün promosyonu widget'ı
Şunu kullanın Görsel / Resim, Metin, Buton, ve Geri Sayım.
Geri bildirim widget'ı
Şunu kullanın Metin, Puanlama veya Emoji Geribildirimi, Metin Alanı (Text Area), ve Buton.
Kupon widget'ı
Şunu kullanın Metin, Kopyalama Butonu, ve Geri Sayım.
Oyunlaştırılmış kampanya widget'ı
Şunu kullanın Çarkıfelek (Spin to Win), Metin, Buton, ve Kopyalama Butonu.
Last updated
Was this helpful?