# Oluştur

{% hint style="info" %}
**Hızlı Adımlar Kılavuzu**

Netmera Panelinize gidin ve şuna tıklayın:

**Mobile Widget > Mobile Widget Tasarımı**

1. Widget’ınızı şuradan seçin: **Widget’larınız** ve tasarımınızı düzenleyin.
2. Yeni bir özel widget oluşturmak istiyorsanız, şunu seçin: **"Blank Widget"**ve bir ad ekleyerek widget’ınızı "**Extend Widget" içinde yapılandırın.**
3. Sürükle-bırak widget araçlarını kullanarak widget’ınızı özelleştirin: **Öğeler.**
4. Tanımlayın **Tıklama Eylemleri** butonlarınız veya görselleriniz için.
5. Şuna tıklayın **Widget’ı Kaydet ve Geri Dön**.
   {% endhint %}

Tıkladığınızda **Blank Widget**, **Extend Widget** sayfası açılır. Burası, widget’ınızın temel ayarlarını yapılandırdığınız ve görünümünü ile davranışını özelleştirdiğiniz yerdir. Her seçenek, kolayca tanımlanabilen, kampanya amacınıza uygun ve doğru kullanıcı deneyimini sunan bir widget oluşturmanıza yardımcı olur.

## Widget Galerisi

Bu **Widget Galerisi** kampanyalarınız için başlangıç noktası olarak kullanabileceğiniz önceden tasarlanmış şablonlardan oluşan bir koleksiyon sunar. Bu şablonlar, ihtiyaçlarınıza göre özelleştirme esnekliği sağlarken size zaman ve emek kazandırır.

<figure><img src="/files/7583692075e962d1c878bca94d3c46a3d907ae93" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/3a3835a48290fdc94cec955a164ef19f2650cbf9" alt=""><figcaption><p>Widget Galerisi</p></figcaption></figure>

## Widget’larınız

İçinde **Widget’larınız** bölümünde, daha önce oluşturduğunuz widget’lara erişebilirsiniz. Bu bölüm, aşağıdaki seçeneklerle widget’ları verimli bir şekilde yönetmenizi ve sürdürmenizi sağlar:

* **Ara**\
  Anahtar kelimeler girerek belirli widget’ları hızlıca bulun. Geniş bir kütüphaneniz olduğunda kullanışlıdır.
* **Düzenle**\
  Tasarım, içerik veya davranış ayarlarını güncelleyin. Örneğin, kapatma butonunun görünümünü değiştirebilir veya kampanya metnini güncelleyebilirsiniz.
* **Sil**\
  İstenmeyen widget’ları kalıcı olarak kaldırın. Kütüphanenizi düzenli tutmaya yardımcı olur.
* **Klonla**\
  Mevcut bir widget’ı küçük değişikliklerle yeni bir sürüm oluşturmak için çoğaltın.

**Örnek:**\
Eğer "Welcome Discount" widget’ınız **10%**&#x73;unuyorsa, **Düzenle** bunu güncellemek için **15%**&#x6B;ullanabilirsiniz; sıfırdan oluşturmak yerine.

<figure><img src="/files/7583692075e962d1c878bca94d3c46a3d907ae93" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/3a3835a48290fdc94cec955a164ef19f2650cbf9" alt=""><figcaption><p>Widget Galerisi</p></figcaption></figure>

## Extend Widget

şunu seçtiğinizde **Blank Widget**, **Extend Widget** sayfası açılır. Burada widget’ınızın temel ve gelişmiş seçeneklerini yapılandırırsınız.

### Ad

Widget’ınıza açıklayıcı, akılda kalıcı bir ad verin, örn.  **“Summer Sale Pop-up”**.

### Açıklama

Widget’ın amacını kısa bir açıklamayla belirtin, örn. “Etkileşimli bir açılır pencere ile sezonluk indirimleri tanıtır.”

<figure><img src="/files/96c079ec3422575eac36dac3cbb13452ce279ab8" alt=""><figcaption></figcaption></figure>

### Arka Plan Kaplama Özelliği

Arka Plan Kaplama, size **daha fazla görsel kontrol** sunmak için tasarlanmıştır; bunu yaparken mevcut veya basit kullanım senaryolarını bozmaz. Geriye dönük uyumluluğu korurken ve temel açılır pencere uygulamalarını basit tutarken daha gelişmiş görsel özelleştirmeyi mümkün kılar.

{% hint style="info" %}
**Minimum SDK Sürümleri**

* **Android SDK:** 4.13.1
* **Swift SDK (iOS):** 4.14.2
  {% endhint %}

#### Background Overlay

Bu **Background Overlay** anahtarı varsayılan olarak etkindir.

Etkinleştirildiğinde:

* Açılır pencerenin dışındaki tüm alanlar tonlu gri bir kaplama ile örtülür.
* Kaplama **tam ekran**.
* Kaplama, **durum çubuğu alanını** (saat, pil ve operatör bilgileri gibi) içerir.
* Bu **Overlay Color** seçerseniz, seçenek kullanılabilir hale gelir.

<figure><img src="/files/0372102a2c290dd53a18dd436bb9db135c2fd4a2" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/b4aa59920b1c868b910ab93eeda0eb51f9ab182f" alt=""><figcaption></figcaption></figure>

#### Overlay Color

* Varsayılan olarak, kaplama rengi **tonlu gri**.
* olarak ayarlanır. Özel bir renk seçmek için **renk seçici**.
* Hem **HEX** ve **RGBA** renk formatları desteklenir.
* Seçilen renk, açılır pencerenin arkasındaki **tam ekran kaplama alanına**.
* Opaklık şu şekillerde ayarlanabilir:
  * Doğrudan renk seçici içinde veya
  * Ayrı bir opaklık kontrolü (kaydırıcı) üzerinden.

