> 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-engagement/widgets/build-a-widget/widget-elements-reference.md).

# Widget öğeleri referansı

Her widget öğesini amacına göre inceleyin: içerik ve medya, kullanıcı bilgisi toplayan formlar, geri bildirim kontrolleri, ödüller, oyunlaştırma ve tamamlama.

Widget'lar şunlardan oluşur: **görünümler** ve **öğeler**. Bir görünüm, widget içindeki bir adımı veya ekranı temsil ederken öğeler, o görünüm içindeki içeriği, giriş alanlarını, eylemleri, geri bildirim kontrollerini veya promosyon etkileşimlerini sağlar.

Bir widget oluştururken, her görünümün hedefiyle başlayın ve ardından yalnızca o hedefi tamamlamak için gerekli öğeleri ekleyin. Görsel görünümü düzenleyici içinde yapılandırın ve gezinme, doğrulama, gönderim ve ödüller gibi etkileşimleri ilgili öğe ayarları üzerinden tanımlayın.

Düzenleyicinin tam iş akışı için Widget Yerleşimini Tasarlama bölümüne bakın. Buton ve görsel etkileşimleri ile doğrulama kuralları için Widget Eylemlerini ve Doğrulamayı Yapılandırma bölümüne bakın.

### Widget'ı Planlayın

#### Kullanıcı Hedefiyle Başlayın

Her görünümün net bir amacı olmalıdır. Örneğin bir görünüm şunları yapabilir:

* Bilgi veya medya sunmak.
* Kullanıcıdan bilgi toplamak.
* Kullanıcıdan bir seçim yapmasını istemek.
* Geri bildirim toplamak.
* Kullanıcının devam etmesine, widget'ı kapatmasına veya bir teklif talep etmesine izin vermek.
* Promosyon veya oyunlaştırılmış bir deneyim sunmak.

Öğeleri amaçlanan etkileşime göre seçin.

<table><thead><tr><th width="225.359375">Kullanıcı hedefi</th><th>Önerilen öğeler</th></tr></thead><tbody><tr><td>İçerik sun</td><td>Metin, Görsel, GIF, Video, Hikaye</td></tr><tr><td>Bilgi topla</td><td>Giriş, Metin Alanı</td></tr><tr><td>Seçim iste</td><td>Radyo Butonu, Onay Kutusu, Seçim Kutusu, Buton Grubu</td></tr><tr><td>Gönder veya gezin</td><td>Buton, Görsel</td></tr><tr><td>Geri bildirim topla</td><td>Puanlama, Skor Puanlama, Kaydırıcı Geri Bildirimi, Emoji Geri Bildirimi, Soru-Cevap</td></tr><tr><td>Ödül sun</td><td>Kopyala Butonu, Geri Sayım, Çevir ve Kazan</td></tr></tbody></table>

Her görünümü odaklı tutun. Gereksiz öğeler eklemek, özellikle mobil cihazlarda widget'ı anlamayı ve kullanmayı zorlaştırabilir.

### İçerik ve Medya Ekleme

Mesajı açıklamak, görsel hiyerarşi oluşturmak veya bilgiyi bir sıra halinde sunmak için içerik ve medya öğelerini kullanın.

#### Metin

Metin; başlıklar, açıklamalar, etiketler, talimatlar, yasal uyarılar ve destekleyici bilgiler için kullanılır.

Yazı tipini, boyutu, hizalamayı, vurgu stilini ve bağlantıları düzenleyiciden yapılandırın.

Ana başlığı kısa tutun ve destekleyici bilgiler için ek metin blokları kullanın. Net bir hiyerarşi oluşturmak için tipografiyi tutarlı biçimde kullanın.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FqY2YyIyInZESApmXdyAF%2FEkran%20Resmi%202026-08-13%2013.37.05.png?alt=media&#x26;token=6e231b19-9ea8-4b85-a571-3f68fef3872f" alt="" width="563"><figcaption></figcaption></figure>

#### Görsel

Görsel, ana görseller, kampanya afişleri, illüstrasyonlar ve diğer görsel içerikler için kullanılır. Kullanıcıların tıklaması gerektiğinde görseller etkileşimli öğeler olarak da yapılandırılabilir.

