> 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/web-push/sik-kutu.md).

# Şık Kutu

Fancy Box, Netmera’nın Web Push için markalı ön izin istemidir **Web Push**. Yerel tarayıcı izin isteğinden önce görünür ve aboneliğin değerini anlatmanıza, istemin ne zaman görüneceğini kontrol etmenize ve katılım akışını sitenizin marka kimliğiyle eşleştirmenize yardımcı olur.

<img src="/files/dc1bd554975979eb157e48483244823702376068" alt="" width="563">

{% hint style="info" %}
Fancy Box yapar **yapmaz** yerel tarayıcı izin isteminin yerini almaz. Kullanıcıyı bu adıma hazırlar.
{% endhint %}

### Fancy Box ne zaman kullanılmalı

Fancy Box’ı şu durumlarda kullanın:

* tarayıcı sormadan önce kullanıcıların neden abone olması gerektiğini açıklamak,
* katılım akışını markanızla eşleştirmek,
* ve istemin ne zaman tekrar görüneceğini kontrol etmek.

Mümkün olan en kısa katılım akışını istiyorsanız yalnızca yerel tarayıcı istemini kullanabilirsiniz.

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

#### Fancy Box kullanın

Şu durumlarda en uygunudur:

* abonelik değerinin bağlama ihtiyaç duyması,
* markalamanın önemli olması,
* veya yeniden gösterme kontrolü istemeniz.
  {% endcolumn %}

{% column width="50%" %}

#### Yalnızca yerel tarayıcı istemini kullanın

Şu durumlarda en uygunudur:

* en az adımı istiyorsanız,
* abonelik değeri zaten açıksa,
* veya arayüz özelleştirmesine ihtiyacınız yoksa.
  {% endcolumn %}
  {% endcolumns %}

### Başlamadan önce

Fancy Box’ı kullanmadan önce şunlardan emin olun:

* kurulumunuzun **Web Push** tamamlanmış olması,
* sitenizin abonelik akışı için hazır olması,
* ve tarayıcı destek planınızın net olması.

Eğer kanalı hâlâ kuruyorsanız, önce [**Web Push**](/netmera-user-guide/netmera-user-guide-tr/omnichannel-etkilesim/web-push.md).

iOS Ana Ekran web uygulamaları için [**iOS için Mobil Web Push**](/netmera-user-guide/netmera-user-guide-tr/omnichannel-etkilesim/web-push/ios-icin-mobil-web-push.md) kurulumunu tamamlayın.

### Fancy Box nasıl çalışır

{% stepper %}
{% step %}

#### 1) Ön izin istemini gösterin

Fancy Box, yerel tarayıcı isteminden önce sitenizde görünür.
{% endstep %}

{% step %}

#### 2) Değeri açıklayın

Beklentileri belirlemek için başlığı, açıklamayı ve düğme metnini kullanın.
{% endstep %}

{% step %}

#### 3) Yerel istemi açın

Kullanıcı kabul ettiğinde, tarayıcı kendi izin isteğini gösterir.
{% endstep %}

{% step %}

#### 4) Uygun olduğunda yeniden gösterin

Kullanın **Sonra Tekrar Göster** istemi çok sık tekrarlamamak için.
{% endstep %}
{% endstepper %}

### Doğru tetikleyiciyi seçin

Fancy Box, kullanıcı biraz bağlam kazandıktan sonra en iyi performansı gösterir.

İyi tetikleme noktaları:

* bir ürün veya kategori ziyaretinden sonra,
* giriş yaptıktan veya kayıt olduktan sonra,
* veya anlamlı bir içerik görüntülemesinden sonra.

Fayda zaten net değilse, ilk sayfa yüklemesinde hemen göstermeyin.

### Fancy Box’ı yapılandırın

Web push kurulum akışınızda Fancy Box ayarlarını açın.

<img src="https://user.netmera.com/~gitbook/image?url=https%3A%2F%2F2578508252-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F0bOAscrXzPSujyzq8DEz%252Fuploads%252FAK1z41MUzz8EoJbLNunN%252FScreenshot%25202025-01-15%2520at%252012.45.55.png%3Falt%3Dmedia%26token%3Da7a8dd55-fe4d-4cb6-af7e-7b894ece722a&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=1e7c0c30&#x26;sv=2" alt="" width="563">

#### Ayar referansı

Bu ayarlar Fancy Box’ın nasıl görüneceğini ve davranacağını kontrol eder:

