> 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/cok-kanalli-etkilesim/web-push/fancy-box.md). # Fancy box Fancy Box, Netmera’nın markalı izin öncesi 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 abonelik akışını sitenizin marka kimliğiyle uyumlu hale getirmenize yardımcı olur. {% hint style="info" %} Fancy Box **yapmaz** yerel tarayıcı izin isteminin yerini alır. 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 abonelik oluşturması gerektiğini açıklamak, * abonelik akışını markanızla eşleştirmek, * ve istemin ne zaman yeniden görüneceğini kontrol etmek. Mümkün olan en kısa abonelik akışını istiyorsanız yalnızca yerel tarayıcı istemini kullanabilirsiniz. {% columns %} {% column width="50%" %} #### Fancy Box Şu durumlarda en uygundur: * aboneliğin değeri bağlam gerektiriyorsa, * markalaşma önemliyse, * veya yeniden gösterim kontrolü istiyorsanız. {% endcolumn %} {% column width="50%" %} #### Yerel tarayıcı istemi Şu durumlarda en uygundur: * en az adımı istiyorsanız, * aboneliğin değeri zaten açıksa, * veya arayüz özelleştirmesine ihtiyaç duymuyorsanız. {% 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 ihtiyaç duyduğunuzda Ö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 yerleşim 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ı izin isteminden önce sitenizde görünür. 2. Aboneliğin neden değerli olduğunu açıklamak için başlığını, açıklamasını ve düğme metnini kullanın. 3. Birisi kabul ettiğinde, tarayıcısı kendi izin isteğini gösterir. 4. Fancy Box’ı kapatır veya reddederlerse, şu ayarı kullanın: **Sonra Tekrar Göster** ne zaman yeniden görüneceğine karar vermek için. ### 1. Adım: Doğru tetikleyiciyi seçin 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ş veya kayıt işleminden sonra, * veya anlamlı bir içerik görüntülemesinden sonra. Yarar zaten açıksa, ilk sayfa yüklemesinde hemen göstermekten kaçının. ### 2. Adım: Fancy Box’ı yapılandırın Web push kurulum akışınızda Fancy Box ayarlarını açın. #### Ayar referansı Bu ayarlar, Fancy Box’ın nasıl görüneceğini ve davranacağını kontrol eder: * **Fancy Box’ı etkinleştir** — İzin öncesi istemi 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** — Kapatma veya reddetmeden sonra Fancy Box’ın ne zaman yeniden görüneceğini kontrol eder. Sitenizde sık tekrar ziyaret varsa daha uzun bir aralık kullanın. * **Fancy Box’ı animasyonlu göster** — İsteme animasyon ekler. * **Önizleme** — Değişiklikleri yayınlamadan önce geçerli 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 tutun ve faydayı öne çıkarın. İyi metin genellikle tek bir soruya yanıt verir: **Kullanıcı abonelik oluşturursa ne elde eder?** Örnekler: * ürün lansmanları ve fiyat uyarıları, * sipariş ve teslimat hatırlatmaları, * veya önemli güncellemeler ve duyurular. #### Boyut Genişliği, yüksekliği, kenar yuvarlaklığını ve metin boyutunu ayarlayın. İstemin küçük ekranlarda okunabilir kalmasını sağlayın ve görsel yoğunluktan çok 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 belirler. * **Metin Rengi**: Düğme etiketinin rengini belirler. * **Kenarlık Rengi**: Düğmenin kenarlık rengini belirler. Kenarlık rengini her iki seçenek için ayrı ayrı yapılandırın **Kabul Et** ve **Kapat** düğmeleri. Kenarlık rengi seçilmezse, kenarlık varsayılan olarak şeffaf uygulanır. Değişiklikler önizleme alanına anında 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. Mevcut yazı tipi kalınlığı seçenekleri: * Normal * Yarı kalın * Kalın Seçilen yazı tipi ve kalınlığı Fancy Box başlığına, gövde metnine ve düğme etiketlerine uygulanır.
{% hint style="info" %} Mevcut Fancy Box kampanyaları geçerli tasarım ayarlarını kullanmaya devam eder. Geriye dönük uyumluluğu korumak için kenarlık rengi veya yazı tipi kalınlığı seçilmezse 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, şunu kullanır: **Uygulama Simgesi** şuradan: [**Genel Ayarlar**](/netmera-user-guide/netmera-user-guide-tr/panel-ayarlari/ayarlar/yonetim/genel-ayarlar.md). ![](https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FFUKDlHpzbKJd9oFssmxM%2FScreenshot%202025-10-31%20at%2015.15.03.png?alt=media\&token=6ff7f1f8-bbc4-45e9-9f8d-a1c02422da06) Simgiyi değiştirmek için: 1. Şuraya gidin: **Ayarlar → Genel Ayarlar**. 2. Şunu 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: Abonelik performansını ölçün Netmera, web üzerindeki temel web push abonelik adımlarını izler. Yaygın etkinlikler şunlardır: * **Fancy Box Görüntülendi** * **Fancy Box Kabul** * **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 izin öncesi istemle etkileşime giriyor mu? 2. Tarayıcı izin adımını tamamlıyorlar mı? Arasındaki fark **Fancy Box Kabul** ve **Push’ı Etkinleştir** tam abonelik akışının ne kadar iyi performans gösterdiğini ortaya koyar. ### Özel Fancy Box Özel Fancy Box, varsayılan Netmera tarafından yönetilen arayüzün yerini sizin barındırdığınız sürümle alır. Panel özelleştirmesi yeterli olmadığında kullanın. #### Gereksinimler Özel Fancy Box’ı kullanmadan önce: 1. Özelliği etkinleştirmek için Netmera desteğiyle iletişime geçin. 2. Barındırın `netmera_worker.html` dosyasını kendi sunucunuzda. 3. Özel Fancy Box’ınızı şunun 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 %} #### Özelleştirebilecekleriniz İçinde `netmera_worker.html`, şunları kontrol edebilirsiniz: * düğme stilleri ve kenarlıkları, * arka plan ve kaplama stilleri, * ve yerleşim, 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. --- # 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/cok-kanalli-etkilesim/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 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.