Görseli düzenleyiciden yükleyin veya değiştirin, ardından hizalamasını ve tıklama davranışını yapılandırın.

Etkili yerleşimler için:

* Mümkün olduğunda birden fazla yarışan görsel yerine tek bir ana görsel kullanın.
* Görseli widget'ın kullanılabilir genişliğine yakın tutun.
* Görselin açıkça etkileşimli olması amaçlandığında yalnızca tıklama eylemi ekleyin.
* Kırpma ve konumlandırma sorunlarını kontrol etmek için widget'ı mobilde önizleyin.
* Görsel dosyalarını **1 MB** altında tutun; böylece daha iyi performans elde edersiniz.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2Fzi8kGiaIaJDdpoY1SKqE%2FEkran%20Resmi%202026-08-13%2013.38.09.png?alt=media&#x26;token=d742172f-e9c2-4e67-92af-d674fa7c6475" alt="" width="563"><figcaption></figcaption></figure>

#### GIF

GIF; kısa ürün öne çıkarmaları, görsel demolar, aciliyet vurguları ve hafif kampanya animasyonları için kullanışlıdır.

GIF URL'sini, boşluğu ve konumu yapılandırın.

Animasyonları kısa ve anlaşılır tutun. Kullanıcıların yalnızca animasyon içinde anlaması gereken bilgileri yerleştirmeyin. Hareketin yerleşimin geri kalanını baskın hale getirmemesi için GIF'in etrafında yeterli boşluk bırakın.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FTjezc4GTLo03Ep18i4aq%2FEkran%20Resmi%202026-08-13%2013.42.07.png?alt=media&#x26;token=db0a5616-3f91-438d-8a72-e9d80eb6c056" alt=""><figcaption></figcaption></figure>

#### Video

Video; ürün demoları, tanıtım videoları, özellik açıklamaları ve diğer video tabanlı içerikler için kullanılır. Videoyu widget içinde yükleyip oynatmak için doğrudan bir **MP4 URL'si** ekleyin.

Şunları yapılandırın:

* Video URL'si
* Boyut
* En-boy oranı
* Otomatik oynatma
* Oynatma kontrolleri

Yakındaki öğeleri konumlandırmadan önce en-boy oranını seçin. Mümkün olduğunda kısa videolar kullanın ve deneyim için gerekli olmadıkça otomatik oynatmadan kaçının.

Video diğer öğelerle birlikte gösterildiğinde birincil eylem çağrısını görünür tutun.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FFdfFoy3Yx85aEtwCmebZ%2FEkran%20Resmi%202026-08-13%2013.45.44.png?alt=media&#x26;token=865a3ed6-a5cb-420a-9550-fd439639fa5a" alt=""><figcaption></figcaption></figure>

#### Hikaye <a href="#story" id="story"></a>

Hikaye, widget içinde bir dizi görsel veya video sunar. Ürün anlatımları, özellik öne çıkarmaları ve kısa kampanya deneyimleri için kullanılabilir.

Aşağıdaki ayarları yapılandırın:

* **Başlık:** Hikayenin başlığını ayarlar.
* **Geçiş (ms):** Bir sonraki slayta geçmeden önce her slaydın ne kadar süre gösterileceğini belirler. Minimum değer **500 ms**.
* **İkon URL'si:** Hikaye için gösterilen ikonu ayarlar.
* **Görsel:** Her hikaye slaytı için görsel URL'sini girin.
* **Bağlantı:** İsteğe bağlı olarak bir hikaye slaytını tıklanabilir yapmak için bağlantı ekleyin.

Her hikaye öğesini tek bir mesaja odaklayın. Kullanıcıların içeriği okumak veya anlamak için daha fazla zamana ihtiyacı olduğunda süreyi artırın. Sıralamayı anlamalarına yardımcı olmak için net başlıklar ve ikonlar kullanın.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FhWJGpT2ICAcZzLJksk8T%2FEkran%20Resmi%202026-08-13%2013.48.41.png?alt=media&#x26;token=6021b28a-052d-4d49-9567-4c5c52900e29" alt=""><figcaption></figcaption></figure>

