Widget Öğeleri Referansı

Doğru widget öğesini seçin ve daha hızlı yapılandırın.

Widget'iniz için doğru öğeyi seçmeniz gerektiğinde bu sayfayı kullanın.

Yerleşimin kendisini oluşturuyorsanız, şununla başlayın: Bileşenleri Özelleştir.

Buton veya görsel davranışına ihtiyacınız varsa, şuna 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.

Şunlar için en uygun: kampanya metinleri, yardımcı metinler ve 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. Başlıklar, kısa açıklamalar, yönergeler, uyarılar veya CTA destek metni için kullanın.

Nasıl doğru kullanılır: Başlığı kısa tutun. Destekleyici ayrıntılar 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.

Metin

Görsel

Kullanın Görsel güçlü görsel odak istediğinizde.

Şunlar için en uygun: ana görseller, kampanya banner’ları ve dokunulabilir görseller. Temel seçenekler: yükleme, değiştirme, hizalama ve tıklama aksiyonu desteği.

Bu Görsel öğ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 varlığı gerektirdiği durumlarda kullanın.

Nasıl doğru kullanılır: Birkaç rekabet eden görsel yerine tek bir ana görsel kullanın. Daha temiz bir yerleşim için görsel boyutunu widget genişliğine yakın tutun. Tıklanabilir olduğu açıkça anlaşılıyorsa tıklama aksiyonları ekleyin. Kırpılan odak noktalarını önlemek için mobil önizleme yapın.

circle-info

Görselleri 1 MB altında tutun; bu, daha iyi performans sağlar.

GIF

Kullanın GIF hafif hareket için.

Şunlar için en uygun: hızlı dikkat çekiciler, ürün vurguları ve eğlenceli kampanya anları. Temel seçenekler: GIF URL’si, boşluk ve konum.

Kullanın GIF widget’ın harekete ihtiyaç duyduğu ancak tam bir video deneyimine gerek olmadığı durumlarda. Hızlı ürün vurguları, geri sayım tarzı aciliyetler veya eğlenceli kampanya anları için iyi çalışır.

Nasıl doğru kullanılır: Animasyonu kısa ve anlaşılır tutun. Kritik bilgileri yalnızca animasyonun içine yerleştirmeyin. Hareketin yerleşimi baskılamaması için GIF etrafında yeterli boşluk bırakın.

GIF

Video

Kullanın Video hareket mesajın bir parçası olduğunda.

Şunlar için en uygun: demo’lar, tanıtım videoları ve özellik anlatımları. 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 GIF’ten daha uygun bir seçimdir.

Nasıl doğru 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.

Video

Hikâye

Kullanın Hikâye görselleri veya videoları sıralı olarak göstermek için.

Şunlar için en uygun: adım adım anlatımlar, özellik vurguları ve kısa kampanya akışları. Temel seçenekler: başlık, ikon, hikâye URL’leri ve özel süre.

Bu Hikâye öğ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 dizileri veya özellik turları için faydalıdır.

Nasıl doğru kullanılır: Her hikâye öğesini tek bir mesaja odaklayın. Kullanıcıların daha fazla okuma süresine ihtiyacı olduğunda özel süre kullanın. Hikâye bloğunun bilinçli tasarlanmış görünmesi için net bir başlık ve ikon ekleyin.

Hikâye

Form öğeleri

Girdi

Kullanın Girdi kısa form verileri toplamak için.

Şunlar için en uygun: e-posta, telefon, şifre, tarih ve ad alanları. Temel seçenekler: yer tutucu, zorunlu durum, girdi türü ve doğrulama kuralları.

Bu Girdi öğe, e-posta, telefon, şifre, tarih veya serbest metin gibi kısa kullanıcı verilerini toplar. Genellikle lead toplama, giriş benzeri akışlar veya hızlı anketlerin temelini oluşturur.

Nasıl doğru kullanılır: Önce doğru girdi türünü seçin. Beklenen formatı gösteren yer tutucu metni yazın. Alanı yalnızca gerektiğinde zorunlu olarak işaretleyin. Gönderme aksiyonlarını eklemeden önce doğrulamayı ekleyin.

Doğrulama davranışı, seçilen girdi türüne bağlıdır:

Tarih şunu kabul eder: GG/AA/YYYY biçimini kabul eder ve geçersiz takvim tarihlerini reddeder. E-posta biçimi 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
Giriş doğrulama alanları
circle-info