#### Arka Planı Temizle

<figure><img src="/files/a9a32bff474821c4564c35869e88b6bda110bc6f" alt=""><figcaption></figcaption></figure>

şu **Arka Planı Temizle** anahtar etkinleştirildiğinde:

* Açılır pencere, **şeffaf bir uygulama arka planı**.
* **üzerinde gösterilir. Arka Plan Kaplama otomatik olarak devre dışı bırakılır.**
* Bu **Overlay Color** seçeneği devre dışı kalır.

{% hint style="success" %}

### Arka Plan Kaplama ile Neler Başarabilirsiniz

* Açılır pencereleri **şeffaf bir arka plan** üzerinde gösterin; böylece alttaki uygulama içeriği görünür kalır.
* **Dikkati mesaja çekmek için açılır pencerenin dışındaki alanı karartın veya renklendirin** .
* Marka renkleriyle **uyumlu**.
* sorunsuz bir modal deneyim **sunun**; buna tam ekran veya sürükleyici gösterimler için durum çubuğu alanı da dahildir.
  {% endhint %}

### Widget Dışına Tıklanınca Kapanır

Bu seçenek etkinleştirildiğinde, kullanıcıların kapatmak için yalnızca **widget alanının dışına dokunması veya tıklaması** yeterlidir.

* Özellik **hem web hem mobil platformlarda**.
* çalışır. Bu, yaygın dijital davranış kalıplarıyla uyumlu, daha akıcı ve doğal bir etkileşim sağlar.

<figure><img src="/files/6a046c59cf8632d93eccbc12266d62a75bd2dc10" alt="" width="563"><figcaption></figcaption></figure>

### Tür

Kampanyanız için en uygun widget türünü seçin:

* **Açılır Pencere:** Promosyonlar, teklifler veya abonelikler için dikkat çekici kaplama.
* **Yüzen Çubuk** – Sayfanın üstünde/altında yer alan ince çubuk; kalıcı duyurular için idealdir.
* **Tam Ekran:** Maksimum etki için tüm ekranı kaplar.

{% hint style="info" %}
**Tam Ekran** widget’ları, daha odaklı ve sürükleyici bir deneyim sunmak için tüm ekranı kaplar. SDK sürümünüzün minimum gereksinimleri karşıladığından emin olun.

**Minimum SDK sürümleri:**

* Android: 4.12.1
* Swift: 4.14.1
  {% endhint %}

<figure><img src="/files/3a9fe25e1972f7d705286e88ff93ab3b10edbae1" alt="Full Screen Widget" width="563"><figcaption><p>Tam Ekran Widget</p></figcaption></figure>

### Kapatma Butonu Konumu

Kapatma (X) butonunu bu konumlardan herhangi birine yerleştirebilirsiniz:

* **Widget’ın Sağ Üst** **Köşesi** (varsayılan)
* **Widget’ın Sağ Üst Köşesinin Üstü**
* **Özel Buton Konumu**

Bu davranış **hem web hem mobil platformlarda**çalışır; etkileşimleri markalaşma ve UX akışınızla uyumlu hale getirmenizi sağlar.

#### Özel Buton Konumu

Eğer **Özel Buton Konumu**ek kontroller görünecektir:

* **Sağ Konum**: Butonun sağ kenardan yatay uzaklığını ayarlayın (0–100%).
* **Üst Konum**: Butonun üst kenardan dikey uzaklığını ayarlayın (0–100%).

Bu esneklik, kapatma butonunu widget’ın içine istediğiniz yere yerleştirmenize olanak tanır; böylece önemli içeriklerin üstünü kapatmaz ve her zaman yerleşiminizle uyumlu olur.

<figure><img src="/files/f92bed6261ed4693d348077a3fd3384f48c1f171" alt=""><figcaption></figcaption></figure>

### Kapatma Butonu Rengi

Tasarımınızla uyumlu bir renk seçin. Örneğin, görünürlük için kontrast bir renk ya da tutarlılık için marka renginizi kullanabilirsiniz.

### Konumlandırma

Widget’ın kullanıcının ekranında nerede görüneceğini belirleyebilirsiniz:

* **Üst**
* **Orta**
* **Alt**

Widget’ı hem **masaüstü hem mobil** görünümlerde önizleyerek doğru hizalamayı doğrulayın.

### Örnek

Eğer bir **Geri Bildirim Açılır Penceresi** oluşturuyorsanız, mobil kullanıcılar için şunları yapabilirsiniz:

* Widget’ı **ekranın altına** yerleştirerek başparmakla kolay erişim sağlayın.
* Şunu ayarlayın: **kapatma butonunu** şu konuma: **sol üst**; böylece form alanlarınızdan ayrışır.
* Markanızın **vurgu rengini** kapatma butonu için kullanın; böylece widget’ın geri kalanıyla uyumlu olur.

✅ Bu seçeneklerle, temel tasarımdan kapatma butonunun konumu gibi ince detaylara kadar widget’larınızın nasıl görünüp davranacağı üzerinde tam kontrole sahip olursunuz. Konumlandırmadaki küçük değişiklikler üzerinde büyük bir etki yaratabilir **kullanıcı konforu** ve **marka uyumu**.


---

# Agent Instructions: 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:

```
GET https://user.netmera.com/netmera-user-guide/netmera-user-guide-tr/omnichannel-etkilesim/widgetlar/mobil-uygulama-ici/olustur.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.