### Kullanıcı Bilgisi Toplayın

Kullanıcıların yapılandırılmış bilgi veya yazılı yanıtlar sağlaması gerektiğinde form öğelerini kullanın.

#### Giriş

Giriş; adlar, e-posta adresleri, telefon numaraları, parolalar, tarihler ve diğer metinler gibi kısa kullanıcı bilgilerini toplar. Giriş türünü, yer tutucuyu, zorunlu alan durumunu ve doğrulama kurallarını yapılandırın.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FiLdmH7v58mIFpsD4PRGI%2FEkran%20Resmi%202026-08-13%2013.50.48.png?alt=media&#x26;token=1794c82f-3bc2-4bf4-9cba-482d75d2c264" alt="" width="357"><figcaption></figcaption></figure>

Giriş türünü beklenen yanıta göre seçin. Seçilen tür hem klavye davranışını hem de doğrulamayı etkileyebilir.

<div><figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2F7vC0sU0rKC2qIdnuQ2Sj%2FEkran%20Resmi%202026-08-13%2013.51.09.png?alt=media&#x26;token=1a25472f-af0f-4797-9d32-b8fee7c63ebc" alt=""><figcaption></figcaption></figure> <figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2F1WXsF4eT9xZE2fY4BhMJ%2FEkran%20Resmi%202026-08-13%2013.51.22.png?alt=media&#x26;token=37a86514-3574-4c1d-893f-88e2680d4b39" alt=""><figcaption></figcaption></figure></div>

<table><thead><tr><th width="138.47265625">Girdi türü</th><th>Davranış</th></tr></thead><tbody><tr><td>Tarih</td><td>Kabul eder <code>GG/AA/YYYY</code> ve geçersiz takvim tarihlerini reddeder.</td></tr><tr><td>E-posta</td><td>Kullanıcı yazdıkça girilen değeri doğrular.</td></tr><tr><td>Parola</td><td>Girilen değeri maskeleyerek gösterir.</td></tr><tr><td>Telefon</td><td>Mobil cihazlarda sayısal klavyeyi açar.</td></tr><tr><td>Metin</td><td>Genel metin girişi kabul eder.</td></tr></tbody></table>

Zorunlu bir alan, ilgili gönderme işlemi devam etmeden önce geçerli bir değer içermelidir.

#### Metin Alanı

Metin Alanı; yorumlar, açık uçlu geri bildirimler ve destek talepleri gibi daha uzun yazılı yanıtlar için kullanılır.

Yer tutucuyu, boyutu, yazı tipini ve rengi yapılandırın.

Rahat yazım için yeterince büyük bir alan kullanın. Yer tutucu, ne tür bir yanıt beklendiğini açıklamalıdır. Yanıt gerektiğinde doğrulama ekleyin.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2Fg90IAuPXPEbvxhb2PvTw%2FEkran%20Resmi%202026-08-13%2013.54.15.png?alt=media&#x26;token=aeded0ae-3e38-46cc-b01a-c7a880eab9a4" alt="" width="563"><figcaption></figcaption></figure>

#### Radyo Butonu

Radyo Butonu, kullanıcıların **tek bir seçenek** seçmesine olanak tanır. Evet/hayır soruları, tek seçimli anketler ve tercih seçimi için uygundur.

Etiketleri, boşluğu ve tanımlayıcı tabanlı koşulları yapılandırın.

Seçenek sayısını az tutun ve her etiketin ek açıklama olmadan anlaşılır olmasını sağlayın. Sonraki eylemler veya koşullar seçilen değere bağlı olduğunda bir tanımlayıcı atayın.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FGRMk6t2QSPN7UQHION6P%2FEkran%20Resmi%202026-08-13%2013.55.05.png?alt=media&#x26;token=92511d35-840b-48b7-8c51-3bde50b0fff9" alt="" width="563"><figcaption></figcaption></figure>

#### Onay Kutusu

Onay Kutusu, kullanıcıların **birden fazla seçenek**seçmesine olanak tanır. Onay seçimleri, özellik tercihleri ve çoklu seçim soruları için kullanılabilir.

Etiketleri, boşluğu ve tanımlayıcı tabanlı koşulları yapılandırın.