Giriş 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.

Şunlar için en uygun: yorumlar, açık geri bildirim 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 fazlasını yazması gerektiğinde. Bu; yorumlar, geri bildirim toplama, destek talepleri veya açık uçlu sorular için uygundur.

Nasıl doğru kullanılır: Alanı rahat yazım için yeterince geniş tutun. Kullanıcılara ne tür bir yanıt beklediğinizi söyleyen bir yer tutucu kullanın. Yanıt zorunluysa bunu doğrulama ile birlikte kullanın.

Metin Alanı (Text Area)

Radyo düğmesi

Kullanın Radyo düğmesi kullanıcıların yalnızca bir seçenek belirlemesi gerektiğinde.

Şunlar için en uygun: evet/hayır soruları, tek seçimli anketler ve tercih seçimi. Temel seçenekler: etiketler, boşluklandırma ve tanımlayıcıya dayalı koşullar.

Kullanın Radyo düğmesi 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 doğru kullanılır: Seçenek sayısını az tutun. Ek açıklama olmadan tek başına anlaşılabilen etiketler yazın. Sonraki işlemler seçilen yanıta bağlı olduğunda tanımlayıcılar kullanın.

Radyo düğmesi

Onay Kutusu

Kullanın Onay Kutusu kullanıcılar birden fazla seçenek seçebildiğinde.

Şunlar için en uygun: onay seçenekleri, özellik tercihleri ve çoklu seçim soruları. Temel seçenekler: etiketler, boşluklandırma ve tanımlayıcıya dayalı koşullar.

Kullanın Onay Kutusu kullanıcılar birden fazla öğe seçebildiğinde. Onay seçenekleri, kategori ilgi alanları veya çoklu tercih seçimi için idealdir.

Nasıl doğru kullanılır: Onay kutularını yalnızca birden fazla yanıt geçerliyse kullanın. Etiket ifadelerini tutarlı tutun. Düğme davranışı işaretli bir seçeneğe bağlı olduğunda koşullar kullanın.

Onay Kutusu

Seçim Kutusu

Kullanın Seçim Kutusu uzun seçenek listelerini kompakt tutmak için.

Şunlar için en uygun: ülke seçimi, kategori seçimi ve kompakt form girişleri. Temel seçenekler: etiket/değer çiftleri, açılır liste tarzı ve izlenen değerler.

Kullanın Seçim Kutusu yer tasarrufu yapmak 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 doğru kullanılır: Görünür etiketi kullanıcı dostu tutun. Raporlama için izlenen değerleri tutarlı tutun. Sadece iki veya üç seçenek varsa bir seçim kutusu kullanmaktan kaçının.

Seçim Kutusu

Buton Grubu

Kullanın Buton Grubu görsel olarak daha güçlü tek seçim yapısı için.

Şunlar için en uygun: hızlı seçenekler, evet/hayır/kararsız akışları ve kompakt anket adımları. Temel seçenekler: yerleşim, boşluk, metin ve ikonlar.

Kullanın Buton Grubu kullanıcıların, radyo butonlarına kıyasla daha güçlü görsel vurguya sahip hızlı bir tek seçim etkileşimine ihtiyaç duyduğu durumlarda. Kompakt adımlar ve mobil öncelikli akışlar için iyi çalışır.

Nasıl doğru kullanılır: Seçenek sayısını düşük tutun. Düğme etiketlerini kısa tutun. Yanlışlıkla dokunmaları önlemek için boşluk bırakın.

Buton Grubu

Eylem öğeleri

Düğme

Kullanın Düğme bir eylemi tetiklemek için.

Şunlar için en uygun: gönderme, kapatma, yönlendirme ve görünümüne git eylemleri. Temel seçenekler: metin, renk, boyut, simge ve Şablon.

Bu Düğme öğe, akıştaki sonraki eylemi tetikler. Gönderme, kapatma, yönlendirme, başka bir görünüme geçme veya bir tıklama eylemini tetikleyebilir.

Nasıl doğru kullanılır: Her görünüm için net bir birincil düğme kullanın. Şu gibi eyleme dayalı etiketler yazın: Gönder, Devam Et veya Teklifi Gör. Widget genelinde buton renklerini tutarlı tutun. Eylem atamadan önce tanımlayıcıları yapılandırın.

