Create

Hızlı Adımlar Kılavuzu

Netmera Panel'inize gidin ve tıklayın:

Web Tools > Widget > Design Widget

1. Widget'inizi şuradan seçin Widget Gallery "User Retention" Your Widgets ve tasarımınızı düzenleyin.

2. Yeni bir custom widget oluşturmak istiyorsanız, seçin "Blank Widget", bir isim ekleyin ve widget'inizi yapılandırın Widget’i Genişlet.

3. Elements bölümündeki sürükle-bırak widget araçlarıyla widget'inizi özelleştirin. Elements.

4. Tanımlayın Submit butonlarınız veya görselleriniz için.

5. Şuna tıklayın Save Widget & Return.

Tıkladığınızda Blank Widget, Widget’i Genişlet sayfası açılır. Burada widget'inizin temel ayarlarını yapılandırır ve görünümünü ile davranışını özelleştirirsiniz. Her seçenek, tanımlaması kolay, kampanya amacına uygun ve doğru kullanıcı deneyimi sunan bir widget oluşturmanıza yardımcı olur.

Widget Gallery

The Widget Gallery kampanyalarınız için başlangıç noktası olarak kullanabileceğiniz önceden tasarlanmış şablon koleksiyonunu sunar. Bu şablonlar, ihtiyaçlarınıza göre özelleştirirken zaman ve emek tasarrufu sağlar.

Widget Gallery

Your Widgets

Widget'ınızdaki butona tıklayın (örn., Your Widgets bölümünde daha önce oluşturduğunuz widget'lara erişebilirsiniz. Bu bölüm, aşağıdaki seçeneklerle widget'ları verimli şekilde yönetmenizi sağlar:

• Search Anahtar kelime girerek belirli widget'ları hızlıca bulun. Büyük bir kütüphaneniz olduğunda faydalıdır.

• Düzenle Tasarım, içerik veya davranış ayarlarını güncelleyin. Örneğin kapatma butonunun görünümünü değiştirebilir veya kampanya metnini güncelleyebilirsiniz.

• Sil İstenmeyen widget'ları kalıcı olarak kaldırın. Kütüphanenizi düzenli tutmaya yardımcı olur.

• Clone Mevcut bir widget'ı çoğaltarak küçük değişikliklerle yeni bir sürüm oluşturun.

Örnek: Eğer bir “Welcome Discount” widget'ınız varsa ve 10%sunuyorsa, Düzenle kullanarak onu 15%olarak güncelleyebilirsiniz; sıfırdan oluşturmak yerine.

Widget Gallery

Widget’i Genişlet

Seçtiğinizde Blank Widget, Widget’i Genişlet sayfası açılır. Burada widget'inizin temel ve gelişmiş seçeneklerini yapılandırırsınız.

İsim

Widget'inize açıklayıcı ve akılda kalıcı bir isim verin, örneğin “Summer Sale Pop-up”.

Açıklama

Widget'in amacını kısa bir açıklamayla ekleyin, örneğin “Sezon indirimlerini etkileşimli bir pop-up ile tanıtır.”

Background Overlay Özelliği

Background Overlay, size daha fazla görsel kontrol sağlamak için tasarlanmıştır; mevcut veya basit kullanım senaryolarını bozmadan popupların nasıl sunulduğu üzerinde daha ayrıntılı görsel özelleştirme yapılmasını mümkün kılar.

Minimum SDK Sürümleri

• Android SDK: 4.13.1

• Swift SDK (iOS): 4.14.2

Background Overlay

The Background Overlay toggle varsayılan olarak etkinleştirilmiştir.

Etkinleştirildiğinde:

• Popup dışındaki tüm alanlar gri tonlu bir overlay ile kaplanır.

• Overlay şu şekilde uygulanır: tam ekran.

• Overlay şunları içerir: status bar alanını (ör. saat, pil ve operatör bilgileri).

• The Overlay Color seçeneği kullanılabilir hale gelir.

Overlay Color

• Varsayılan olarak overlay rengi gri tonlu.

• olarak ayarlanmıştır. Özel bir renk seçmek için.

• color picker Her iki Success Rate HEX RGBA