Onay kutularını yalnızca birden fazla yanıtın geçerli olabileceği durumlarda kullanın. Etiketleri tutarlı tutun ve sonraki buton davranışı seçilen seçeneklere bağlı olduğunda koşulları yapılandırın.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FBjZ5cJmuKvsGhbhZojUh%2FEkran%20Resmi%202026-08-13%2013.55.31.png?alt=media&#x26;token=30880b42-d00a-4b71-aba2-6c47bdbf2a27" alt="" width="563"><figcaption></figcaption></figure>

#### Seçim Kutusu

Seçim Kutusu; ülkeler, kategoriler, şubeler veya diğer önceden tanımlı değerler gibi daha uzun bir seçenek listesini kompakt biçimde göstermenin yolunu sunar.

Seçenek etiketlerini ve değerlerini, açılır menü stilini ve izlenen değerleri yapılandırın.

Seçenekler için kullanıcı dostu etiketler ve raporlama için tutarlı izlenen değerler kullanın. Az sayıda seçenek için Radyo Butonu veya Buton Grubu daha doğrudan bir deneyim sağlayabilir.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FNxTcNwP1ZUcBJyl4umJl%2FEkran%20Resmi%202026-08-13%2013.56.50.png?alt=media&#x26;token=41e2d95c-c010-4d39-9826-976501d0805d" alt="" width="563"><figcaption></figcaption></figure>

#### Buton Grubu

Buton Grubu, birden fazla seçeneği görsel olarak öne çıkan butonlar halinde sunar. Şu gibi kompakt tek seçimli etkileşimler için uygundur: **Evet / Hayır / Belki**.

Yerleşimi, boşluğu, metni ve ikonları yapılandırın.

Seçenek sayısını düşük tutun ve kısa etiketler kullanın. Mobil cihazlarda yanlışlıkla dokunmayı önlemek için butonlar arasında yeterli boşluk bırakın.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FLJtELslU0ZpkCcfP0wGP%2FEkran%20Resmi%202026-08-13%2013.57.25.png?alt=media&#x26;token=eb70e7a4-a812-4892-8ea0-b90ffa7a98e7" alt="" width="563"><figcaption></figcaption></figure>

### Geri Bildirim Toplayın

Puanları, skorları, duygu durumunu ve açık yanıtları toplamak için geri bildirim öğelerini kullanın.

#### Puanlama

Puanlama, yıldız tabanlı hızlı geri bildirim toplar ve memnuniyet istemleri, yorumlar ve basit duygu anketleri için kullanılabilir.

Yıldız sayısını, görünümü ve ölçek aralığını yapılandırın.

Puanlamayı, kullanıcıların neyi değerlendirdiğini açıkça açıklayan kısa bir soruyla eşleştirin. Puanlama, seçilen skora göre farklı eylemlerin tetiklendiği bir geri bildirim akışının ilk adımı olarak da kullanılabilir.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FSpDKts5S1Q0KWOmPBXWN%2FEkran%20Resmi%202026-08-13%2014.02.24.png?alt=media&#x26;token=f375cb7e-42ce-4363-8ac7-ed3bb6fb71fb" alt="" width="563"><figcaption></figcaption></figure>

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2F820oTsTXiyl17hv3ImH3%2FEkran%20Resmi%202026-08-13%2014.02.40.png?alt=media&#x26;token=c18271e3-a162-41ef-ad6a-5511271fde13" alt="" width="364"><figcaption></figcaption></figure>

#### Skor Puanlama <a href="#score-rating" id="score-rating"></a>

Kullanın **Skor Puanlama** sayısal geri bildirim toplamak için kullanılır; örneğin memnuniyet puanları, NPS tarzı puanlamalar veya etkileşim sonrası anketler.

Aşağıdaki ayarları yapılandırın:

