Oluştur

circle-info

Hızlı Adımlar Kılavuzu

Netmera Panelinize gidin ve şuna tıklayın:

Mobile Widget > Mobile Widget Tasarımı

  1. Widget’ınızı şuradan seçin: Widget’larınız ve tasarımınızı düzenleyin.

  2. Yeni bir özel widget oluşturmak istiyorsanız, şunu seçin: "Blank Widget"ve bir ad ekleyerek widget’ınızı "Extend Widget" içinde yapılandırın.

  3. Sürükle-bırak widget araçlarını kullanarak widget’ınızı özelleştirin: Öğeler.

  4. Tanımlayın Tıklama Eylemleri butonlarınız veya görselleriniz için.

  5. Şuna tıklayın Widget’ı Kaydet ve Geri Dön.

Tıkladığınızda Blank Widget, Extend Widget sayfası açılır. Burası, widget’ınızın temel ayarlarını yapılandırdığınız ve görünümünü ile davranışını özelleştirdiğiniz yerdir. Her seçenek, kolayca tanımlanabilen, kampanya amacınıza uygun ve doğru kullanıcı deneyimini sunan bir widget oluşturmanıza yardımcı olur.

Widget Galerisi

Bu Widget Galerisi kampanyalarınız için başlangıç noktası olarak kullanabileceğiniz önceden tasarlanmış şablonlardan oluşan bir koleksiyon sunar. Bu şablonlar, ihtiyaçlarınıza göre özelleştirme esnekliği sağlarken size zaman ve emek kazandırır.

Widget Galerisi

Widget’larınız

İçinde Widget’larınız 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 bir şekilde yönetmenizi ve sürdürmenizi sağlar:

  • Ara Anahtar kelimeler girerek belirli widget’ları hızlıca bulun. Geniş 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 oluşturmak için çoğaltın.

Örnek: Eğer "Welcome Discount" widget’ınız 10%sunuyorsa, Düzenle bunu güncellemek için 15%kullanabilirsiniz; sıfırdan oluşturmak yerine.

Widget Galerisi

Extend Widget

şunu seçtiğinizde Blank Widget, Extend Widget sayfası açılır. Burada widget’ınızın temel ve gelişmiş seçeneklerini yapılandırırsınız.

Ad

Widget’ınıza açıklayıcı, akılda kalıcı bir ad verin, örn. “Summer Sale Pop-up”.

Açıklama

Widget’ın amacını kısa bir açıklamayla belirtin, örn. “Etkileşimli bir açılır pencere ile sezonluk indirimleri tanıtır.”

Arka Plan Kaplama Özelliği

Arka Plan Kaplama, size daha fazla görsel kontrol sunmak için tasarlanmıştır; bunu yaparken mevcut veya basit kullanım senaryolarını bozmaz. Geriye dönük uyumluluğu korurken ve temel açılır pencere uygulamalarını basit tutarken daha gelişmiş görsel özelleştirmeyi mümkün kılar.

circle-info

Minimum SDK Sürümleri

  • Android SDK: 4.13.1

  • Swift SDK (iOS): 4.14.2

Background Overlay

Bu Background Overlay anahtarı varsayılan olarak etkindir.

Etkinleştirildiğinde:

  • Açılır pencerenin dışındaki tüm alanlar tonlu gri bir kaplama ile örtülür.

  • Kaplama tam ekran.

  • Kaplama, durum çubuğu alanını (saat, pil ve operatör bilgileri gibi) içerir.

  • Bu Overlay Color seçerseniz, seçenek kullanılabilir hale gelir.

Overlay Color

  • Varsayılan olarak, kaplama rengi tonlu gri.

  • olarak ayarlanır. Özel bir renk seçmek için renk seçici.

  • Hem HEX ve RGBA renk formatları desteklenir.

  • Seçilen renk, açılır pencerenin arkasındaki tam ekran kaplama alanına.

  • Opaklık şu şekillerde ayarlanabilir:

    • Doğrudan renk seçici içinde veya

    • Ayrı bir opaklık kontrolü (kaydırıcı) üzerinden.

Arka Planı Temizle

şu Arka Planı Temizle anahtar etkinleştirildiğinde:

  • Açılır pencere, şeffaf bir uygulama arka planı.

  • üzerinde gösterilir. Arka Plan Kaplama otomatik olarak devre dışı bırakılır.

  • Bu Overlay Color seçeneği devre dışı kalır.

circle-check

Arka Plan Kaplama ile Neler Başarabilirsiniz

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

Bu seçenek etkinleştirildiğinde, kullanıcıların kapatmak için yalnızca widget alanının dışına dokunması veya tıklaması yeterlidir.

  • Özellik hem web hem mobil platformlarda.

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

Tür

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

  • Açılır Pencere: Promosyonlar, teklifler veya abonelikler için dikkat çekici kaplama.

  • Yüzen Çubuk – Sayfanın üstünde/altında yer alan ince çubuk; kalıcı duyurular için idealdir.

  • Tam Ekran: Maksimum etki için tüm ekranı kaplar.

circle-info

Tam Ekran widget’ları, daha odaklı ve sürükleyici bir deneyim sunmak 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

Full Screen Widget
Tam Ekran Widget

Kapatma Butonu Konumu

Kapatma (X) butonunu bu konumlardan herhangi birine yerleştirebilirsiniz:

  • Widget’ın Sağ Üst Köşesi (varsayılan)

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

  • Özel Buton Konumu

Bu davranış hem web hem mobil platformlardaçalışır; etkileşimleri markalaşma ve UX akışınızla uyumlu hale getirmenizi sağlar.

Özel Buton Konumu

Eğer Özel Buton Konumuek 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’ın içine istediğiniz yere yerleştirmenize olanak tanır; böylece önemli içeriklerin üstünü kapatmaz ve her zaman yerleşiminizle uyumlu olur.

Kapatma Butonu Rengi

Tasarımınızla uyumlu bir renk seçin. Örneğin, görünürlük için kontrast bir renk ya da tutarlılık için marka renginizi kullanabilirsiniz.

Konumlandırma

Widget’ın kullanıcının ekranında nerede görüneceğini belirleyebilirsiniz:

  • Üst

  • Orta

  • Alt

Widget’ı hem masaüstü hem mobil görünümlerde önizleyerek doğru hizalamayı doğrulayın.

Örnek

Eğer bir Geri Bildirim Açılır Penceresi oluşturuyorsanız, mobil kullanıcılar için şunları yapabilirsiniz:

  • Widget’ı ekranın altına yerleştirerek başparmakla kolay erişim sağlayın.

  • Şunu ayarlayın: kapatma butonunu şu konuma: sol üst; böylece form alanlarınızdan ayrışır.

  • Markanızın vurgu rengini kapatma butonu için kullanın; böylece widget’ın geri kalanıyla uyumlu olur.

✅ Bu seçeneklerle, temel tasarımdan kapatma butonunun konumu gibi ince detaylara kadar widget’larınızın nasıl görünüp davranacağı üzerinde tam kontrole sahip olursunuz. Konumlandırmadaki küçük değişiklikler üzerinde büyük bir etki yaratabilir kullanıcı konforu ve marka uyumu.

Last updated

Was this helpful?