• renk formatı desteklenir. Seçilen renk şuna uygulanır:.

• popup arkasındaki tam ekran overlay alanı

  • Opaklık şu yollardan ayarlanabilir:

  • Renk seçicide doğrudan veya

ayrı bir opaklık kontrolü (slider) ile.

Transactionall push ayrı bir opaklık kontrolü (slider) ile. Clear Background

• toggle etkinse: Popup,.

• şeffaf uygulama arka planı

• The Overlay Color üzerinde görüntülenir ve Background Overlay otomatik olarak devre dışı bırakılır.

seçeneği devre dışı bırakılır.

• Background Overlay ile Elde Edebilecekleriniz Alttaki uygulama içeriğinin görünür kalmasını istediğinizde popupları şeffaf bir arka planda

• gösterin. Popup dışındaki alanı karartın veya renklendirerek

• kullanıcının dikkatini mesaja çekin. Marka renkleriyle.

• tutarlı bir overlay deneyimi oluşturun, status bar alanı dahil olmak üzere tam ekran veya sürükleyici sunumlar için sorunsuz bir modal deneyim sağlayın.

Widget Dışına Tıklanınca Kapanır

Bu seçenek etkinleştirildiğinde, kullanıcıların widget alanının dışına dokunmaları veya tıklamaları sadece widget'i kapatmak için yeterlidir.

• Bu özellik hem web hem de mobil platformlarda.

• çalışır ve yaygın dijital davranış kalıplarıyla uyumlu, daha akıcı ve doğal bir etkileşim sağlar.

ve bir

Kampanyanıza en uygun widget türünü seçin:

• Pop-up: promosyonlar, teklifler veya abonelikler için dikkat çekici bir overlay.

• Floating Bar – Sayfanın üstünde/altında ince bir çubuk; sürekli duyurular için ideal.

Kapatma Butonu Konumu

Kapat (X) butonunu aşağıdaki konumların herhangi birine yerleştirebilirsiniz:

• Widget Sağ Üst Köşe (varsayılan)

• Widget'ın Sağ Üst Köşesinin Üstü

• Özel Buton Konumu

Bu davranış hem web hem de mobil platformlardaçalışır; etkileşimleri marka ve UX akışınıza göre hizalamanıza olanak tanır.

Özel Buton Konumu

Seçerseniz Özel Buton Konumuseçildiğinde ek kontroller görünecektir:

• Sağ Konum: Butonun sağ kenardan yatay uzaklığını (0–100%) ayarlayın.

• Üst Konum: Butonun üst kenardan dikey uzaklığını (0–100%) ayarlayın.

Bu esneklik, kapatma butonunu widget içinde herhangi bir yere yerleştirmenize olanak tanır; böylece önemli içerikle kesişmez ve düzeninize her zaman uyum sağlar.

Kapatma Butonu Rengi

Tasarımınıza uyan bir renk seçin. Örneğin görünürlük için kontrast bir renk veya tutarlılık için marka rengi kullanabilirsiniz.

Yerleşim

Widget'in kullanıcının ekranında nerede görüneceğini tanımlayabilirsiniz:

• Üst

• Orta

• Alt

Doğru hizalamayı doğrulamak için widget'ı hem desktop hem de mobile görünümlerinde önizleyin.

Example

Eğer bir Feedback Pop-up mobil kullanıcılar için oluşturuyorsanız, şunları yapabilirsiniz:

• Widget'i şunun ekranın altına yerleştirin; başparmak erişimi için kolay olabilir.

• Widget genişliğini kapatma butonunu şu konuma üst-solyerleştirerek form alanlarınızdan ayrılmasını sağlayın.

• Kapatma butonu için marka accent color kullanarak butonun widget'ın geri kalanıyla uyumlu olmasını sağlayın.

✅ Bu seçeneklerle, widget'larınızın temel tasarımından kapatma butonu yerleşimi gibi ince ayrıntılara kadar görünüm ve davranışı üzerinde tam kontrole sahipsiniz. Konumlandırmadaki küçük değişiklikler kullanıcı konforu Success Rate ile marka uyumu.