* **Başlık:** Puanlamanın üzerinde gösterilen soru veya başlığı ekleyin.
* **Açıklama:** Destekleyici bilgi veya talimatlar ekleyin.
* **Puanlama Ölçeği:** Minimum ve maksimum değerleri, varsayılan seçimi, seçili durum renklerini ve tıklama animasyonunu ayarlayın.
* **Puanlama Görünümü:** Seçili olmayan puanlama seçenekleri için yazı tipi, boyut, arka plan, metin ve kenarlık stillerini yapılandırın.
* **Üzerine Gelme Efektleri:** Kullanıcılar bir puanlama seçeneğinin üzerine geldiğinde gösterilen arka plan, metin ve kenarlık stillerini tanımlayın.
* **Etiketler ve Gönder Butonu:** Beğenildi/beğenilmedi metni, bilgi etiketi biçimlendirmesi ve gönder butonunun metni ile görünümü gibi etiketleri yapılandırın.
* **Başarı Mesajı:** Puanlama gönderildikten sonra gösterilen başlık ve açıklamayı tanımlayın.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FMg5F207BEhBAuzIwMCwJ%2FEkran%20Resmi%202026-08-13%2014.04.21.png?alt=media&#x26;token=a53a48be-f3dc-46ff-b124-a76661cc8910" alt=""><figcaption></figcaption></figure>

Puanlama aralığını tanımlamak için **minimum ve maksimum** değerleri kullanın. Önceden seçilmiş bir değer uygun olduğunda bir **varsayılan seçim** ayarlayın. Etkileşimli ve seçili seçenekleri net biçimde ayırt etmek için seçili ve üzerine gelme durumlarını kullanın.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FBOudbocW0NhhMY6uNqMz%2FEkran%20Resmi%202026-08-13%2014.05.58.png?alt=media&#x26;token=7ac6402d-9e1f-4a1b-937a-de04fa0cc794" alt="" width="563"><figcaption></figcaption></figure>

#### Kaydırıcı Geri Bildirimi

Kaydırıcı Geri Bildirimi, kullanıcıların sürekli bir ölçek üzerinde bir değer sağlamasına olanak tanır. Duygu, yoğunluk, tercih ve benzeri ölçümler için uygundur.

Görünümü, metni, boşluğu ve yerleşimi yapılandırın.

Net bir soru kullanın ve ölçeğin her iki ucunun da anlaşılır olmasını sağlayın. Özellikle widget mobil cihazlarda kullanıldığında kaydırıcının etrafında yeterli boşluk bırakın.

<div><figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FIWn1O7gyI6A8j2mW2I7K%2FEkran%20Resmi%202026-08-13%2014.07.40.png?alt=media&#x26;token=7c791367-99a9-4335-908c-7deece3630a3" alt=""><figcaption></figcaption></figure> <figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FtB3y4rxDKZ8GOS05hjzb%2FEkran%20Resmi%202026-08-13%2014.08.07.png?alt=media&#x26;token=fd880df8-5467-4c29-8412-2ecfb7791c8e" alt=""><figcaption></figcaption></figure></div>

#### Emoji Geri Bildirimi <a href="#emoji-feedback" id="emoji-feedback"></a>

Emoji Geri Bildirimi, özellikle mobil öncelikli deneyimlerde ve günlük anketlerde duygu durumunu toplamanın hafif bir yolunu sunar.

Emoji setini, boyutu, boşluğu ve isteğe bağlı etiketleri yapılandırın.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FAuljZDuVYP6vWM2pdMyf%2FEkran%20Resmi%202026-08-13%2014.13.02.png?alt=media&#x26;token=2c488502-75eb-4e76-9abe-1daf0476156f" alt="" width="563"><figcaption></figcaption></figure>

* **Emoji Türü:** Geri bildirim ölçeğinde gösterilecek emojileri seçin.
* **Etiketleri Göster:** Emoji ölçeğine ek bağlam sağlamak için etiketleri etkinleştirin.
* **Sol Etiket:** Ölçeğin başlangıcında gösterilen etiketi tanımlayın.
* **Sağ Etiket:** Ölçeğin sonunda gösterilen etiketi tanımlayın.
* **Emojiler:** Her konumda gösterilecek emojileri yapılandırın. Emoji seçiciyi açmak için bir emoji alanına tıklayın ve mevcut Unicode kategorilerinden bir emoji seçin.

