Oluştur
Hızlı Adımlar Kılavuzu
Netmera Panel'inize gidin ve tıklayın:
Web Tools > Widget > Design Widget
Widget'inizi şuradan seçin Widget Gallery veya 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 şurada yapılandırın Extend Widget.
Elements içinde sürükle-bırak widget araçlarıyla widget'inizi özelleştirin. Elements.
Tanımlayın Click Actions düğmeleriniz 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ünü ile davranışını özelleştirirsiniz. Her seçenek, tanımlaması kolay, kampanya amacına uygun ve doğru kullanıcı deneyimini sağlayan bir widget oluşturmanıza yardımcı olur.
Widget Gallery
Bu Widget Gallery kampanyalarınız için başlangıç noktası olarak kullanabileceğiniz önceden tasarlanmış şablon koleksiyonunu sağlar. Bu şablonlar, ihtiyaçlarınıza göre özelleştirme esnekliği sunarken zaman ve emekten tasarruf etmenizi sağlar.
Your Widgets
İçinde Your Widgets bölümünde daha önce oluşturduğunuz widget'lara erişiminiz vardır. Bu bölüm şu seçeneklerle widget'ları verimli şekilde yönetmenizi ve sürdürmenizi sağlar:
Ara 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 düğmesinin 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üphanenizin düzenli kalmasına yardımcı olur.
Klonla Var olan bir widget'ı küçük değişikliklerle yeni bir sürüm oluşturmak için kopyalayın.
Örnek: Eğer “Welcome Discount” adlı bir widget'ınız varsa ve 10%, bunu güncellemek için Düzenle kullanabilirsiniz 15%, sıfırdan yeni bir tane oluşturmak yerine.
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.
İsim
Widget'inize açıklayıcı, akılda kalıcı bir isim verin, örn. “Summer Sale Pop-up”.
Açıklama
Widget'in amacına kısa bir açıklama ekleyin, örn. “Sezonluk indirimleri 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 durumlarını bozmadan popupların nasıl sunulduğu üzerinde daha fazla kontrol sağlar. Gelişmiş görsel özelleştirme imkanı sunarken 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
Bu Background Overlay açma/kapama varsayılan olarak etkinleştirilmiştir.
Etkinleştirildiğinde:
Popup dışındaki tüm alanlar hafif tonlu gri bir overlay ile kaplanır.
Overlay uygulanır tam ekran.
Overlay şunları içerir: status bar alanını (saat, pil ve operatör bilgileri gibi).
Bu Overlay Rengi seçeneği kullanılabilir hale gelir.
Overlay Rengi
Varsayılan olarak overlay rengi tonlanmış gri.
olarak ayarlanmıştır. Renk seçici kullanarak özel bir renk seçebilirsiniz.
Hem HEX ve RGBA renk formatları desteklenir.
Seçilen renk uygulanır popup arkasındaki tam ekran overlay alanına.
Opaklık şu şekilde ayarlanabilir:
Doğrudan renk seçicide veya
ayrıca bir opaklık kontrolü (slider) aracılığıyla.
Clear Background
Clear Background Clear Background açma/kapama etkinleştirildiğinde:
Popup şu şekilde gösterilir: şeffaf uygulama arkaplanı üzerinde.
Background Overlay otomatik olarak devre dışı bırakılır.
Bu Overlay Rengi seçeneği devre dışı bırakılır.
Background Overlay ile Neler Başarabilirsiniz
Popup'ları şeffaf bir arkaplan üzerinde gösterin, altında bulunan uygulama içeriğinin görünür kalmasını istediğinizde.
Popup dışındaki alanı karartın veya renklendirin kullanıcı dikkatini mesaja çekmek için.
Marka renkleriyle uyumlu bir overlay deneyimi oluşturun.
Sağlayın kesintisiz bir modal deneyim, status bar alanı dahil olmak üzere, tam ekran veya etkileyici sunumlar için.
Widget Dışına Tıklandığında Kapanır
Bu seçenek etkinleştirildiğinde, kullanıcıların yalnızca widget alanının dışına dokunması veya tıklaması kapatmak için yeterlidir.
Bu özellik hem web hem de mobil platformlarda.
çalışır.
Daha akıcı ve doğal bir etkileşim sağlar; yaygın dijital davranış kalıplarıyla uyumludur.
Tür
Kampanyanıza en uygun widget türünü seçin: Pop-up:
Promosyonlar, teklifler veya abonelikler için dikkat çekici bir overlay. Floating Bar
Full Screen Widget
Kapatma Butonunun Konumu
Kapat (X) butonunu şu pozisyonların herhangi birine yerleştirebilirsiniz: Widget Sağ-Üst Köşe
(varsayılan)
Widget'in Sağ Köşesinin Üstünde
Özel Buton Konumu Bu davranışhem web hem de mobil platformlarda
Widget'in Sağ Köşesinin Üstünde
çalışır; etkileşimleri marka ve UX akışınıza göre hizalamanıza olanak tanır. Widget'in Sağ Köşesinin ÜstündeEğer şunu seçerseniz
, ek kontroller görünecektir:Sağ Pozisyonu
: Butonun sağ kenardan yatay uzaklığını ayarlayın (0–100%).Üst Pozisyonu
: Butonun üst kenardan dikey uzaklığını ayarlayın (0–100%).
Bu esneklik, kapatma butonunu widget içinde istediğiniz yere yerleştirmenize olanak sağlar; böylece önemli içeriklerin üstüne çakışmaz ve düzeninizle her zaman uyumlu olur.
Kapatma Butonu Rengi
Tasarımınıza uygun bir renk seçin. Örneğin görünürlük için kontrast bir 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 belirleyebilirsiniz:
Üst
Ortada
Alt Widget'i hem masaüstü hem de mobil
görünümlerinde önizleyerek doğru hizalamayı doğrulayın.
Örnek Eğer bir Feedback Pop-up
mobil kullanıcılar için oluşturuyorsanız, şunları yapabilirsiniz: Widget'i ekranın altına
yerleştirin kolay başparmak erişimi için. Kapatma butonunusol üst
konumuna ayarlayın, böylece form alanlarınızdan ayrılarak öne çıkar. Markanızın accent color
kapatma butonu için kullanın; widget'in geri kalanıyla uyumlu olmasını sağlayın. ✅ Bu seçeneklerle, widget'larınızın temel tasarımından kapatma butonu konumu gibi ince ayrıntılara kadar nasıl göründüğü ve davrandığı üzerinde tam kontrole sahip olursunuz. Konumlandırmadaki küçük değişiklikler ve kullanıcı konforu ve marka uyumu üzerinde büyük bir etki yaratabilir..
Last updated
Was this helpful?