Oluştur
Hızlı Adımlar Kılavuzu
Netmera Panel'inize gidin ve tıklayın:
Mobile Widget > Design Mobile Widget
Widget'inizi şuradan seçin Your Widgets ve tasarımınızı düzenleyin.
Yeni bir custom widget oluşturmak istiyorsanız, şunu seçin "Blank Widget", bir ad ekleyin ve widget'inizi "Extend Widget" içinde yapılandırın.
Elements içindeki sürükle-bırak widget araçlarını kullanarak widget'inizi özelleştirin. Elements.
Tanımlayın Click Actions butonlarınız veya görselleriniz için.
Şuna tıklayın Save Widget & Return.
Tıkladığınızda Blank Widget, Extend Widget sayfası açılır. Burada widget’inizin temel ayarlarını yapılandırır ve görünüm ile davranışını özelleştirirsiniz. Her seçenek, tanımlaması kolay, kampanya amacına uygun ve doğru kullanıcı deneyimini sunan bir widget oluşturmanıza yardımcı olur.
Widget Galerisi
The Widget Galerisi kampanyalarınız için başlangıç noktası olarak kullanabileceğiniz önceden tasarlanmış şablon koleksiyonunu sağlar. Bu şablonlar zaman ve emekten tasarruf ederken ihtiyaçlarınıza göre özelleştirme esnekliği sunar.
Your Widgets
In the Your Widgets bölümünde daha önce oluşturduğunuz widget'lara erişiminiz vardır. Bu bölüm, aşağıdaki seçeneklerle widget'ları verimli şekilde yönetmenize ve sürdürmenize olanak tanır:
Arama Anahtar kelimeler girerek belirli widget'ları hızlıca bulun. Büyük bir kütüphaneniz olduğunda kullanışlı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.
Klonla Mevcut bir widget'ı küçük değişikliklerle yeni bir sürüm olarak çoğaltın.
Örnek: Eğer bir “Welcome Discount” widget'ınız varsa ve 10%kullanabilirsiniz Düzenle bunu 15%olarak güncellemek için, baştan oluşturmaktansa.
Extend Widget
Seçtiğinizde Blank Widget, Extend Widget sayfası açılır. Burada widget’inizin temel ve gelişmiş seçeneklerini yapılandırırsınız.
Ad
Widget'inize açıklayıcı ve akılda kalıcı bir ad verin, örn. “Summer Sale Pop-up”.
Açıklama
Widget’in amacını kısa bir şekilde açıklayın, örn. “Sezonluk indirimleri etkileşimli bir pop-up ile tanıtır.”
Arka Plan Örtüsü Özelliği
Background Overlay size sağlar daha fazla görsel kontrol popupların sunumunu mevcut veya basit kullanım senaryolarını bozmadan yönetme imkanı. Gelişmiş görsel özelleştirme yaparken geriye dönük uyumluluğu korur ve temel popup uygulamalarını basit tutar.
Minimum SDK Sürümleri
Android SDK: 4.13.1
Swift SDK (iOS): 4.14.2
Background Overlay
The Background Overlay anahtarının varsayılan olarak açık olduğunu unutmayın.
Etkinleştirildiğinde:
Popup dışındaki tüm alanlar hafifçe tonlanmış gri bir örtü ile kaplanır.
Örtü uygulanır tam ekran.
Örtü şunu içerir: status bar alanı (ör. saat, pil ve operatör bilgileri gibi).
The Örtü Rengi seçeneği kullanılabilir hale gelir.
Örtü Rengi
Varsayılan olarak örtü rengi tonlanmış gri.
Renk seçici kullanarak özel bir renk seçebilirsiniz color picker.
Her iki HEX ve RGBA renk formatı desteklenir.
Seçilen renk uygulanır popup arkasındaki tam ekran örtü alanına.
Opaklık şu şekilde ayarlanabilir:
Renk seçici içinde doğrudan veya
ayrı bir opaklık kontrolü (kaydırıcı) aracılığıyla.
Arka Planı Temizle
İlgili Arka Planı Temizle anahtarı etkinleştirildiğinde:
Popup gösterilir şeffaf uygulama arka planı üzerinde.
Background Overlay otomatik olarak devre dışı bırakılır.
The Örtü Rengi seçeneği devre dışı bırakılır.
Background Overlay ile Elde Edecekleriniz
Altındaki uygulama içeriğinin görünür kalmasını istediğinizde popupları şeffaf arka plan üzerinde gösterin.
Popup dışındaki alanı karartın veya renklendirin kullanıcı dikkatini mesaja çekmek için.
Marka renkleriyle tutarlı bir örtü deneyimi oluşturun.
Tam ekran veya immersive sunumlar için kesintisiz bir modal deneyimsağlayın, status bar alanı dahil.
Widget Dışına Tıklayınca Kapanır
Bu seçenek etkinse, kullanıcıların sadece widget alanının dışına dokunması veya tıklaması kapanması için yeterlidir.
Özellik şu platformlarda çalışır: hem web hem mobil platformlarda.
Daha akıcı, daha doğal bir etkileşim sunar ve yaygın dijital davranış kalıplarıyla uyumludur.
Tür
Kampanyanız için en uygun widget türünü seçin:
Pop-up: Promosyonlar, teklif veya abonelikler için dikkat çekici overlay.
Yüzen Çubuk – Sayfanın üstünde/altında incelikli bir çubuk, kalıcı duyurular için ideal.
Tam Ekran: Maksimum etki için tüm ekranı kaplar.
Full-Screen widget'lar daha odaklanmış ve immersive bir deneyim sağlamak için tüm ekranı kaplar. SDK sürümünüzün minimum gereksinimleri karşıladığından emin olun.
Minimum SDK sürümleri:
Android: 4.12.1
Swift: 4.14.1
Kapatma Butonu Konumu
Kapatma (X) butonunu şu konumların herhangi birine yerleştirebilirsiniz:
Widget Sağ Üst Köşe (varsayılan)
Widget'in Sağ Üst Köşesinin Üstü
Özel Buton Konumu
Bu davranış hem web hem mobil platformlardaçalışır ve etkileşimleri marka ve UX akışınıza göre hizalamanıza olanak tanır.
Özel Buton Konumu
Eğer Özel Buton Konumuseçerseniz, ek kontroller görünecektir:
Sağ Konum: Butonun sağ kenardan yatay uzaklığını ayarlayın (0–100%).
Üst Konum: Butonun üst kenardan dikey uzaklığını ayarlayın (0–100%).
Bu esneklik, kapatma butonunu widget içinde istediğiniz yere yerleştirmenizi sağlar; önemli içerikle çakışmamasını ve düzeninize her zaman uymasını garanti eder.
Kapatma Butonu Rengi
Tasarımınıza uygun bir renk seçin. Örneğin görünürlük için kontrast renk veya tutarlılık için marka rengini kullanabilirsiniz.
Yerleşim
Widget'in kullanıcının ekranında nerede görüneceğini tanımlayabilirsiniz:
Üst
Merkez
Alt
Doğru hizalamayı onaylamak için widget'i hem desktop hem mobile görünümlerde önizleyin.
Örnek
Eğer bir Feedback Pop-up mobil kullanıcılar için oluşturuyorsanız, şunları yapabilirsiniz:
Widget'i yerleştirin ekranın altına başparmakla kolay erişim için.
Şunu ayarlayın kapatma butonunu şurada üst-sol, form alanlarınızdan öne çıkmasını sağlamak için.
Markanızın vurgulu rengini kapatma butonu için kullanın, böylece widget'in geri kalanıyla uyumlu olur.
✅ Bu seçeneklerle, widget'larınızın temel tasarımından kapatma butonu konumlandırması gibi ince detaylara kadar görünüm ve davranışı üzerinde tam kontrole sahip olursunuz. Konumlandırmadaki küçük değişiklikler büyük etki yaratabilir, özellikle kullanıcı konforu ve marka uyumu.
Last updated
Was this helpful?