> 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/web-acilir-penceresi/olustur/widget-ogeleri-referansi.md). # Widget Öğeleri Referansı Web widget'ınız için doğru öğeyi seçmeniz gerektiğinde bu sayfayı kullanın. Yerleşimin kendisini oluşturuyorsanız, şuradan başlayın: [Bileşenleri Özelleştir](/netmera-user-guide/netmera-user-guide-tr/omnichannel-etkilesim/widgetlar/web-acilir-penceresi/olustur/bilesenleri-ozellestir.md). Buton veya görsel davranışına ihtiyacınız varsa, şuna bakın: [Tıklama Aksiyonları Ata](/netmera-user-guide/netmera-user-guide-tr/omnichannel-etkilesim/widgetlar/web-acilir-penceresi/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 kullanım alanı:** kampanya metni, yardımcı metin 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. Başlıklar, kısa açıklamalar, talimatlar, yasal uyarılar 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. 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 ihtiyaç duyduğu durumlarda ekleyin.

#### Görsel Kullanın **Görsel** güçlü görsel odak istediğinizde. **En uygun kullanım alanı:** 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. {% hint style="success" %} Bu sayede özel HTML kullanmadan panel üzerinden görsel tabanlı widget tasarımları oluşturulabilir. {% endhint %} **Nasıl iyi kullanılır:** Birden fazla 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 belli olduğunda tıklama aksiyonları ekleyin. Kırpılan odak noktalarını önlemek için mobil önizleme yapın. {% columns %} {% column width="50%" %}

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

{% endcolumn %} {% endcolumns %} {% hint style="info" %} Görselleri **1 MB** altında tutun. {% endhint %} #### GIF Kullanın **GIF** hafif hareket için. **En uygun kullanım alanı:** hızlı dikkat çekme unsurları, ü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 ihtiyacı olduğu ancak tam bir video deneyimine gerek duyulmadığı durumlarda. Hızlı ürün öne çıkanları, 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 yerleştirmeyin. GIF'in etrafında, hareketin yerleşimi baskılamaması için yeterli boşluk bırakın.

#### Video Kullanın **Video** hareket mesajın bir parçası olduğunda. **En uygun kullanım alanı:** 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. Daha zengin bir demo veya markalı görsel anlatı gerektiğinde bu, GIF'ten daha iyi 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 kritik 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 kullanım alanı:** adım adım anlatımlar, özellik öne çıkanları ve kısa kampanya akışları.\ **Temel seçenekler:** başlık, simge, 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 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 görünmesi için net bir başlık ve simge ekleyin.

### Form öğeleri #### Girdi Kullanın **Girdi** kısa form kullanıcı verileri toplamak için. **En uygun kullanım alanı:** e-posta, telefon, parola, tarih ve ad alanları.\ **Temel seçenekler:** yer tutucu, zorunlu durumu, girdi türü ve doğrulama kuralları. Bu **Girdi** öğe; e-posta, telefon, parola, tarih veya serbest metin gibi kısa kullanıcı verilerini toplar. Genellikle lead toplamanın, giriş benzeri akışların veya hızlı anketlerin merkezidir. **Nasıl iyi kullanılır:** Önce doğru girdi türünü seçin. Beklenen biçimi gösteren bir yer tutucu metin 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 girdi türüne bağlıdır: **Tarih** şu biçimi kabul eder: `DD/MM/YYYY` 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, alan geçerli olana kadar widget gönderimi engeller.

{% hint style="info" %} Girdi 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 kullanım alanı:** yorumlar, açık geri bildirim 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ıt yerine daha fazla yazması gerektiğinde. Bu, yorumlar, geri bildirim toplama, destek talepleri veya açık uçlu sorular için iyi bir tercihtir. **Nasıl iyi kullanılır:** Alanı rahat yazım için yeterince geniş tutun. Kullanıcılara nasıl bir yanıt beklediğinizi gösteren bir yer tutucu kullanın. Yanıt zorunluysa doğrulamayla birlikte kullanın.

#### Radyo Butonu Kullanın **Radyo Butonu** kullanıcıların yalnızca bir seçenek seçmesi gerektiğinde. **En uygun kullanım alanı:** evet/hayır soruları, tek seçimli anketler ve tercih seçimi.\ **Temel seçenekler:** etiketler, boşluklar ve tanımlayıcı bazlı koşullar. Kullanın **Radyo Butonu** 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 gerektirmeden tek başına anlaşılabilen etiketler yazın. Sonraki aksiyonlar seçilen yanıta bağlı olduğunda tanımlayıcıları kullanın.

