# Fancy Box

Fancy Box, Netmera’nın Web Push için **ön izin istemidir**. Tarayıcı izin isteğinden önce görünür. Değeri açıklamak, zamanlamayı kontrol etmek ve sitenizin marka kimliğiyle uyum sağlamak için kullanın.

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

{% hint style="info" %}
Fancy Box **tarafından** yerel tarayıcı izin istemi yerine geçmez. Kullanıcıyı bu adıma hazırlar.
{% endhint %}

### Fancy Box ne zaman kullanılır

Fancy Box’ı şu durumlarda kullanın:

* tarayıcı izin istemeden önce kullanıcıların neden abone olması gerektiğini açıklamak,
* opt-in akışını markanızla uyumlu hale getirmek,
* ve istemin tekrar ne zaman görüneceğini kontrol etmek istiyorsanız.

Mümkün olan en kısa opt-in akışını istiyorsanız, yalnızca yerel tarayıcı istemine güvenebilirsiniz.

{% columns %}
{% column %}

#### Fancy Box kullanın

En iyi şu durumlarda:

* abonelik değerinin bağlama ihtiyacı varsa,
* marka kimliği önemliyse,
* veya yeniden gösterme kontrolü istiyorsanız.
  {% endcolumn %}

{% column %}

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

En iyi şu durumlarda:

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

### Başlamadan önce

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

* kurulumunuz **ön izin istemidir** tamamlanmış olsun,
* siteniz abonelik akışına hazır olsun,
* ve tarayıcı desteği planınız net olsun.

Hâlâ kanalı kuruyorsanız, şuradan başlayın: [**ön izin istemidir**](/netmera-user-guide/netmera-user-guide-tr/omnichannel-etkilesim/web-push.md).

iOS Ana Ekran web uygulamaları için, önce [**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 zamanda yeniden gösterin

Kullanımını **Yeniden Gösterme Aralığı** ile ayarlayarak istemin çok sık tekrarlanmasını önleyin.
{% endstep %}
{% endstepper %}

### Önerilen zamanlama

Fancy Box, kullanıcı biraz bağlam kazandıktan sonra en iyi sonucu verir.

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

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

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

Web push onboarding akışındaki 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">

#### Ayarlar referansı

**Fancy Box’ı etkinleştir**

Ön izin istemini açar veya kapatır. Devre dışıysa, kullanıcılar yalnızca yerel tarayıcı izin isteğini görür.

Tarayıcı isteminden önce markalı bir opt-in adımı istediğinizde bunu kullanın.

**Yeniden Gösterme Aralığı**

Bir kapatma veya reddetmeden sonra Fancy Box’ın ne zaman tekrar görüneceğini kontrol eder. İstem yorgunluğunu azaltmak için kullanın.

Sitenize sık tekrar ziyaret oluyorsa daha uzun bir aralık seçin.

**Fancy Box’ı canlandır**

İsteme animasyon ekler. İstemin hâlâ hafif hissedilmesi için bunu dikkatli kullanın.

Animasyon, mesajdan dikkat dağıtmak yerine dikkati desteklemelidir.

**Önizleme**

Değişiklikleri yayınlamadan önce mevcut tasarımı gösterir.

**Fancy Box’ı özelleştir**

Metin, boyut, renk ve yazı tipi için tasarım ayarlarını açar.

### Görünümü özelleştir

Panelden varsayılan Fancy Box’ı düzenleyebilirsiniz.

#### Metin

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

İyi metin genellikle tek bir soruyu yanıtlar:

**Kullanıcı abone olursa ne kazanacak?**

Örnekler:

* ürün lansmanları ve fiyat uyarıları,
* sipariş ve teslimat hatırlatmaları,
* veya son dakika güncellemeleri 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şliği, yüksekliği, kenar yuvarlaklığını ve metin boyutunu ayarlayın. İstemin daha küçük ekranlarda okunabilir kalmasını sağlayın.

Görsel yoğunluktan önce 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">

#### Renk

Arka plan, düğme ve metin renklerini ayarlayın. Okunabilirlik için kontrastı yüksek tutun.

Tek ve net bir birincil CTA rengi kullanı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%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. Sitenizin geri kalanıyla tutarlı olmasını sağlayı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%252Ft6mtf7BovQwiYxQTFF5H%252FScreenshot%25202025-01-15%2520at%252012.52.33.png%3Falt%3Dmedia%26token%3D14b78114-5110-4926-8557-3867f8e027fd&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=457c6a40&#x26;sv=2" alt="" width="563">

### Uygulama simgesi

Fancy Box şu simgeyi kullanır: **Uygulama Simgesi** şuradan: [**Genel Ayarlar**](/netmera-user-guide/netmera-user-guide-tr/panel-ayarlari/netmera-panel-ayarlari/genel-ayarlar.md).

![](/files/70dd5f57bda488bcdf5734d570babcc8d406f62c)

Simgiyi değiştirmek için:

1. Şuraya gidin: **Ayarlar → Genel Ayarlar**.
2. şunu güncelleyin: **Uygulama Simgesi**.
3. Şuna tıklayın: **Uygula**.

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

### Performansı ölçün

Netmera, web üzerindeki temel web push opt-in adımlarını izler.

Yaygın etkinlikler şunlardır:

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

Bu etkinlikler, iki soruya yanıt vermenize yardımcı olur:

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** kullanarak tam opt-in akışının ne kadar iyi performans gösterdiğini inceleyin.

### En iyi uygulamalar

* Uzun bir açıklama yerine tek ve net bir fayda gösterin.
* Tek bir birincil eylem etiketi kullanın.
* Kullanıcı bağlam kazanana kadar istemi 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 ve özel Fancy Box

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

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

#### Varsayılan Fancy Box

Şu ihtiyaçlarınız varsa kullanın:

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

{% column width="50%" %}

#### Özel Fancy Box

Şu ihtiyaçlarınız varsa kullanın:

* tam barındırılan UI kontrolü,
* özel düzen davranışı,
* veya gelişmiş marka uygulaması.
  {% endcolumn %}
  {% endcolumns %}

### Özel Fancy Box

Özel Fancy Box, varsayılan Netmera yönetimli UI’yi kendi barındırdığınız sürümünüzle değiştirir. Panel özelleştirmesi 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. netmera\_worker.html dosyasını `kendi sunucunuzda barındırın.` .
3. Özel Fancy Box’ınızı içinde tanımlayın `kendi sunucunuzda barındırın.`.

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

#### Neleri özelleştirebilirsiniz

İçinde `kendi sunucunuzda barındırın.`, şunları kontrol edebilirsiniz:

* düğme stilleri ve kenarlıkları,
* arka plan ve kaplama stilleri,
* ve düzen, tipografi 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 kontrol sağlar.

#### Kurulumdan sonra test edin

Kurulumdan sonra, tam opt-in akışını doğrulayın:

1. Özel istemin doğru yüklendiğini doğrulayın.
2. Abone olma işleminin yerel tarayıcı istemini açtığını doğrulayın.
3. Stillerin ve varlıkların barındırdığınız dosyadan yüklendiğini doğrulayın.
4. Akışın desteklediğiniz tarayıcılar ve cihazlarda çalıştığını doğrulayın.


---

# 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/web-push/fancy-box.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.