> 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/web-push/fancy-box.md).
# Fancy Box
Fancy Box, tarayıcının web push izin isteğinden önce gösterilen markalı bir ön izin istemidir.
Fancy Box, Netmera’nın markalı izin öncesi istemidir **Web Push**. Yerleşik tarayıcı izin isteğinden önce görünür ve abonelik değerini açıklamanıza, istemin ne zaman görüneceğini kontrol etmenize ve onay akışını sitenizin markasıyla uyumlu hale getirmenize yardımcı olur.
{% hint style="info" %}
Fancy Box **değildir** yerleşik 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:
* kullanıcılar tarayıcı sormadan önce neden abone olmaları gerektiğini açıklamak,
* onay akışını markanızla uyumlu hale getirmek,
* ve istemin tekrar ne zaman görüneceğini kontrol etmek.
Mümkün olan en kısa onay akışını istiyorsanız, yalnızca yerleşik tarayıcı istemini kullanabilirsiniz.
{% columns %}
{% column width="50%" %}
#### Fancy Box
En iyi kullanım alanı:
* abonelik değerinin bağlama ihtiyaç duyması,
* markalamanın önemli olması,
* veya yeniden gösterim kontrolü istemeniz.
{% endcolumn %}
{% column width="50%" %}
#### Yerleşik tarayıcı istemi
En iyi kullanım alanı:
* en az adımı istiyorsanız,
* abonelik değeri zaten açıksa,
* veya arayüz özelleştirmesine ihtiyacınız yoksa.
{% endcolumn %}
{% endcolumns %}
### Varsayılan veya özel Fancy Box’ı seçin
Panel düzeyinde ö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](#step-1-choose-the-right-trigger)
Şu durumlarda kullanın:
* metin düzenlemeleri,
* boyut ve renk değişiklikleri,
* ve panel üzerinden hızlı kurulum.
{% endcolumn %}
{% column width="50%" %}
#### [Özel Fancy Box](#custom-fancy-box-1)
Şu durumlarda kullanın:
* tam barındırılan arayüz kontrolü,
* özel düzen davranışı,
* veya gelişmiş marka uygulaması.
{% endcolumn %}
{% endcolumns %}
### Fancy Box nasıl çalışır
Abonelik akışı şu adımları izler:
1. Fancy Box, tarayıcının izin isteminden önce sitenizde görünür.
2. Neden abone olmanın değerli olduğunu açıklamak için başlığını, açıklamasını ve düğme metnini kullanın.
3. Biri kabul ettiğinde, tarayıcısı kendi izin isteğini gösterir.
4. Fancy Box’ı kapatırsa veya reddederse, yeniden görünme zamanını belirlemek için **Tekrar Göster** özelliğini kullanın.
### 1. Adım: Doğru tetikleyiciyi seçin
Fancy Box, kullanıcı biraz bağlam kazandıktan sonra en iyi şekilde çalışır.
Uygun 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.
### 2. Adım: Fancy Box’ı yapılandırın
Web push kurulum akışınızdaki Fancy Box ayarlarını açın.
#### Ayar referansı
Bu ayarlar, Fancy Box’ın nasıl görüneceğini ve nasıl davranacağını kontrol eder:
* **Fancy Box’ı etkinleştir** — Ön izin istemini açar veya kapatır. Devre dışıysa, kullanıcılar yalnızca yerleşik tarayıcı izin isteğini görür.
* **Tekrar Göster** — Bir kapatma veya reddetme sonrasında Fancy Box’ın ne zaman tekrar görüneceğini kontrol eder. Sitenize sık tekrar ziyaretler geliyorsa daha uzun bir aralık kullanın.
* **Fancy Box’ı canlandır** — İ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.
### 3. Adım: 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 metin genellikle bir soruyu yanıtlar:
**Kullanıcı abone olursa ne elde eder?**
Örnekler:
* ürün çıkışları ve fiyat uyarıları,
* sipariş ve teslimat hatırlatmaları,
* veya acil güncellemeler ve duyurular.
#### Boyut
Genişliği, yüksekliği, köşe yuvarlaklığını ve metin boyutunu ayarlayın. İstemi daha küçük ekranlarda okunabilir tutun ve görsel yoğunluk yerine okunabilirliği önceliklendirin.
#### Renkler
Arka plan, düğme ve metin renklerini ayarlayın. Okunabilirlik için kontrastı yüksek tutun ve tek, net bir 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üğmenin kenarlık rengini tanımlar.
Kenarlık rengini hem **Kabul Et** ve **Kapat** düğmeleri için ayrı ayrı yapılandırın. 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.
#### Tipografi
İ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 kalınlığını seçebilirsiniz.
Yazı tipi seçenekleri arasında Source Sans Pro, Calibri, Cambria ve daha fazlası bulunur.
Kullanılabilir yazı tipi kalınlığı seçenekleri:
* Normal
* Yarı kalın
* Kalın
Seçilen yazı tipi ve yazı tipi kalınlığı Fancy Box başlığına, gövde metnine ve düğme etiketlerine uygulanır.
{% hint style="info" %}
Mevcut Fancy Box kampanyaları mevcut tasarım ayarlarını kullanmaya devam eder. Kenarlık rengi veya yazı tipi kalınlığı 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ışlarını korur.
{% endhint %}
### 4. Adım: Uygulama simgesi
Fancy Box, **Uygulama Simgesi** içinden [**Genel Ayarlar**](/netmera-user-guide/netmera-user-guide-tr/panel-settings/settings/administration/general-settings.md).
Simgesini 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 %}
### 5. Adım: Onay performansını ölçün
Netmera, web üzerindeki ana web push onay adımlarını izler.
Yaygın etkinlikler şunları içerir:
* **Fancy Box Gösterildi**
* **Fancy Box Kabul**
* **Fancy Box Daha Sonra**
* **Push'u Etkinleştir**
* **Push'u 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ı?
Aradaki fark **Fancy Box Kabul** ve **Push'u Etkinleştir** tam onay akışının ne kadar iyi performans gösterdiğini gösterir.
### Özel Fancy Box
Özel Fancy Box, varsayılan Netmera tarafından yönetilen arayüzün yerini kendi barındırdığınız sürümle değiştirir. Panel düzeyinde özelleştirme yeterli olmadığında 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` dosyasını kendi sunucunuzda.
3. Özel Fancy Box’ınızı bunun içinde tanımlayın `netmera_worker.html`.
{% hint style="warning" %}
Özel Fancy Box panelden etkinleştirilemez. İlk etkinleştirme 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 örtü stilini,
* ve düzen, tipografi ve boyutları.
Barındırılan dosyayı güncellediğinizde, yeni tasarım akışta kullanılır.
Bu size panel düzeyindeki metin, boyut, renk ve yazı tipi ayarlarının ötesinde 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 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/web-push/fancy-box.md?ask=&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.
{% hint style="info" %}
Fancy Box **değildir** yerleşik 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:
* kullanıcılar tarayıcı sormadan önce neden abone olmaları gerektiğini açıklamak,
* onay akışını markanızla uyumlu hale getirmek,
* ve istemin tekrar ne zaman görüneceğini kontrol etmek.
Mümkün olan en kısa onay akışını istiyorsanız, yalnızca yerleşik tarayıcı istemini kullanabilirsiniz.
{% columns %}
{% column width="50%" %}
#### Fancy Box
En iyi kullanım alanı:
* abonelik değerinin bağlama ihtiyaç duyması,
* markalamanın önemli olması,
* veya yeniden gösterim kontrolü istemeniz.
{% endcolumn %}
{% column width="50%" %}
#### Yerleşik tarayıcı istemi
En iyi kullanım alanı:
* en az adımı istiyorsanız,
* abonelik değeri zaten açıksa,
* veya arayüz özelleştirmesine ihtiyacınız yoksa.
{% endcolumn %}
{% endcolumns %}
### Varsayılan veya özel Fancy Box’ı seçin
Panel düzeyinde ö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](#step-1-choose-the-right-trigger)
Şu durumlarda kullanın:
* metin düzenlemeleri,
* boyut ve renk değişiklikleri,
* ve panel üzerinden hızlı kurulum.
{% endcolumn %}
{% column width="50%" %}
#### [Özel Fancy Box](#custom-fancy-box-1)
Şu durumlarda kullanın:
* tam barındırılan arayüz kontrolü,
* özel düzen davranışı,
* veya gelişmiş marka uygulaması.
{% endcolumn %}
{% endcolumns %}
### Fancy Box nasıl çalışır
Abonelik akışı şu adımları izler:
1. Fancy Box, tarayıcının izin isteminden önce sitenizde görünür.
2. Neden abone olmanın değerli olduğunu açıklamak için başlığını, açıklamasını ve düğme metnini kullanın.
3. Biri kabul ettiğinde, tarayıcısı kendi izin isteğini gösterir.
4. Fancy Box’ı kapatırsa veya reddederse, yeniden görünme zamanını belirlemek için **Tekrar Göster** özelliğini kullanın.
### 1. Adım: Doğru tetikleyiciyi seçin
Fancy Box, kullanıcı biraz bağlam kazandıktan sonra en iyi şekilde çalışır.
Uygun 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.
### 2. Adım: Fancy Box’ı yapılandırın
Web push kurulum akışınızdaki Fancy Box ayarlarını açın.
#### Ayar referansı
Bu ayarlar, Fancy Box’ın nasıl görüneceğini ve nasıl davranacağını kontrol eder:
* **Fancy Box’ı etkinleştir** — Ön izin istemini açar veya kapatır. Devre dışıysa, kullanıcılar yalnızca yerleşik tarayıcı izin isteğini görür.
* **Tekrar Göster** — Bir kapatma veya reddetme sonrasında Fancy Box’ın ne zaman tekrar görüneceğini kontrol eder. Sitenize sık tekrar ziyaretler geliyorsa daha uzun bir aralık kullanın.
* **Fancy Box’ı canlandır** — İ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.
### 3. Adım: 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 metin genellikle bir soruyu yanıtlar:
**Kullanıcı abone olursa ne elde eder?**
Örnekler:
* ürün çıkışları ve fiyat uyarıları,
* sipariş ve teslimat hatırlatmaları,
* veya acil güncellemeler ve duyurular.
#### Boyut
Genişliği, yüksekliği, köşe yuvarlaklığını ve metin boyutunu ayarlayın. İstemi daha küçük ekranlarda okunabilir tutun ve görsel yoğunluk yerine okunabilirliği önceliklendirin.
#### Renkler
Arka plan, düğme ve metin renklerini ayarlayın. Okunabilirlik için kontrastı yüksek tutun ve tek, net bir 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üğmenin kenarlık rengini tanımlar.
Kenarlık rengini hem **Kabul Et** ve **Kapat** düğmeleri için ayrı ayrı yapılandırın. 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.
#### Tipografi
İ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 kalınlığını seçebilirsiniz.
Yazı tipi seçenekleri arasında Source Sans Pro, Calibri, Cambria ve daha fazlası bulunur.
Kullanılabilir yazı tipi kalınlığı seçenekleri:
* Normal
* Yarı kalın
* Kalın
Seçilen yazı tipi ve yazı tipi kalınlığı Fancy Box başlığına, gövde metnine ve düğme etiketlerine uygulanır.