Widget Öğeleri Referansı
Doğru widget öğesini seçin ve daha hızlı yapılandırın.
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: Bileşenleri Özelleştir.
Buton veya görsel davranışına ihtiyacınız varsa, şuraya bakın: Tıklama Aksiyonları Ata.
İçerik öğeleri
Metin
Kullanın Metin başlıklar, açıklamalar, etiketler ve kısa yönergeler için.
En uygun kullanım alanları: 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.
İyi kullanmak 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 ihtiyacı olduğunda ekleyin.
Görsel / Resim
Kullanın Görsel / Resim güçlü bir görsel odak istediğinizde.
En uygun kullanım alanları: öne çıkan görseller, 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 ürün görseli, kampanya banner'ı veya güçlü bir marka varlığı gerektirdiği durumlarda kullanın.
İyi kullanmak için: Birden fazla birbiriyle yarışan 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ıklama aksiyonlarını yalnızca görsel açıkça tıklanabilir görünüyorsa ekleyin. Kırpılan odak noktalarından kaçınmak için mobile'da önizleyin.
Görselleri 1 MB altında tutun; bu, daha iyi performans sağlar.
GIF
Kullanın GIF hafif hareket için.
En uygun kullanım alanları: hızlı dikkat çekiciler, ürün öne çıkarmaları ve eğlenceli kampanya anları. Temel seçenekler: GIF URL'si, boşluk ve konum.
Kullanın GIF widget hareket gerektiriyor ancak tam bir video deneyimi gerektirmiyorsa. Hızlı ürün öne çıkarmaları, geri sayım tarzı aciliyet veya eğlenceli kampanya anları için iyi çalışır.
İyi kullanmak için: Animasyonu kısa ve kolay anlaşılır tutun. Kritik bilgileri yalnızca animasyonun içine yerleştirmeyin. Hareketin düzeni boğmaması için GIF'in etrafında yeterli boşluk bırakın.
Video
Kullanın Video hareket mesajın bir parçası olduğunda.
En uygun kullanım alanları: demo'lar, tanıtım videoları ve özellik açıklayıcıları. Temel seçenekler: video URL'si, boyut, en-boy oranı, otomatik oynatma ve kontroller.
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 uygun bir seçenektir.
İyi kullanmak için: Widget'larda kısa videolar kullanın. Diğer öğeleri yerleştirmeden önce en-boy oranını seçin. Video kritik değilse otomatik oynatmadan kaçının. CTA'yı videonun altında veya yanında görünür tutun.
Hikaye (Story Modülü)
Kullanın Hikaye (Story Modülü) görselleri veya videoları sıralı şekilde göstermek için.
En uygun kullanım alanları: 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 anlatımlar, kampanya sekansları veya özellik turları için faydalıdır.
İyi kullanmak 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 tasarlandığını hissettirmek için net bir başlık ve ikon ekleyin.
Form öğeleri
Girdi Alanı
Kullanın Girdi Alanı kısa formatlı kullanıcı verisi toplamak için.
En uygun kullanım alanları: e-posta, telefon, şifre, tarih ve ad alanları. Temel seçenekler: yer tutucu, zorunlu durumu, 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.
İyi kullanmak için: Önce doğru girdi türünü seçin. Beklenen formatı gösteren bir yer tutucu metin yazın. Alanı yalnızca gerekli olduğunda zorunlu işaretleyin. Gönderim aksiyonlarını bağlamadan ö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üzenledikçe 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)
Kullanın Metin Alanı (Text Area) daha uzun yanıtlar için.
En uygun kullanım alanları: yorumlar, açık uçlu geribildirimler ve destek talepleri. Temel seçenekler: yer tutucu, boyut, yazı tipi ve renk.
Kullanın Metin Alanı (Text Area) kullanıcıların kısa bir yanıttan daha fazlasını yazması gerektiğinde. Yorumlar, geribildirim toplama, destek talepleri veya açık uçlu sorular için iyi bir tercihtir.
İyi kullanmak için: Rahat yazım için alanı yeterince geniş tutun. Kullanıcılara ne tür bir yanıt beklediğinizi anlatan bir yer tutucu kullanın. Yanıt zorunluysa bunu doğrulamayla birleştirin.
Radyo Butonu (Tekli Seçim)
Kullanın Radyo Butonu (Tekli Seçim) kullanıcıların yalnızca bir seçenek seçmesi gerektiğinde.
En uygun kullanım alanları: 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.
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 uygundur.
İyi kullanmak 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)
Kullanın Onay Kutusu (Checkbox) kullanıcılar birden fazla seçenek seçebildiğinde.
En uygun kullanım alanları: izin seçimleri, özellik tercihleri ve çok seçimli sorular. Temel seçenekler: etiketler, boşluk ve tanımlayıcı tabanlı koşullar.
Kullanın Onay Kutusu (Checkbox) kullanıcılar birden fazla öğe seçebildiğinde. İzin seçimleri, kategori ilgi alanları veya çoklu tercih seçimi için idealdir.
İyi kullanmak için: Checkbox'ları yalnızca birden fazla yanıt geçerli olduğunda 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)
Kullanın Seçim Kutusu (Açılır Liste) uzun seçenek listelerini kompakt tutmak için.
En uygun kullanım alanları: ülke seçimi, kategori seçimi ve kompakt form girdileri. Temel seçenekler: etiket/değer çiftleri, açılır liste stili ve takip değerleri.
Kullanın Seçim Kutusu (Açılır Liste) yer kazanmak 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.
İyi kullanmak 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
Kullanın Buton Grubu görsel olarak daha güçlü bir tek seçim için.
En uygun kullanım alanları: 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.
Kullanın Buton Grubu kullanıcıların, radio button'lardan daha güçlü görsel vurguya sahip 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.
İyi kullanmak 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
Kullanın Buton bir aksiyonu tetiklemek için.
En uygun kullanım alanları: gönderme, kapatma, yönlendirme ve görünüme git aksiyonları. Temel seçenekler: metin, renk, boyut, ikon ve şablon.
Bu Buton öğe, akıştaki bir sonraki aksiyonu tetikler. Gönderim yapabilir, kapatabilir, yönlendirebilir, başka bir görünüme geçebilir veya bir tıklama aksiyonu tetikleyebilir.
İyi kullanmak için: Her görünüm için tek bir net birincil buton kullanın. Şunun gibi aksiyon odaklı etiketler yazın: Gönder, Devam Etveya Teklifi Gör. Widget genelinde buton renklerini 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
Kullanın Kopyala Butonu kullanıcıların kupon kodunu açığa çıkarıp kopyalamasını istediğinizde.
En uygun kullanım alanları: kupon kampanyaları, promosyon kodu widget'ları ve açığa çıkar-ve-kopyala 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: Kupon Kod Listeleri.
Kullanın Kopyala Butonu widget'ın tek aksiyonda bir kupon kodunu açığa çıkarması ve kopyalaması gerektiğinde. Özellikle indirim kampanyaları ve kilit açma tarzı promosyonlar için kullanışlıdır.
İyi kullanmak için: Şunu seçin: Görünür eğer kod hemen görünmeliyse. Şunu seçin: Gizli eğer önce bir açığa çıkarma etkileşimi istiyorsanız. Şunun gibi net bir açığa çıkarma metni belirleyin: Kodu Göster. Kullanıcıların kodun kopyalandığını anlaması için başarı mesajını özelleştirin.
Burada sona erme davranışı önemlidir:
Kupon kodlarının bir sona erme 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ış kabul edilir.
Geri Sayım
Kullanın Geri Sayım bir son tarih etrafında aciliyet oluşturmak için.
En uygun kullanım alanları: flash sale'ler, sınırlı süreli teklifler ve lansman geri sayımları. Temel seçenekler: hedef tarih, bitiş metni, etiketler, 5 dakikanın altı modu ve renkler.
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.
İyi kullanmak için: Ö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.
Geribildirim öğeleri
Puanlama
Kullanın Puanlama hızlı yıldız tabanlı geribildirim için.
En uygun kullanım alanları: memnuniyet istemleri, 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ığı.
Kullanın Puanlama hızlı yıldız tabanlı geribildirim için. Düşük sürtünmeli bir yanıt istediğinizde ve kullanıcıların yazı yazmasını istemediğinizde iyi çalışır.
İyi kullanmak için: Bunu kısa bir soruyla eşleştirin. Çok görünümlü bir geribildirim akışında ilk adım olarak kullanın. Gerektiğinde düşük ve yüksek puanları farklı sonraki aksiyonlara bağlayın.
Puanlama
Kullanın Puanlama sayısal geribildirim için.
En uygun kullanım alanları: 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.
Kullanın Puanlama geribildirimin sayısal olması gerektiğinde. Bu, NPS tarzı puanlama veya hizmet sonrası değerlendirme akışları için iyi çalışır.
İyi kullanmak 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
Kullanın Slider Geribildirimi geribildirim kesintisiz hissettirmesi gerektiğinde.
En uygun kullanım alanları: duygu ölçümü, yoğunluk ölçekleri ve tercih puanlaması. Temel seçenekler: slider görünümü, metin, boşluk ve düzen.
Kullanın Slider Geribildirimi kullanıcıların yoğunluğu kesintisiz bir ölçek üzerinde ifade etmesini istediğinizde. Memnuniyet, olasılık veya tercih ölçümü için iyi bir seçenektir.
İyi kullanmak için: Slider'ı net bir soruyla eşleştirin. Başlangıç ve bitiş anlamını açık hale getirin. Mobile kullanım için slider'ın etrafında yeterli alan bırakın.
Emoji Geribildirimi
Kullanın Emoji Geribildirimi daha hafif bir geribildirim deneyimi için.
En uygun kullanım alanları: gündelik anketler, emoji tabanlı duygu ölçümü ve mobile-first geribildirim istemleri. Temel seçenekler: emoji seti, boyut, boşluk ve isteğe bağlı sol/sağ etiketler.
Kullanın Emoji Geribildirimi deneyim standart bir puanlama girdisinden daha hafif ve daha gündelik hissettirmesi gerektiğinde. Özellikle mobile-first anket widget'larında çok iyi çalışır.
İyi kullanmak için: Duygusal ölçek net değilse etiketler kullanın. Emoji sayısını yönetilebilir tutun. Detaylı geribildirim istemeden önce hızlı duygu yakalama için kullanın.
Soru-Cevap (Q&A)
Kullanın Soru-Cevap (Q&A) widget soru-cevap tarzı etkileşim gerektirdiğinde.
En uygun kullanım alanları: destek akışları, etkileşimli SSS ve yönlendirmeli yardım. Temel seçenekler: düzen, metin biçimlendirme ve yanıt yapısı.
Kullanın Soru-Cevap (Q&A) widget daha konuşma odaklı hissettirmesi gerektiğinde. Bu, yönlendirmeli yardım, destek benzeri etkileşimler veya yapılandırılmış SSS deneyimlerini destekleyebilir.
İyi kullanmak için: Her soruyu kısa tutun. Soruyu yanıttan ayırmak için düzen ve metin stillerini kullanın. Tek bir widget'ı çok fazla Q&A bloğuyla doldurmayın.
Promosyon ve oyunlaştırma öğeleri
Çarkıfelek (Spin to Win)
Kullanın Çarkıfelek (Spin to Win) ödül veya kupon tabanlı kampanyalar için.
En uygun kullanım alanları: 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ı, ağırlık 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.
İyi kullanmak için: Her dilime net bir ad verin. Her sonuç için kazanım sonuç metnini tanımlayın. Ödülün kullanılabilir olması gerekiyorsa kupon kodları atayın. Sonuç dağılımının kampanya hedefiyle uyumlu olması için ağırlıkları dikkatli kullanın.
Önemli davranış:
Dilimler arasındaki toplam ağırlık şuna eşit olmalıdır: 100%. Ağırlık tanımlanmazsa sistem bunu eşit şekilde dağıtır. Bir dilimde kupon biterse kupon kalmadı mesajı gösterilir.
Kullanıcılar çarkı günde bir kez.
Doğru öğe nasıl seçilir
Şu hızlı kuralı kullanın:
İçeriğe mi ihtiyacınız var? Şunu seçin: Metin, Görsel / Resim, GIF, Videoveya 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, Kopyala Butonuveya Geri Sayım. Geribildirime mi ihtiyacınız var? Şunu seçin: Puanlama, Puanlama, Slider Geribildirimi, Emoji Geribildirimiveya Soru-Cevap (Q&A). Promosyona mı ihtiyacınız var? Şunu seçin: Çarkıfelek (Spin to Win).
En iyi uygulamalar
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 mobile hem desktop'ta önizleyin.
Yaygın yapılandırma desenleri
Öğeleri nasıl birleştireceğinizden emin olmadığınızda bu desenleri kullanın:
Lead toplama widget'ı
Kullanın Metin, Girdi Alanıve Buton. İsteğe bağlı olarak şunu ekleyin: Görsel / Resim ve Onay Kutusu (Checkbox) izin için.
Ürün promosyonu widget'ı
Kullanın Görsel / Resim, Metin, Butonve Geri Sayım.
Geribildirim widget'ı
Kullanın Metin, Puanlama veya Emoji Geribildirimi, Metin Alanı (Text Area)ve Buton.
Kupon widget'ı
Kullanın Metin, Kopyala Butonuve Geri Sayım.
Oyunlaştırılmış kampanya widget'ı
Kullanın Çarkıfelek (Spin to Win), Metin, Butonve Kopyala Butonu.
Last updated
Was this helpful?