> 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/bilesenleri-ozellestir.md).

# Bileşenleri Özelleştir

Widget’ınızın yerleşimini ve görsel yapısını oluşturmak için bu sayfayı kullanın.

Bu sayfa, editörün temel bilgilerini kapsar. Tüm öğe kataloğu için bkz. [Widget Öğeleri Referansı](/netmera-user-guide/netmera-user-guide-tr/omnichannel-etkilesim/widgetlar/mobil-uygulama-ici/olustur/widget-ogeleri-referansi.md). Buton ve görsel davranışı için şuna bakın: [Tıklama Eylemlerini Atayın](/netmera-user-guide/netmera-user-guide-tr/omnichannel-etkilesim/widgetlar/mobil-uygulama-ici/olustur/tiklama-islemleri-atayin.md).

### Hızlı iş akışı

{% stepper %}
{% step %}

#### Temel stili ayarlayın

Widget görünüm ayarlarıyla başlayın.

Ayarlayın:

* genişlik
* kenar yuvarlama
* arka plan rengi
* kenar kalınlığı
* kenar rengi
  {% endstep %}

{% step %}

#### İhtiyacınız olan öğeleri ekleyin

Öğeleri soldaki panelden tuvale sürükleyin.

İlk başta yapıyı sade tutun. Yalnızca hedefiniz için gerekli bölümleri ekleyin.
{% endstep %}

{% step %}

#### Seçili öğeyi özelleştirin

Stil ve ayarları düzenlemek için sağ paneli kullanın.

Yaygın değişiklikler arasında metin, boşluk, renkler, kenarlıklar ve konumlandırma yer alır.
{% endstep %}

{% step %}

#### Çok adımlı akışlar için görünümler ekleyin

şunu kullanın **Görünüm Ekle** widget'ın birden fazla ekran gerektirdiği durumlarda.

Bu; form → teşekkür ekranı veya puanlama → geri bildirim gibi akışlar için kullanışlıdır.
{% endstep %}

{% step %}

#### Tanımlayıcılar ve eylemler ekleyin

Eylemleri yapılandırmadan önce temel öğelere net tanımlayıcılar verin.

Ardından gerekirse butonlara veya görsellere eylemler atayın.
{% endstep %}
{% endstepper %}

### Düzenleyiciyi anlayın

Oluşturucunun dört ana bölümü vardır:

* **Sol panel:** kullanılabilir öğeler
* **Tuval:** widget önizleme ve düzen alanı
* **Sağ panel:** seçili öğe için stil ve ayarlar
* **Diğer menü:** taşıma, çoğaltma veya gelişmiş HTML ayarlarını açma

<figure><img src="/files/292fc167453fa1d4922a776b8c90a882b21e599e" alt="" width="563"><figcaption><p>Widget oluşturucu</p></figcaption></figure>

### Görünüm ayarları

İçerik eklemeden önce widget'ın ana stilini tanımlayın.

şunu kullanın **Görünüm Ayarları** şunları kontrol etmek için:

* genişlik
* kenar yuvarlama
* arka plan rengi
* kenar kalınlığı
* kenar rengi

Bu ayarlar yalnızca tek bir öğeyi değil, genel kapsayıcıyı etkiler.

<figure><img src="/files/22d59f2d2a9b7351828520b12e3355c4cb399a61" alt="" width="563"><figcaption><p>Görünüm Ayarları</p></figcaption></figure>

### Widget Arka Plan Görseli

Widget/HTML Oluşturucu, yüklenen görsellere doğrudan metin eklemeyi destekler.

Bir görseli varlık olarak yükleyin, üzerine metin yerleştirin ve konum, renk, yazı boyutu ve hizalama gibi temel stil seçeneklerini özelleştirin.

<figure><img src="/files/db4b0bf51edb0c822021eb757d271f6c20554472" alt="" width="563"><figcaption><p>Yüklenen görsellere doğrudan metin ekleyin</p></figcaption></figure>

### Öğeleri ekleyin ve yönetin

Öğeleri iki şekilde ekleyebilirsiniz:

* soldaki panelden sürükleyip bırakın
* kullanın **+** butonunu ve öğeyi sola veya sağa yerleştirin

Önce temel unsurlarla başlayın. Ardından tasarımı iyileştirin.

Yaygın öğe grupları:

* içerik: metin, görsel, GIF, video
* form: giriş alanı, metin alanı, onay kutusu, radyo düğmesi, seçim kutusu
* eylem: buton, kopyalama butonu, geri sayım
* geri bildirim: puanlama, emoji geri bildirimi, kaydırıcı geri bildirimi

Tam liste ve en iyi kullanım senaryoları için şuna bakın: [Widget Öğeleri Referansı](/netmera-user-guide/netmera-user-guide-tr/omnichannel-etkilesim/widgetlar/mobil-uygulama-ici/olustur/widget-ogeleri-referansi.md).

### Seçili bir öğeyi düzenleyin

Bir öğe seçtiğinizde, sağ panel kullanılabilir ayarlarını gösterir.

Yaygın kontroller şunlardır:

* boşluk
* kenar
* köşeler
* metin
* gölge
* görünüm
* konum
* efektler

<figure><img src="/files/5d26d9df5d19ec954deaa5353a6996281af1fd48" alt="" width="563"><figcaption><p>Öğe ayarları</p></figcaption></figure>

### Diğer menüyü kullanın

Hızlı düzen işlemlerine ihtiyaç duyduğunuzda bir öğedeki üç nokta menüsüne tıklayın.

Kullanılabilir işlemler:

* **Yukarı Taşı**
* **Aşağı Taşı**
* **Çoğalt**
* **HTML**

şunu kullanın **HTML** yalnızca görsel düzenleyici istediğiniz düzen için yeterli olmadığında.

<figure><img src="/files/5a11879e0f82475e0eaa3306d0967b7a400dcb92" alt="" width="563"><figcaption><p>Diğer menü</p></figcaption></figure>

### Birden fazla görünümle çalışın

şunu kullanın **Görünüm Ekle** çok adımlı widget'lar oluşturmak için.

Örnekler:

* form → başarı ekranı
* puanlama → geri bildirim formu
* teklif → kupon gösterimi

Her görünümü tek bir adıma odaklı tutun.

<figure><img src="/files/7a8e00d0d251b2bebdbbd23f4c35dd0475afb93e" alt="" width="563"><figcaption><p>Görünüm Ekle</p></figcaption></figure>

### Tanımlayıcılar

Her öğenin bir tanımlayıcı kodu vardır.

Tanımlayıcılar şunlar için önemlidir:

* izleme
* tıklama işlemleri
* eylem koşulları
* analiz

Rastgele varsayılanlar yerine kısa ve net adlar kullanın.

İyi örnekler:

* `submit_button`
* `email_input`
* `rating_score`
* `hero_image`

{% hint style="info" %}
Eylemleri yapılandırmadan önce tanımlayıcıları ayarlayın. Bu, kurulumu sonradan yönetmeyi çok daha kolay hale getirir.
{% endhint %}

### Eylemler ve doğrulamalar

Bu sayfa düzen ve yapı üzerine odaklanır.

Davranış için ayrı kurulum sayfaları kullanın:

* [Tıklama Eylemlerini Atayın](/netmera-user-guide/netmera-user-guide-tr/omnichannel-etkilesim/widgetlar/mobil-uygulama-ici/olustur/tiklama-islemleri-atayin.md) buton ve görsel eylemleri için
* [Widget Öğeleri Referansı](/netmera-user-guide/netmera-user-guide-tr/omnichannel-etkilesim/widgetlar/mobil-uygulama-ici/olustur/widget-ogeleri-referansi.md) öğeye özel yönlendirme için

Uygulamada:

* widget'ı oluşturmak için bu sayfayı kullanın
* mantığı hazırlamak için tanımlayıcıları kullanın
* yapı hazır olduktan sonra eylemleri ekleyin

### En iyi uygulamalar

{% hint style="success" %}

#### Widget'ları okunaklı tutun

* Her widget için tek bir hedefle başlayın.
* Mümkün olduğunda daha az öğe kullanın.
* Metni kısa tutun.
* Tutarlı boşluklar kullanın.
* Mobilde ve masaüstünde önizleyin.
* Ek görünüm oluşturmayı yalnızca akış bunları gerektirdiğinde yapın.
  {% endhint %}

### Sırada ne var

Düzeni tamamladıktan sonra:

1. tanımlayıcıları gözden geçirin
2. butonlara veya görsellere tıklama eylemleri atayın
3. her görünümü önizleyin
4. widget'ı kaydedin


---

# 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/bilesenleri-ozellestir.md?ask=<question>&goal=<endgoal>
```

`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.