Buton Düzenleyici
Buton Şablonları
circle-info

Butonlar ve görseller, tıklama eylemlerini destekleyen ana öğelerdir.

Butonu Kopyala

Kullanın Butonu Kopyala kullanıcıların bir kupon kodunu göstermesini ve kopyalamasını istediğinizde.

Şunlar için en uygun: kupon kampanyaları, promosyon kodu widget’ları ve gösterip-kopyalama akışları. Temel seçenekler: görünür veya gizli mod, gösterme metni, kopyalandı mesajı, renk, kenarlık yuvarlama ve kupon सूची seçimi.

Kupon listeleri burada yönetilir Kupon Kodu Listeleri.

Kullanın Butonu Kopyala widget’in bir kupon kodunu tek bir eylemle göstermesi ve kopyalaması gerektiğinde. Özellikle indirim kampanyaları ve aç-kopyala tarzı promosyonlar için kullanışlıdır.

Nasıl doğru kullanılır: Seçin Görünür kodun hemen görünmesi gerekiyorsa. Seçin Gizli eğer önce bir gösterme etkileşimi istiyorsanız. Şunun gibi net bir gösterme metni belirleyin: Kodu Göster. Kullanıcıların kodun kopyalandığını anlaması için başarı mesajını özelleştirin.

Burada geçerlilik süresi davranışı önemlidir:

Kupon kodlarının bir son kullanma 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.

Gizli Buton Önizlemesi

Görünür Buton Önizlemesi

Geri Sayım

Kullanın Geri Sayım bir son tarih etrafında aciliyet yaratmak için.

Şunlar için en uygun: flaş indirimler, sınırlı teklifler ve lansman geri sayımları. Temel seçenekler: hedef tarih, bitiş metni, etiketler, 5 dakikadan kısa mod ve renkler.

Kullanın Geri Sayım aciliyet mesajın bir parçası olduğunda. Flaş indirimler, süresi dolan teklifler, lansman hatırlatmaları veya zamana bağlı ödül akışları için iyi çalışır.

Nasıl doğru kullanılır: Önce Hedef Tarih'i belirleyin. Widget dili gerektiriyorsa etiketleri özelleştirin. Son tarih sonrası durum için net bir bitiş mesajı yazın. Kaydetmeden önce hem aktif hem de bitmiş durumları önizleyin.

Geri bildirim öğeleri

Puanlama

Kullanın Puanlama hızlı yıldız tabanlı geri bildirim için.

Şunlar için en uygun: memnuniyet soruları, 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ı geri bildirim için. Kullanıcılardan yazı yazmalarını istemediğiniz ve düşük eforlu bir yanıt istediğiniz durumlarda iyi çalışır.

Nasıl doğru kullanılır: Bunu kısa bir soruyla eşleştirin. Çoklu görünüm içeren bir geri bildirim akışında ilk adım olarak kullanın. Gerekirse düşük ve yüksek puanları farklı sonraki eylemlere bağlayın.

Puanlama

Skor Puanlaması

Kullanın Skor Puanlaması sayısal geri bildirim için.

Şunlar için en uygun: 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 Skor Puanlaması geri bildirim sayısal olmalıysa. Bu, NPS tarzı puanlama veya hizmet sonrası değerlendirme akışları için iyi çalışır.

Nasıl doğru kullanılır: Stil vermeden önce minimum ve maksimum değerleri belirleyin. Ön seçim kullanım senaryosu için mantıklıysa yalnızca makul bir varsayılan seçin. Tıklama animasyonunu yalnızca widget’in tonunu destekliyorsa kullanın.

Skor Puanlaması

Kaydırıcı Geri Bildirimi

Kullanın Kaydırıcı Geri Bildirimi geri bildirimin sürekli hissedilmesi gerektiğinde.

Şunlar için en uygun: duygu ölçümü, yoğunluk ölçekleri ve tercih puanlaması. Temel seçenekler: kaydırıcı görünümü, metin, boşluk ve yerleşim.

Kullanın Kaydırıcı Geri Bildirimi 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çenektir.

Nasıl doğru kullanılır: Kaydırıcıyı net bir soruyla eşleştirin. Başlangıç ve bitiş anlamını açık hale getirin. Mobil kullanım için kaydırıcının etrafında yeterli boşluk bırakın.

