> For the complete documentation index, see [llms.txt](https://user.netmera.com/netmera-user-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://user.netmera.com/netmera-user-guide/netmera-user-guide-tr/omnichannel-etkilesim/widgetlar/mobil-uygulama-ici/olustur/widget-ogeleri-referansi.md). # Widget Öğeleri Referansı Widget'ınız için doğru öğeyi seçmeniz gerektiğinde bu sayfayı kullanın. Yerleşimi kendiniz oluşturuyorsanız, şuradan başlayın: [Bileşenleri Özelleştirin](/netmera-user-guide/netmera-user-guide-tr/omnichannel-etkilesim/widgetlar/mobil-uygulama-ici/olustur/bilesenleri-ozellestir.md). Buton veya görsel davranışına ihtiyacınız varsa, şuraya bakın: [Tıklama Aksiyonları Atayın](/netmera-user-guide/netmera-user-guide-tr/omnichannel-etkilesim/widgetlar/mobil-uygulama-ici/olustur/tiklama-islemleri-atayin.md). ### İçerik öğeleri #### Metin Kullanın **Metin** başlıklar, açıklamalar, etiketler ve kısa talimatlar için. **En uygun olduğu durumlar:** kampanya metinleri, yardımcı metinler ve feragatname içerikleri.\ **Temel seçenekler:** yazı tipi, boyut, hizalama, vurgulama ve bağlantılar. Bu **Metin** öğe, widget'ı kullanıcıya açıklamanın ana yoludur. Başlıklar, kısa açıklamalar, talimatlar, feragatnameler veya CTA destek metni için kullanın. **Nasıl iyi 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ş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 Kullanın **Görsel** güçlü bir görsel odak istediğinizde. **En uygun olduğu durumlar:** 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** ögesi, 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. {% hint style="success" %} Bu, görsele dayalı widget tasarımlarının özel HTML kullanmadan panelden oluşturulmasını sağlar. {% endhint %} **Nasıl iyi kullanılır:** Birbiriyle yarışan birkaç 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ıklama aksiyonlarını yalnızca görselin dokunulabilir olduğu açıkça anlaşılıyorsa ekleyin. Kırpılmış odak noktalarından kaçınmak için mobilde önizleyin. {% columns %} {% column width="50%" %}

{% endcolumn %} {% column width="50%" %}

{% endcolumn %} {% endcolumns %} {% hint style="info" %} Görselleri altında tutun **1 MB** daha iyi performans için. {% endhint %} #### GIF Kullanın **GIF** hafif hareketlilik için. **En uygun olduğu durumlar:** hızlı dikkat çekiciler, ürün öne çıkanları ve eğlenceli kampanya anları.\ **Temel seçenekler:** GIF URL'si, boşluk ve konum. Kullanın **GIF** widget'ın harekete ihtiyaç duyup tam bir video deneyimine ihtiyaç duymadığı durumlarda kullanın. Hızlı ürün öne çıkarmaları, geri sayım tarzı aciliyet veya eğlenceli kampanya anları için uygundur. **Nasıl iyi kullanılır:** Animasyonu kısa ve anlaşılır tutun. Kritik bilgileri yalnızca animasyonun içine yerleştirmeyin. Hareketin yerleşimi domine etmemesi için GIF etrafında yeterli boşluk bırakın.

#### Video Kullanın **Video** hareket mesajın bir parçası olduğunda. **En uygun olduğu durumlar:** demolar, 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 kullanın. Daha zengin bir demo veya markalı görsel anlatı gerektiğinde GIF'ten daha uygun bir seçenektir. **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 gerekli değilse otomatik oynatmadan kaçının. CTA'yı videonun altında veya yanında görünür tutun.

#### Hikâye Kullanın **Hikâye** görselleri veya videoları sırayla göstermek için. **En uygun olduğu durumlar:** adım adım anlatımlar, özellik öne çıkarmaları ve kısa kampanya akışları.\ **Temel seçenekler:** başlık, simge, hikâye URL'leri ve özel süre. Bu **Hikâye** ögesi, içerik tek bir widget içinde adım adım gösterilmesi gerektiğinde kullanışlıdır. Özellikle kısa anlatımlar, kampanya sıraları veya özellik turları için faydalıdır. **Nasıl iyi kullanılır:** Her hikâye öğesini tek bir mesaja odaklayın. Kullanıcıların daha fazla okuma süresine ihtiyacı varsa özel süre kullanın. Hikâye bloğunun bilinçli tasarlanmış görünmesi için net bir başlık ve simge ekleyin.

### Form öğeleri #### Giriş alanı Kullanın **Giriş alanı** kısa kullanıcı verisi toplamak için. **En uygun olduğu durumlar:** e-posta, telefon, parola, tarih ve ad alanları.\ **Temel seçenekler:** yer tutucu, zorunlu alan durumu, giriş türü ve doğrulama kuralları. Bu **Giriş alanı** ögesi, e-posta, telefon, parola, tarih veya serbest metin gibi kısa kullanıcı verilerini toplar. Genellikle potansiyel müşteri toplama, giriş benzeri akışlar veya hızlı anketlerin merkezindedir. **Nasıl iyi kullanılır:** Önce doğru giriş 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ğrulama ekleyin. Doğrulama davranışı seçilen giriş 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önderime izin vermez.

{% hint style="info" %} Giriş türleri hem klavye davranışını hem de doğrulama davranışını değiştirebilir. {% endhint %} #### Metin Alanı Kullanın **Metin Alanı** daha uzun yanıtlar için. **En uygun olduğu durumlar:** yorumlar, açık geri bildirimler ve destek talepleri.\ **Temel seçenekler:** yer tutucu, boyut, yazı tipi ve renk. Kullanın **Metin Alanı** kullanıcıların kısa bir yanıttan fazlasını yazması gerektiğinde kullanın. 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ğrulama ile birlikte kullanın.

#### Radyo Butonu Kullanın **Radyo Butonu** kullanıcıların yalnızca bir seçenek seçmesi gerektiğinde kullanın. **En uygun olduğu durumlar:** evet/hayır soruları, tek seçimli anketler ve tercih seçimleri.\ **Temel seçenekler:** etiketler, boşluk ve tanımlayıcıya dayalı koşullar. Kullanın **Radyo Butonu** kullanıcının tam olarak bir seçenek seçmesi gerektiğinde kullanın. 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 gerektirmeden 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 Kullanın **Onay Kutusu** kullanıcılar birden fazla seçenek seçebildiğinde kullanın. **En uygun olduğu durumlar:** onay tercihleri, özellik tercihleri ve çoklu seçim soruları.\ **Temel seçenekler:** etiketler, boşluk ve tanımlayıcıya dayalı koşullar. Kullanın **Onay Kutusu** kullanıcılar birden fazla öğe seçebildiğinde kullanın. Onay seçenekleri, kategori ilgileri veya birden fazla tercih seçimi için idealdir. **Nasıl iyi kullanılır:** Onay kutularını yalnızca birden fazla yanıt geçerliyse kullanın. Etiket ifadesini tutarlı tutun. Buton davranışı işaretli bir seçeneğe bağlıysa koşulları kullanın.

#### Seçim Kutusu Kullanın **Seçim Kutusu** uzun seçenek listelerini kompakt tutmak için. **En uygun olduğu durumlar:** ü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. Kullanın **Seçim Kutusu** yerden tasarruf ederken yine de birden fazla seçenek sunmak istediğinizde kullanın. Kategori, ülke veya şube seçimi gibi daha uzun listeler için uygundur. **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 Kullanın **Buton Grubu** görsel olarak daha güçlü tek seçim için. **En uygun olduğu durumlar:** hızlı seçenekler, evet/hayır/belki akışları ve kompakt anket adımları.\ **Temel seçenekler:** yerleşim, boşluk, metin ve simgeler. Kullanın **Buton Grubu** kullanıcıların radyo butonlarından daha güçlü görsel vurguya sahip hızlı tek seçim etkileşimine ihtiyaç duyduğu durumlarda kullanın. Kompakt adımlar ve mobil öncelikli akışlar için uygundur. **Nasıl iyi kullanılır:** Seçenek sayısını düşük tutun. Buton etiketlerini kısa yazın. Yanlış dokunmaları önlemek için boşluk kullanın.

### Aksiyon öğeleri #### Buton Kullanın **Buton** bir aksiyonu tetiklemek için. **En uygun olduğu durumlar:** gönderme, kapatma, yönlendirme ve görünüm geçişi aksiyonları.\ **Temel seçenekler:** metin, renk, boyut, simge ve şablon. Bu **Buton** ögesi, akıştaki bir sonraki aksiyonu tetikler. Gönderme, kapatma, yönlendirme, başka bir görünüme geçme veya tıklama aksiyonu tetikleme işlemlerini yapabilir. **Nasıl iyi kullanılır:** Her görünüm için tek bir net birincil buton kullanın. Şu gibi aksiyon odaklı 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.

{% hint style="info" %} Butonlar ve görseller, tıklama aksiyonlarını destekleyen ana öğelerdir. {% endhint %} #### Kopyala Butonu Kullanın **Kopyala Butonu** kullanıcıların bir kupon kodunu açığa çıkarıp kopyalamasını istediğinizde kullanın. **En uygun olduğu durumlar:** kupon kampanyaları, promosyon kodu widget'ları ve aç-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 Kodu Listeleri](/netmera-user-guide/netmera-user-guide-tr/pano-ayarlari/ayarlar/mesajlasma-ve-icerik/kupon-kodu-listeleri.md). Kullanın **Kopyala Butonu** widget'ın tek bir aksiyonla kupon kodunu gösterip kopyalaması gerektiğinde kullanın. Özellikle indirim kampanyaları ve açma tarzı promosyonlar için faydalıdır. **Nasıl iyi kullanılır:** Seçin **Görünür** kodun hemen görünmesi gerekiyorsa. Seçin **Gizli** önce bir gösterme etkileşimi istiyorsanız. Şu 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. Sona erme davranışı burada önemlidir: 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. {% columns %} {% column %} #### Gizli Buton Önizlemesi

{% endcolumn %} {% column %} #### Görünür Buton Önizlemesi

{% endcolumn %} {% endcolumns %}

#### Geri Sayım Kullanın **Geri Sayım** son tarih etrafında aciliyet oluşturmak için. **En uygun olduğu durumlar:** flaş indirimler, sınırlı 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 kullanın. Flaş indirimler, süresi dolan teklifler, lansman hatırlatmaları veya zamana bağlı ödül akışları için uygundur. **Nasıl iyi kullanılır:** Önce hedef tarihi ayarlayın. Widget dili gerektiriyorsa etiketleri özelleştirin. Son tarih sonrasındaki durum için net bir bitiş mesajı yazın. Kaydetmeden önce hem aktif hem de tamamlanmış durumları önizleyin.

### Geri bildirim öğeleri #### Derecelendirme Kullanın **Derecelendirme** hızlı yıldız tabanlı geri bildirim için. **En uygun olduğu durumlar:** 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 **Derecelendirme** hızlı yıldız tabanlı geri bildirim için kullanın. Düşük sürtünmeli bir yanıt istediğinizde ve kullanıcıların yazı yazmasını istemediğinizde uygundur. **Nasıl iyi kullanılır:** Kısa bir soruyla eşleştirin. Çok görünümle geri bildirim akışının ilk adımı olarak kullanın. Gerektiğinde düşük ve yüksek puanları farklı sonraki aksiyonlara bağlayın.

#### Puan Derecelendirmesi Kullanın **Puan Derecelendirmesi** sayısal geri bildirim için. **En uygun olduğu durumlar:** 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 **Puan Derecelendirmesi** geri bildirimin sayısal olması gerektiğinde kullanın. Bu, NPS tarzı puanlama veya hizmet sonrası değerlendirme akışları için uygundur. **Nasıl iyi kullanılır:** Stil vermeden önce minimum ve maksimum değerleri ayarlayın. Ön seçim kullanım senaryosu için mantıklıysa anlamlı bir varsayılan seçin. Tıklama animasyonunu yalnızca widget'ın tonunu desteklediğinde kullanın. {% hint style="info" %} #### Puan Derecelendirmesi Renk Ayarları Kullanın **Derecelendirme Yapılandırması** ve **Fareyle Üzerine Gelme Efektleri** puan seçeneklerinin seçili ve hover durumlarında nasıl görüneceğini özelleştirmek için. Derecelendirme seçeneklerini okunaklı ve widget tasarımınızla uyumlu tutmak için arka plan, metin ve kenarlık renklerini ayrı ayrı yapılandırabilirsiniz. Değişiklikler önizlemede gerçek zamanlı olarak yansıtılır. {% endhint %}

Puan Derecelendirmesi seçili durum renk ayarları

#### Kaydırıcı Geri Bildirimi Kullanın **Kaydırıcı Geri Bildirimi** geri bildirimin sürekli hissedilmesi gerektiğinde kullanın. **En uygun olduğu durumlar:** 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çek üzerinde ifade etmesini istediğinizde kullanın. Memnuniyet, olasılık veya tercih ölçümü için uygundur. **Nasıl iyi 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.

#### Emoji Geri Bildirimi Kullanın **Emoji Geri Bildirimi** daha hafif bir geri bildirim deneyimi için. **En uygun olduğu durumlar:** günlük anketler, gülen yüz 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** deneyimin standart bir derecelendirme girişinden daha hafif ve daha gündelik hissettirmesi gerektiğinde kullanın. Özellikle mobil öncelikli anket widget'larında çok iyi çalışır. **Nasıl iyi kullanılır:** Duygusal ölçek net olmayabileceğinde etiketleri kullanın. Emoji sayısını yönetilebilir tutun. Ayrıntılı geri bildirim istemeden önce hızlı duygu yakalama için kullanın.

#### Soru-Cevap Kullanın **Soru-Cevap** widget'ın soru-cevap tarzı etkileşime ihtiyaç duyduğu durumlarda kullanın. **En uygun olduğu durumlar:** destek akışları, etkileşimli SSS ve yönlendirmeli yardım.\ **Temel seçenekler:** yerleşim, metin biçimlendirme ve yanıt yapısı. Kullanın **Soru-Cevap** widget'ın daha konuşma odaklı hissettirmesi gerektiğinde kullanın. Bu, yönlendirmeli yardım, destek benzeri etkileşimler veya yapılandırılmış SSS deneyimlerini destekleyebilir. **Nasıl iyi kullanılır:** Her soruyu kısa tutun. Soruyu yanıttan ayırmak için yerleşim ve metin stilini kullanın. Bir widget'ı çok fazla soru-cevap bloğuyla doldurmayın.

### Promosyon ve oyunlaştırma öğeleri #### Çevir ve Kazan Kullanın **Çevir ve Kazan** ödül veya kupon tabanlı kampanyalar için. **En uygun olduğu durumlar:** 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 bitti mesajı. Bu **Çevir ve Kazan** ögesi 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 dilime net bir ad verin. Her sonuç için kazanma sonucu 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 şu değere eşit olmalıdır **100%**. Ağırlık tanımlanmazsa sistem bunu eşit olarak dağıtır. Bir dilimde kupon kalmazsa kupon bitti mesajı gösterilir.

{% hint style="warning" %} Kullanıcılar çarkı çevirebilir **günde bir kez**. {% endhint %} ### 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**, **GIF**, **Video**, veya **Hikâye**. Girdiye mi ihtiyacınız var? Şunu seçin: **Giriş alanı**, **Metin Alanı**, **Radyo**, **Onay Kutusu**, **Seçim Kutusu**, 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: **Derecelendirme**, **Puan Derecelendirmesi**, **Kaydırıcı Geri Bildirimi**, **Emoji Geri Bildirimi**, veya **Soru-Cevap**. Promosyona mı ihtiyacınız var? Şunu seçin: **Çevir ve Kazan**. ### 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 mobil hem masaüstünde önizleyin. ### Yaygın oluşturma kalıpları Öğeleri nasıl birleştireceğinizden emin olmadığınızda bu kalıpları kullanın: #### Potansiyel müşteri toplama widget'ı Kullanın **Metin**, **Giriş alanı**, ve **Buton**. İsteğe bağlı olarak ekleyin: **Görsel** ve **Onay Kutusu** onay için. #### Ürün tanıtım widget'ı Kullanın **Görsel**, **Metin**, **Buton**, ve **Geri Sayım**. #### Geri bildirim widget'ı Kullanın **Metin**, **Derecelendirme** veya **Emoji Geri Bildirimi**, **Metin Alanı**, ve **Buton**. #### Kupon widget'ı Kullanın **Metin**, **Kopyala Butonu**, ve **Geri Sayım**. #### Oyunlaştırılmış kampanya widget'ı Kullanın **Çevir ve Kazan**, **Metin**, **Buton**, ve **Kopyala Butonu**. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://user.netmera.com/netmera-user-guide/netmera-user-guide-tr/omnichannel-etkilesim/widgetlar/mobil-uygulama-ici/olustur/widget-ogeleri-referansi.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.