* **Fancy Box’ı Etkinleştir** — Ön izin istemini açar veya kapatır. Devre dışı bırakılırsa, kullanıcılar yalnızca yerel tarayıcı izin isteğini görür.
* **Sonra Tekrar Göster** — Reddedilme veya kapatılmadan sonra Fancy Box’ın ne zaman tekrar görüneceğini kontrol eder. Sitenizde sık tekrar ziyaretler varsa daha uzun bir aralık kullanın.
* **Fancy Box’ı Animasyonlu Yap** — İsteme animasyon ekler.
* **Önizleme** — Değişiklikleri yayımlamadan önce mevcut tasarımı gösterir.
* **Fancy Box’ı Özelleştir** — Metin, boyut, renk ve yazı tipi için tasarım ayarlarını açar.

### Tasarımı özelleştirin

Varsayılan Fancy Box’ı panelden düzenleyebilirsiniz.

#### Metin

Başlığı, açıklamayı ve düğme etiketlerini düzenleyin. Mesajı kısa ve fayda odaklı tutun.

İyi bir metin genellikle şu soruyu yanıtlar:

**Kullanıcı abone olursa ne elde edecek?**

Örnekler:

* ürün çıkışları ve fiyat uyarıları,
* sipariş ve teslimat hatırlatmaları,
* veya acil güncellemeler ve duyurular.

<img src="https://user.netmera.com/~gitbook/image?url=https%3A%2F%2F2578508252-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F0bOAscrXzPSujyzq8DEz%252Fuploads%252FddHPtCoi1AoROh6IEL8m%252FScreenshot%25202025-01-15%2520at%252012.48.26.png%3Falt%3Dmedia%26token%3Dee99ae9c-485b-4611-841e-60f0da7cb7ee&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=93ed20a2&#x26;sv=2" alt="" width="563">

#### Boyut

Genişlik, yükseklik, kenar yuvarlaklığı ve metin boyutunu ayarlayın. İstemin daha küçük ekranlarda okunabilir olmasını sağlayın ve görsel yoğunluktan çok okunabilirliği önceliklendirin.

<img src="https://user.netmera.com/~gitbook/image?url=https%3A%2F%2F2578508252-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F0bOAscrXzPSujyzq8DEz%252Fuploads%252FD99PgIRUhe8bA5sQe3H3%252FScreenshot%25202025-01-15%2520at%252012.49.39.png%3Falt%3Dmedia%26token%3Da9ead144-1992-4082-8fbc-795faa74982a&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=217449fa&#x26;sv=2" alt="" width="563">

#### Renkler

Arka plan, düğme ve metin renklerini ayarlayın. Okunabilirlik için kontrastı yüksek tutun ve bir tane net birincil CTA rengi kullanın.

Fancy Box düğmeleri için şunları yapılandırabilirsiniz:

* **Arka Plan Rengi**: Düğmenin arka plan rengini tanımlar.
* **Metin Rengi**: Düğme etiketinin rengini tanımlar.
* **Kenarlık Rengi**: Düğme kenarlık rengini tanımlar.

Kenarlık rengini her iki **Kabul Et** ve **Kapat** düğme için ayrı ayrı yapılandırabilirsiniz. Kenarlık rengi seçilmezse, varsayılan olarak kenarlık şeffaf uygulanır.

Değişiklikler önizleme alanına gerçek zamanlı olarak yansır.

<img src="https://user.netmera.com/~gitbook/image?url=https%3A%2F%2F2578508252-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F0bOAscrXzPSujyzq8DEz%252Fuploads%252FqxH4mPrSz2ZXq9leLee4%252FScreenshot%25202025-01-15%2520at%252012.51.31.png%3Falt%3Dmedia%26token%3D216ca948-85d4-4f56-bdcc-5ba91a76eb44&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=71c752f4&#x26;sv=2" alt="" width="563">

#### Yazı tipi

İstemde kullanılan yazı tipini seçin ve sitenizin geri kalanıyla tutarlı tutun.

Fancy Box’ta kullanılan yazı tipi ailesini ve yazı tipi ağırlığını seçebilirsiniz.

Yazı tipi seçimi Source Sans Pro, Calibri, Cambria ve daha fazlasını içerir.

Kullanılabilir yazı tipi ağırlığı seçenekleri:

* Normal
* Yarı kalın
* Kalın

Seçilen yazı tipi ve yazı tipi ağırlığı Fancy Box başlığına, gövde metnine ve düğme etiketlerine uygulanır.

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