Seçilen emojiler, örneğin negatiften pozitife doğru, farklı duygu seviyelerini temsil edebilir. Ölçeğin anlamı hemen anlaşılmıyorsa etiketleri kullanın.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FtXGKRh9qcKsF8hvJT9bI%2FEkran%20Resmi%202026-08-13%2014.09.01.png?alt=media&#x26;token=d711f16b-804c-43ac-9bdc-f115256bd1ed" alt=""><figcaption></figcaption></figure>

> **Not:** Unicode emojiler, cihazın yerel emoji seti kullanılarak görüntülenir. Bu nedenle görünümleri iOS, Android, Windows ve diğer platformlarda değişebilir.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FLwxjqu3ixV6UBYdMYvBi%2FEkran%20Resmi%202026-08-13%2014.08.44.png?alt=media&#x26;token=af08cb19-bddd-417b-80ab-ba78c0c2dd1e" alt=""><figcaption></figcaption></figure>

#### Soru-Cevap

Soru-Cevap, rehberli yardım, etkileşimli SSS'ler ve sohbet destek akışları için kullanılabilir.

Yerleşimi, metin biçimlendirmesini ve yanıt yapısını yapılandırın.

Soruları kısa tutun ve soruları yanıtlardan net biçimde ayırmak için biçimlendirme kullanın. Tek bir widget içinde çok fazla Soru-Cevap bloğu yerleştirmekten kaçının.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2F6VVqH6ajDmWTuJKoutyB%2FEkran%20Resmi%202026-08-13%2014.15.59.png?alt=media&#x26;token=b61881cc-b4b9-4342-996d-b36826521952" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FVKTd8aiZ4U4XCvvrSalN%2FEkran%20Resmi%202026-08-13%2014.15.45.png?alt=media&#x26;token=8e37c36b-352b-4004-a7f0-a18c8d72fce0" alt="" width="563"><figcaption></figcaption></figure>

### Ödül Sunma ve Oyunlaştırma

Ödül odaklı deneyimler, süreli teklifler ve oyunlaştırılmış kampanyalar oluşturmak için promosyon öğelerini kullanın.

#### Kopyala Butonu <a href="#copy-button" id="copy-button"></a>

Kopyala Butonu, kupon kampanyaları ve göster-kopyala deneyimleri için tasarlanmıştır.

Şunları yapılandırın:

* Görünür veya gizli mod
* Gösterme metni
* Kopyalandı mesajı
* Renk
* Kenarlık yarıçapı
* Kupon listesi

Kupon listeleri **Kupon Kodu Listeleri**.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FOpWxferBJ8qe0HmPCTOS%2FEkran%20Resmi%202026-08-13%2013.59.29.png?alt=media&#x26;token=4838f755-c2c7-4e4f-bb3d-1032c016b5fd" alt=""><figcaption></figcaption></figure>

**Kupon gösterim modları**

**Görünür** modu kupon kodunu hemen gösterir.

**Gizli** modu, kullanıcı butonla etkileşime girene kadar kodu gizli tutar. Kod gösterilmeden önce yapılandırılmış gösterme metni görüntülenir.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FCloCGm3xPplRdWsHjQE1%2FEkran%20Resmi%202026-08-13%2013.59.42.png?alt=media&#x26;token=6e9d58d0-eff1-4f67-b9a5-058190cf4e68" alt=""><figcaption></figcaption></figure>

Kullanıcıların kuponun başarıyla kopyalandığını bilmesi için başarı mesajını özelleştirin.

**Kupon kullanılabilirliği**

Kupon kodlarının son kullanma tarihi ve saati olabilir. Süresi dolmuş kuponlar son kullanıcıya gösterilmez.

İlgili kampanyaya bağlı tüm kuponların süresi dolmuşsa kampanya tamamlanmış sayılır.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2Fcimv1YF3ijWro1Xgifnj%2FEkran%20Resmi%202026-08-13%2014.00.04.png?alt=media&#x26;token=f716ce47-7d2c-4d3f-badb-3d25f72f50c3" alt=""><figcaption></figcaption></figure>

#### Geri Sayım <a href="#countdown" id="countdown"></a>

