Oluştur
Hızlı Adımlar Kılavuzu
Netmera Panelinize gidin ve tıklayın:
Web Araçları > Widget > Tasarım Widget'ı
Widget'ınızı şuradan seçin Widget Galerisi veya Widget'larınız ve tasarımınızı düzenleyin.
Yeni bir özel widget oluşturmak istiyorsanız, seçin "Boş Widget", bir isim ekleyin ve widget'ınızı yapılandırın Widget'ı Genişlet.
Elementler bölümündeki sürükle ve bırak widget araçlarıyla widget'ınızı özelleştirin. Elementler.
Tanımlayın Tıklama Eylemleri butonlarınız veya görselleriniz için.
Üzerine tıklayın Widget'ı Kaydet & Geri Dön.
Tıkladığınızda Boş Widget, Widget'ı Genişlet sayfası açılır. Burada widget'ınızın temel ayarlarını yapılandırır ve görünümünü ile davranışını özelleştirirsiniz. Her seçenek, tanımlanması kolay, kampanya amacınıza uygun ve doğru kullanıcı deneyimini sunan bir widget oluşturmanıza yardımcı olur.
Widget Galerisi
Analytics & Journey Widget Galerisi size kampanyalarınız için başlangıç noktası olarak kullanabileceğiniz önceden tasarlanmış şablon koleksiyonu sunar. Bu şablonlar, ihtiyaçlarınıza göre özelleştirme esnekliği sağlarken zamandan ve emekten tasarruf etmenizi sağlar.
Widget'larınız
Bölümünde, Widget'larınız daha önce oluşturduğunuz widget'lara erişiminiz vardır. Bu bölüm, aşağıdaki seçeneklerle widget'ları verimli bir şekilde yönetmenize ve korumanıza olanak tanır:
Ara Anahtar kelimeler girerek belirli widget'ları hızlıca bulun. Geniş 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.
Kopyala Küçük değişikliklerle yeni bir sürüm oluşturmak için mevcut bir widget'ı çoğaltın.
Örnek: Eğer bir “Hoş Geldin İndirimi” widget'ınız varsa ve 10%, bunu Düzenle olarak güncellemek için kullanabilirsiniz, sıfırdan bir tane oluşturmak yerine. 15%, bunun yerine.
Widget'ı Genişlet
Seçtiğinizde Boş Widget, Widget'ı Genişlet sayfası açılır. Burada widget'ınızın temel ve gelişmiş seçeneklerini yapılandırırsınız.
İsim
Widget'ınıza açıklayıcı, akılda kalıcı bir isim verin, örneğin, “Yaz İndirimi Pop-up”.
Açıklama
Widget'ın amacını kısa bir açıklama ekleyin, örneğin “Etkileşimli bir pop-up ile mevsimsel indirimleri tanıtır.”
Arka Plan Örtüsü Özelliği
Arka Plan Örtüsü size daha iyi görsel kontrol vermek üzere tasarlanmıştır; mevcut veya basit kullanım durumlarını bozmadan. Gelişmiş görsel özelleştirmelere izin verirken geriye dönük uyumluluğu korur ve temel pop-up uygulamalarını basit tutar.
Arka Plan Örtüsü
Analytics & Journey Arka Plan Örtüsü düğmesi varsayılan olarak etkindir.
Etkinleştirildiğinde:
Pop-up dışındaki tüm alanlar hafif tonlu gri bir örtü ile kaplanır.
Örtü uygulanır tam ekran.
Örtü şunları içerir: durum çubuğu alanını (ör. saat, pil ve operatör bilgileri gibi).
Analytics & Journey Örtü Rengi seçeneği kullanılabilir hale gelir.
Örtü Rengi
Varsayılan olarak örtü rengi tonlu gri.
olarak ayarlanmıştır. Renk seçici kullanarak özel bir renk seçebilirsiniz.
Her iki HEX ve RGBA renk formatları desteklenir.
Seçilen renk şunun üzerine uygulanır: pop-up arkasındaki tam ekran örtü alanı.
Opaklık şu şekilde ayarlanabilir:
Renk seçicinin içinde doğrudan veya
ayrıca ayrı bir opaklık kontrolü (kaydırıcı) aracılığıyla.
Arka Planı Temizle
seçeneği etkinleştirildiğinde: Arka Planı Temizle düğmesi etkinleştirildiğinde:
Pop-up, şeffaf uygulama arka planı üzerinde gösterilir.
Arka Plan Örtüsü otomatik olarak devre dışı bırakılır.
Analytics & Journey Örtü Rengi seçeneği devre dışı bırakılır.
Arka Plan Örtüsü ile Elde Edebilecekleriniz
Pop-up'ları şeffaf bir arka planda altyapı uygulama içeriğinin görünür kalmasını istediğinizde görüntüleyin.
Pop-up dışındaki alanı karartın veya renklendirin mesaja kullanıcı dikkatini çekmek için.
Marka renkleriyle tutarlı olan.
bir örtü deneyimi oluşturun Durum çubuğu alanı dahil olmak üzere, tam ekran veya etkileyici sunumlar içinkesintisiz bir modal deneyim
Dışarı Tıklandığında Widget Kapanır
Bu seçenek etkinleştirildiğinde, kullanıcıların widget alanının dışına dokunması veya tıklaması yeterlidir kapatmak için.
Özellik hem web hem de mobil platformlarda.
çalışır.
Bu, yaygın dijital davranış kalıplarıyla uyumlu daha akıcı, daha doğal bir etkileşim sağlar.
Tür
Kampanyanıza en uygun widget türünü seçin: Pop-up:
Promosyonlar, teklifler veya abonelikler için dikkat çekici örtü. Yüzen Çubuk
– Sayfanın üstünde/altında ince bir çubuk, kalıcı duyurular için ideal.
Kapatma Butonu Konumu
Kapat (X) butonunu aşağıdaki pozisyonlardan herhangi birine yerleştirebilirsiniz: Widget Üst Sağ Köşe
(varsayılan)
Widget'ın Sağ Köşesinin Üstünde
Özel Buton Pozisyonu Bu davranış hemweb hem de mobil platformlarda
Widget'ın Sağ Köşesinin Üstünde
çalışır ve etkileşimleri marka ve UX akışınıza göre hizalamanıza olanak tanır. Widget'ın Sağ Köşesinin ÜstündeSeç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 tanır; önemli içerikle çakışmamasını ve tasarımınıza her zaman uymasını sağlar.
Kapatma Butonu Rengi
Tasarımınıza uyan bir renk seçin. Örneğin görünürlük için zıt bir renk veya tutarlılık için bir marka rengi kullanabilirsiniz.
Yerleşim
Widget'ın kullanıcının ekranında nerede görüneceğini tanımlayabilirsiniz:
Üst
Orta
Alt Widget'ı hem masaüstü hem de mobil
Anlatarak Örnek
görünümlerinde önizleyerek doğru hizalamayı doğrulayın. Eğer bir Geri Bildirim Pop-up'ı
mobil kullanıcılar için oluşturuyorsanız, şunları yapabilirsiniz: Widget'ı ekranın altına
başparmakla kolay erişim için yerleştirin. Kapatma butonunu sol üstkonumuna ayarlayın, form alanlarınızdan öne çıkmasını sağlayarak.
Markanızın vurgulama rengini kapatma butonu için kullanın, böylece widget'ın geri kalanıyla eşleşir.
✅ Bu seçeneklerle, widget'larınızın temel tasarımdan kapatma butonu yerleşimi gibi ince detaylara kadar nasıl göründüğü ve davrandığı üzerinde tam kontrol sahibisiniz. Konumlandırmadaki küçük değişiklikler kullanıcı konforu ve marka uyumu.
Last updated
Was this helpful?