{% hint style="info" %}
Mevcut Fancy Box kampanyaları mevcut tasarım ayarlarını kullanmaya devam eder. Kenarlık rengi veya yazı tipi ağırlığı seçilmezse, geriye dönük uyumluluğu korumak için varsayılan değerler uygulanır.
{% endhint %}

{% hint style="info" %}
Yazı tipi ayarları yalnızca Fancy Box için geçerlidir. Diğer web etkileşim bileşenleri mevcut yazı tipi davranışını korur.
{% endhint %}

### Uygulama simgesi

Fancy Box,  **Uygulama Simgesi** içindeki [**Genel Ayarlar**](/netmera-user-guide/netmera-user-guide-tr/pano-ayarlari/ayarlar/yonetim/genel.md).

![](/files/70dd5f57bda488bcdf5734d570babcc8d406f62c)

Simgeleri değiştirmek için:

1. Şuraya gidin: **Ayarlar → Genel Ayarlar**.
2. Güncelleyin **Uygulama Simgesi**.
3. Tıklayın **Uygula**.

{% hint style="info" %}
Uygulama simgesini değiştirmek, onu devralan diğer özellikleri de günceller.
{% endhint %}

### İzin verme performansını ölçün

Netmera, web üzerindeki ana web push katılım adımlarını izler.

Yaygın etkinlikler şunlardır:

* **Fancy Box Gösterildi**
* **Fancy Box Kabul Et**
* **Fancy Box Sonra**
* **Push’ı Etkinleştir**
* **Push’ı Devre Dışı Bırak**

Bu etkinlikleri iki soruyu yanıtlamak için kullanın:

1. Kullanıcılar ön izin istemiyle etkileşime giriyor mu?
2. Tarayıcı izin adımını tamamlıyorlar mı?

arasındaki fark **Fancy Box Kabul Et** ve **Push’ı Etkinleştir** tam katılım akışının ne kadar iyi performans gösterdiğini gösterir.

### En iyi uygulamalar

* Uzun bir açıklama yerine tek ve net bir fayda gösterin.
* Tek bir birincil eylem etiketi kullanın.
* İstemi, kullanıcı bağlam kazanana kadar geciktirin.
* Desteklediğiniz tarayıcılarda tüm akışı test edin.

{% hint style="success" %}
Fancy Box, metin teklif, hatırlatma veya güncelleme gibi somut bir faydayı açıkladığında en iyi performansı gösterir.
{% endhint %}

### Varsayılan veya özel Fancy Box’ı seçin

Panel düzeyindeki özelleştirme yeterliyse varsayılan Fancy Box’ı kullanın. Tam barındırılan arayüz kontrolüne ihtiyacınız varsa Özel Fancy Box’ı kullanın.

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

#### Varsayılan Fancy Box

Şunlara ihtiyacınız olduğunda kullanın:

* metin düzenlemeleri,
* boyut ve renk değişiklikleri,
* ve panelden hızlı kurulum.
  {% endcolumn %}

{% column width="50%" %}

#### Özel Fancy Box

Şunlara ihtiyacınız olduğunda kullanın:

* tam barındırılan arayüz kontrolü,
* özel yerleşim davranışı,
* veya gelişmiş marka uygulaması.
  {% endcolumn %}
  {% endcolumns %}

### Özel Fancy Box

Özel Fancy Box, varsayılan Netmera tarafından yönetilen arayüzü kendi barındırdığınız sürümünüzle değiştirir. Panel düzeyindeki özelleştirme yeterli olmadığında bunu kullanın.

#### Gereksinimler

Özel Fancy Box’ı kullanmadan önce:

1. Özelliği etkinleştirmek için Netmera destek ekibiyle iletişime geçin.
2. Barındırın `netmera_worker.html` kendi sunucunuzda.
3. Özel Fancy Box’ınızı içinde tanımlayın `netmera_worker.html`.

{% hint style="warning" %}
Özel Fancy Box panelden etkinleştirilemez. İlk aktivasyon için Netmera desteği gerekir.
{% endhint %}

#### Neleri özelleştirebilirsiniz

İçinde `netmera_worker.html`, şunları kontrol edebilirsiniz:

* düğme stilleri ve kenarlıkları,
* arka plan ve kaplama stilini,
* ve yerleşim, yazı tipi ve boyutları.

Barındırılan dosyayı güncellediğinizde, akışta yeni tasarım kullanılır.

Bu, panel düzeyindeki metin, boyut, renk ve yazı tipi ayarlarının ötesinde size kontrol sağlar.


---

# 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/web-push/sik-kutu.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.