Geri Sayım, belirli bir tarih ve saate kalan süreyi gösterir. Flaş satışlar, süreli teklifler, lansman hatırlatmaları ve zamana bağlı ödüller için kullanılabilir.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2F4AKnhmrn8ICduCOvlso2%2FEkran%20Resmi%202026-08-13%2014.00.43.png?alt=media&#x26;token=f31209f0-5d96-4928-93f1-d92d897a0984" alt=""><figcaption></figcaption></figure>

Şunları yapılandırın:

* Hedef tarih ve saat
* Etiketler
* Bitiş metni
* Beş dakikanın altı modu
* Renkler

Önce hedef tarihi ayarlayın, ardından etiketleri widget'ın dili ve bağlamına göre özelleştirin. Geri sayım sıfıra ulaştığında gösterilecek net bir bitiş mesajı tanımlayın. Kaydetmeden önce hem aktif hem de tamamlanmış durumları önizleyin.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2F5uVPQlmcBbvltWb3UZ57%2FEkran%20Resmi%202026-08-13%2014.01.01.png?alt=media&#x26;token=b4b55ae2-8b88-4f62-81e6-22e8207cb841" alt=""><figcaption></figcaption></figure>

#### Çevir ve Kazan

Çevir ve Kazan, kullanıcıların belirli bir sonuç elde etmek için çevirebileceği bir ödül çarkı sunar. Oyunlaştırılmış promosyonlar, ödüller ve kupon dağıtımı için kullanılabilir.

Şunları yapılandırın:

Çarkın şu bölümlerini yapılandırın:

* **Dilim adları**: her ödül için gösterilen etiketler.
* **Sonuç metni**: bir çevirme sonrası gösterilen mesaj.
* **Kuponlar veya bağlantılar**: her sonuç için verilen ödül.
* **Yerçekimi**: her dilime atanan olasılık.
* **Kupon yok mesajı**: ödüller mevcut olmadığında gösterilen mesaj.
* **Başarı ekranı**: kullanıcıların sonuçlarından sonra gördüğü görünüm.

Her dilime net bir ad ve sonuç mesajı verin. Ödüller kullanılabilir olduğunda bir kupon atayın. Ödüller kullanıcıları başka bir yere yönlendirdiğinde bir bağlantı atayın.

Kampanya kurulumu, yayınlama, ödüller ve raporlama için bkz. [Çevir ve Kazan kampanyaları](/netmera-user-guide/netmera-user-guide-tr/omnichannel-engagement/widgets/build-a-widget/spin-to-win-campaigns.md).

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FANuIYse3C5W9xkKt3vw9%2FEkran%20Resmi%202026-08-13%2014.16.40.png?alt=media&#x26;token=a6453306-1e0a-444d-a5d7-c6aeeb903d15" alt="Spin to Win configuration"><figcaption><p>Her çark dilimini ve ödülünü yapılandırın.</p></figcaption></figure>

### Widget'ı Tamamlayın

Widget'ı kaydetmeden önce her görünümü ve etkileşimlerini gözden geçirin.

* Her görünümün net bir hedefi olduğundan emin olun.
* Yalnızca gerekli öğelerin dahil edildiğini doğrulayın.
* Koşullar veya eylemler için gerektiği yerlerde etkileşimli öğelere tanımlayıcı atayın.
* Buton ve görsel tıklama davranışını yapılandırın.
* Form girişleri için doğrulamayı yapılandırın.
* Kupon ve ödül ayarlarını doğrulayın.
* Widget'ı hem mobil hem de masaüstü yerleşimlerinde önizleyin.
* Geri Sayım gibi zamana bağlı öğelerin aktif ve tamamlanmış durumlarını kontrol edin.
* Metinlerin, görsellerin, butonların ve etkileşimli kontrollerin daha küçük ekranlarda okunabilir ve kullanılabilir kaldığını doğrulayın.

Düzenleyici iş akışı için bkz. **Widget Yerleşimini Tasarlama**.

Tıklama eylemleri, gezinme ve doğrulama için bkz. **Widget Eylemlerini ve Doğrulamayı Yapılandırma**.


---

# 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 by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://user.netmera.com/netmera-user-guide/netmera-user-guide-tr/omnichannel-engagement/widgets/build-a-widget/widget-elements-reference.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.