#### Onay Kutusu Kullanın **Onay Kutusu** kullanıcılar birden fazla seçenek seçebildiğinde. **En uygun kullanım alanı:** onay seçenekleri, özellik tercihleri ve çoklu seçim soruları.\ **Temel seçenekler:** etiketler, boşluklar ve tanımlayıcı bazlı koşullar. Kullanın **Onay Kutusu** kullanıcıların birden fazla öğe seçebildiği durumlarda. Onay seçenekleri, kategori ilgi alanları 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çerli olduğunda kullanın. Etiket ifadelerini tutarlı tutun. Buton davranışı işaretli bir seçeneğe bağlıysa koşulları kullanın.

#### Açılır Liste Kullanın **Açılır Liste** uzun seçenek listelerini kompakt tutmak için. **En uygun kullanım alanı:** ü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 **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 ya da üç seçenek varsa açılır liste kullanmayın.

#### Buton Grubu Kullanın **Buton Grubu** görsel olarak daha güçlü tekli seçimler için. **En uygun kullanım alanı:** hızlı seçenekler, evet/hayır/belki akışları ve kompakt anket adımları.\ **Temel seçenekler:** yerleşim, boşluklar, metin ve ikonlar. Kullanın **Buton Grubu** kullanıcıların radyo butonlarına göre daha güçlü görsel vurgusu olan 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 iyi kullanılır:** 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 alanı:** gönderme, kapatma, yönlendirme ve görünüme gitme aksiyonları.\ **Temel seçenekler:** metin, renk, boyut, ikon ve şablon. Bu **Buton** öğe akıştaki sonraki aksiyonu tetikler. Gönderme, kapatma, yönlendirme, başka bir görünüme geçme veya bir tıklama aksiyonu tetikleme işlemi yapabilir. **Nasıl iyi kullanılır:** Her görünüm için tek ve net bir 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. Aksiyonları atamadan önce tanımlayıcıları yapılandırın.

{% hint style="info" %} Tıklama aksiyonlarını destekleyen ana öğeler butonlar ve görsellerdir. {% endhint %} #### Kopyalama Butonu Kullanın **Kopyalama Butonu** kullanıcıların bir kupon kodunu göstermesini ve kopyalamasını istediğinizde. **En uygun kullanım alanı:** kupon kampanyaları, promo kod widget'ları ve aç-kopyala akışları.\ **Temel seçenekler:** görünür veya gizli mod, gösterme 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 **Kopyalama Butonu** widget'ın bir kupon kodunu tek bir aksiyonla göstermesi ve kopyalaması gerektiğinde. Ö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ülmesi gerekiyorsa. **Gizli** önce bir gösterme etkileşimi istiyorsanız. `Kodu Göster`. Kullanıcılara kodun kopyalandığını belirtmek için başarı mesajını özelleştirin. Kupon kodlarının 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ış 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** bir son tarih etrafında aciliyet oluşturmak için. **En uygun kullanım alanı:** 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. Flaş indirimler, süresi dolacak 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 Kullanın **Puanlama** hızlı yıldız tabanlı geri bildirim için. **En uygun kullanım alanı:** memnuniyet soruları, hızlı inceleme 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. 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 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.

#### Skor Derecelendirmesi Kullanın **Skor Derecelendirmesi** sayısal geri bildirim için. **En uygun kullanım alanı:** NPS tarzı puanlama, hizmet derecelendirmeleri ve akış sonrası anketler.\ **Temel seçenekler:** min. puan, max. puan, varsayılan değer ve tıklama animasyonu. Kullanın **Skor Derecelendirmesi** geri bildirim sayısal olmalıysa. Bu, NPS tarzı puanlama veya hizmet sonrası değerlendirme akışları için iyi çalışır. **Nasıl iyi kullanılır:** Stil vermeden önce min. ve max. değerleri ayarlayın. Önceden seçim kullanım senaryosu için anlamlıysa yalnızca o zaman uygun bir varsayılan seçin. Tıklama animasyonunu yalnızca widget'ın tonunu destekliyorsa kullanın. {% hint style="info" %} #### Skor Derecelendirme Renk Ayarları Kullanın **Derecelendirme Yapılandırması** ve **Üzerine Gelme Efektleri** skor seçeneklerinin seçili ve üzerine gelme durumlarında nasıl görüneceğini özelleştirmek için. Derecelendirme seçeneklerinin okunabilir ve widget tasarımınızla uyumlu kalması için ayrı arka plan, metin ve kenarlık renkleri yapılandırabilirsiniz. Değişiklikler önizlemeye gerçek zamanlı olarak yansır. {% endhint %}