Kaydırıcı Geri Bildirimi

Emoji Geri Bildirimi

Kullanın Emoji Geri Bildirimi daha hafif bir geri bildirim deneyimi için.

Şunlar için en uygun: gündelik anketler, gülümseme tabanlı duygu ölçümü ve mobil öncelikli geri bildirim istemleri. Temel seçenekler: emoji seti, boyut, boşluk ve isteğe bağlı sol/sağ etiketler.

Kullanın Emoji Geri Bildirimi standart bir puanlama girişine göre deneyimin daha hafif ve daha gündelik hissettirmesi gerektiğinde. Özellikle mobil öncelikli anket Widget’larında çok iyi çalışır.

Nasıl doğru kullanılır: Duygusal ölçek net olmayabilecekse etiketler kullanın. Emoji sayısını yönetilebilir tutun. Ayrıntılı geri bildirim istemeden önce hızlı duygu ölçümü için kullanın.

Emoji Geri Bildirimi

Soru-Cevap

Kullanın Soru-Cevap Widget’ın soru-cevap tarzında etkileşim sunması gerektiğinde.

Şunlar için en uygun: destek akışları, etkileşimli SSS ve yönlendirmeli yardım. Temel seçenekler: düzen, metin biçimlendirme ve cevap yapısı.

Kullanın Soru-Cevap 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.

Nasıl doğru kullanılır: Her soruyu kısa tutun. Soruyu cevaptan ayırmak için düzen ve metin stilinden yararlanın. Tek bir Widget’ı çok fazla Soru-Cevap bloğuyla doldurmayın.

Soru-Cevap

Promosyon ve oyunlaştırma öğeleri

Spin to Win

Kullanın Spin to Win ödül veya kupon bazlı kampanyalar için.

Şunlar için en uygun: 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 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.

Nasıl doğru kullanılır: Her dilime net bir ad verin. Her sonuç için kazanım 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ığı dikkatli kullanın.

Önemli davranış:

Dilimler arasındaki toplam ağırlık 100%. Ağırlık tanımlanmadıysa sistem bunu eşit olarak dağıtır. Bir dilimde kupon kalmazsa kupon kalmadı mesajı gösterilir.

Kazanmak için Çevir ayarları
Başarı Ekranı tasarımı
circle-exclamation

Doğru öğe nasıl seçilir

Bu kısa kuralı kullanın:

İçeriğe mi ihtiyacınız var? Şunu seçin Metin, Görsel, GIF, Video veya Hikâye. Girdiye mi ihtiyacınız var? Şunu seçin Girdi, Metin Alanı (Text Area), Radyo, Onay Kutusu, Seçim Kutusu veya Buton Grubu. Eyleme mi ihtiyacınız var? Şunu seçin Düğme, Butonu Kopyala veya Geri Sayım. Geri bildirime mi ihtiyacınız var? Şunu seçin Puanlama, Skor Puanlaması, Kaydırıcı Geri Bildirimi, Emoji Geri Bildirimi veya Soru-Cevap. Promosyona mı ihtiyacınız var? Şunu seçin Spin to Win.

En iyi uygulamalar

Her Widget’ı tek bir hedefe odaklı tutun. Mümkün olduğunda daha az öğe kullanın. Etkileşimli öğelere net etiketler verin. Eylemler ayarlamadan önce tanımlayıcılar ekleyin. Kaydetmeden önce hem mobilde hem masaüstünde önizleyin.

Yaygın oluşturma desenleri

Öğeleri nasıl birleştireceğinizden emin olmadığınızda bu kalıpları kullanın:

Potansiyel müşteri toplama Widget’ı

Kullanın Metin, Girdi, ve Düğme. İsteğe bağlı olarak şunu ekleyin Görsel ve Onay Kutusu izin içindir.

Ürün tanıtım Widget’ı

Kullanın Görsel, Metin, Düğme, ve Geri Sayım.

Geri bildirim Widget’ı

Kullanın Metin, Puanlama veya Emoji Geri Bildirimi, Metin Alanı (Text Area), ve Düğme.

Kupon Widget’ı

Kullanın Metin, Butonu Kopyala, ve Geri Sayım.

Oyunlaştırılmış kampanya Widget’ı

Kullanın Spin to Win, Metin, Düğme, ve Butonu Kopyala.

Last updated

Was this helpful?