Skor Derecelendirme seçili durum renk ayarları

Skor Derecelendirme üzerine gelme efektleri

#### Kaydırıcı Geri Bildirimi Kullanın **Kaydırıcı Geri Bildirimi** geri bildirim sürekli hissettirmeliyse. **En uygun kullanım alanı:** duygu ölçümü, yoğunluk ölçekleri ve tercih puanlaması.\ **Temel seçenekler:** kaydırıcının 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 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 kullanım alanı:** günlük anketler, gülümseme tabanlı duygu 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 girdisinden daha hafif ve daha gündelik hissettirmesi gerektiğinde. Özellikle mobil öncelikli anket widget'larında iyi çalışır. **Nasıl iyi kullanılır:** Duygu ölçeği belirsiz olabiliyorsa etiketler kullanın. Emoji sayısını yönetilebilir tutun. Ayrıntılı geri bildirim istemeden önce hızlı duygu yakalamak için kullanın.

#### Soru & Cevap Kullanın **Soru & Cevap** widget'ın soru-cevap tarzı etkileşim gerektirdiği durumlarda. **En uygun kullanım alanı:** destek akışları, etkileşimli SSS ve yönlendirilmiş 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. Bu, yönlendirilmiş 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. Tek bir widget'ı çok fazla Soru & Cevap bloğuyla doldurmayın.

### Promosyon ve oyunlaştırma öğeleri #### Çarkı Çevir ve Kazan Kullanın **Çarkı Çevir ve Kazan** ödül veya kupon tabanlı kampanyalar için. **En uygun kullanım alanı:** 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ı Çevir ve Kazan** öğ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 iyi kullanılır:** Her dilime net bir ad verin. Her sonuç için kazanç metnini tanımlayın. Bir ödülün kullanılabilir olması gerekiyorsa kupon kodları atayın. Ağırlığı, sonuç dağılımı kampanya hedefiyle uyumlu olacak şekilde dikkatli kullanın. Dilimler arasındaki toplam ağırlık **100%**olmalıdır. Ağırlık tanımlanmadıysa sistem bunu eşit olarak dağıtır. Bir dilimde kuponlar biterse kupon kalmadı mesajı gösterilir. {% hint style="warning" %} Kullanıcılar çarkı çevirebilir **günde bir kez**. {% endhint %} **Sona erme mantığı:** Bir dilim süresi dolduğunda o dilim etkin olmaz ve kalan dilim ağırlıkları yeniden normalize edilir. Senaryo yalnızca tüm dilimler 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**, **GIF**, **Video**, veya **Hikâye**. Girdi mi gerekiyor? Şunu seçin **Girdi**, **Metin Alanı**, **Tekli seçim**, **Onay Kutusu**, **Açılır Liste**, veya **Buton Grubu**. Aksiyon mu gerekiyor? Şunu seçin **Buton**, **Kopyalama Butonu**, veya **Geri Sayım**. Geri bildirim mi gerekiyor? Şunu seçin **Puanlama**, **Skor Derecelendirmesi**, **Kaydırıcı Geri Bildirimi**, **Emoji Geri Bildirimi**, veya **Soru & Cevap**. Promosyon mu gerekiyor? Şunu seçin **Çarkı Çevir ve Kazan**. ### 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. Aksiyonları ayarlamadan önce tanımlayıcıları ekleyin. Kaydetmeden önce hem mobilde hem masaüstünde önizleyin. ### Yaygın oluşturma kalıpları #### Lead toplama widget'ı Kullanın **Metin**, **Girdi**, ve **Buton**. İsteğe bağlı olarak **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**, **Puanlama** veya **Emoji Geri Bildirimi**, **Metin Alanı**, ve **Buton**. #### Kupon widget'ı Kullanın **Metin**, **Kopyalama Butonu**, ve **Geri Sayım**. #### Oyunlaştırılmış kampanya widget'ı Kullanın **Çarkı Çevir ve Kazan**, **Metin**, **Buton**, ve **Kopyalama 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/web-acilir-penceresi/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.