Widget'ları Özelleştir

circle-exclamation
circle-exclamation

Feedback Button Widget'ını Nasıl Özelleştirirsiniz

Design Widget

Extend Widget bölümünü tamamladıktan sonra düzenleyip kaydetmek için önceden tasarlanmış bir şablon veya widget'larınızdan birini seçebilir ya da yeni bir şablon oluşturmak için boş bir şablon seçebilirsiniz.

View Settings/General Settings

Görünüm Ayarları

Widget'ınızı özelleştirmeye ilk başladığınızda Width, Border Radius, Background Color, Border Width ve Border Color değerlerine "View Settings" üzerinden karar verip widget'ınızın web sitenizde nasıl görüneceğine karar verebilirsiniz.

Bir Widget Öğesi Ekleme

Görünüm 1 - Widget
circle-exclamation

Ekranın sol tarafında Elements, widget'ınız için seçebileceğiniz seçenekleri gösterir. Widget'ınızı özelleştirmek için seçebileceğiniz on sekiz element bulunur.

Amacınıza uygun widget elementini seçtiğinizde, sürükle-bırak yöntemiyle elementinizi kolayca seçip widget'ınıza bırakabilirsiniz. Ayrıca + sign seçeneğine tıklayarak element ekleyebilir ve "Add to Left" "User Retention" "Add to Right"

Bir Öğeyi Ekle

Metin Özelleştirmeleri

Bir "Text" elementini widget'ınıza eklediğinizde sayfanın sağ tarafında göreceğiniz seçeneklerle bunu özelleştirebilirsiniz. O sayfa; bold, italics, underlined, font types, contrast, alignment, hyperlinks and more. Bu özellikleri kullanarak Netmera panelinizdeki tasarım, marka ve widget amacınıza uygun şekilde metninizi özelleştirebilirsiniz.

Metin Seçenekleri

Renk Ayarları

Bir element seçtiğinizde sayfanın sağ tarafında "Background Color" görünür. Butonlarınızın veya herhangi bir elementin arka plan rengini değiştirebilirsiniz.

Background Color kutusuna tıkladığınızda bir renk paleti görünecektir. B box aşağıda black rengini temsil ederken, W box rengi temsil eder white. Özel bir renk kodunuz varsa, altındaki metin kutusuna bunu girerek marka renklerinizi yansıtan widget'lar oluşturabilirsiniz. Renk paleti kutusunun yanında, elementleriniz için gradyan arka plan oluşturabileceğiniz Gradyan color option

Renk Ayarları

Daha Fazla Görsel Ayar

seçeneğini görebilirsiniz. Tüm elementleriniz için sayfanın sağ köşesindeki özelleştirme kutusu tasarımınız için kullanılabilir olacaktır. Genel özelleştirmelerin dışında, tasarımınızda daha ileri ayarlamalar gerekirse bu tasarım aracını "Spacing, Border, Text, Corners, Shadow, Display, Position, and Effects"

Öğeler

seçenekleriyle kullanabilirsiniz.

Widget'ınızı özelleştirirken, Netmera'nın sürükle-bırak dashboard'u ile web sitesi ziyaretçilerinize çekici ve etkileşimli bir deneyim sunmak için geniş bir element yelpazeniz vardır. Bu elementler dikkat çekmenizi, değerli veri toplamanızı ve kullanıcı katılımını teşvik etmenizi sağlar.

circle-info

İpucu:

Netmera Widget Dashboard'u kullanarak widget'ınıza dahil edebileceğiniz on sekiz element aşağıdadır;Netmera Panel'de desteklenen tüm elementleri özelleştirebilirsiniz. Widget'ınıza element ekleyip çıkarabilir, kullanıcılarınız için çekici ve kullanışlı hâle getirebilirsiniz. Ekranınızın sağ köşesindeki araç çubuğunu kullanarak tüm widget'larınızı özelleştirebilirsiniz; burada "box, spacing, borderSettings" ve daha fazlasını görürsünüz. Farklı elementler için özel özelleştirmeler gerektiğinde, elementi widget'ınıza ekledikten sonra elementlerin sağ köşesinde "

Metin

" butonunu göreceksiniz.

Bir "Text" elementini widget'ınıza eklediğinizde sayfanın sağ tarafında göreceğiniz seçeneklerle bunu özelleştirebilirsiniz. O sayfa; bold, italics, underlined, font types, contrast, alignment, hyperlinks and more. Bu özellikleri kullanarak Netmera panelinizdeki tasarım, marka ve widget amacınıza uygun şekilde metninizi özelleştirebilirsiniz.

Metin

Görsel'i

Text elementi, widget'ınıza özelleştirilmiş metin eklemenizi sağlar. Yazı tipi, boyut, renk ve kalın veya italik gibi biçimlendirme seçeneklerini belirleyebilirsiniz. Ayrıca metni sola, ortaya veya sağa hizalayabilirsiniz. Bu element, mesajlar, talimatlar, açıklamalar veya kullanıcılarınıza iletmek istediğiniz herhangi bir metin içeriğini görüntülemek için kullanışlıdır. Metninizi daha çekici hâle getirmek için metne görsel de ekleyebilirsiniz.

Image element ile widget'ınız içinde görsel yükleyip gösterebilirsiniz. Görsellerin eklenmesi, widget'larınızı kullanıcılar için daha çekici kılar ve daha iyi dönüşüm oranlarıyla sonuçlanabilir. Bir image element eklediğinizde görsel üzerinde 3 seçenek belirir. Siz, "choose an image", veya "edit""add click actions" . Ayrıca, ekranın sağ tarafındaki araç çubuğunu kullanarak görselinizi align

Görsel'i

Girdi

edebilirsiniz.

Input elementi, widget'ınıza metin girişi alanları eklemenizi sağlar; böylece kullanıcılar bilgilerini girebilir. Metin, email veya password gibi input türünü belirleyebilir ve girilen verinin belirli kriterleri karşılamasını sağlamak için doğrulama kuralları ekleyebilirsiniz. Özelleştirme seçenekleri arasında input alanının width, height, font, color ve placeholder metni ayarlamak bulunur.ÖzniteliklerWidget'ınıza bir Input elementi ekleyebilirsiniz. Input kutusundaki yazılı içeriği değiştirmek isterseniz, aşağıdaki görselde gösterildiği gibi " " seçeneğini tıklayıp Placeholder'ın yanına kendi kullanıcılarınıza gösterilecek metni yazabilirsiniz. Placeholder,

Girdi

Buton'u

kullanıcılara gösterilecek metni yazın.DüzenleButonlar, widget içinde eylem tetiklemek için gereklidir. Butonun görünümünü " " seçeneğini seçerek özelleştirebilir vecolor, size, and shape

Buton Düzenleyici

gibi özellikleri ayarlayabilirsiniz. Ayrıca butona metin veya ikon ekleyebilir ve form gönderme, başka bir sayfaya yönlendirme veya belirli bir event başlatma gibi butonun gerçekleştireceği eylemi tanımlayabilirsiniz.DüzenleAyrıca, "Şablonlar" seçeneğine tıkladığınızda "

Buton Şablonları

Radyo Butonu

" görünecek ve geniş bir seçenek yelpazesinden widget'ınız için bir buton seçebilirsiniz.

Radio button elementi, kullanıcılara yalnızca bir seçim yapabilecekleri bir seçenek seti sunmanızı sağlar. Radyo butonlarının boyutu, rengi ve seçenekler arasındaki boşluk gibi görünümünü özelleştirebilirsiniz. Her seçeneğe açıklama sağlamak için bir etiket eklenebilir.

Radyo Butonu

Buton Grubu

Sayfanın sağ üst köşesindeki identifier kodunu kullanarak butonlarınız için Click Action koşullarını düzenleyebilirsiniz. Örneğin, radyo butonlarınızın altına bir buton ekleyebilir ve butona click action eklerken o radyo butonunun identifier'ını koşul olarak seçebilirsiniz. Button group elementi ilemultiple buttons together

olarak birden fazla butonu birlikte gösterebilir ve kullanıcılara seçim şansı sunabilirsiniz. Buton grubunun düzeni ve stili üzerinde, butonlar arasındaki boşluk ve genel tasarım dahil olmak üzere kontrol sizdedir. Kullanıcılar gruptan tek bir seçenek seçebilir; bu, yalnızca bir seçeneğin kabul edildiği durumlar için uygundur.DüzenleButonlar, widget içinde eylem tetiklemek için gereklidir. Butonun görünümünü " " seçeneğini seçerek özelleştirebilir veButonun görünümünü "

Buton Grubu

" seçeneğini seçerek özelleştirebilirsiniz. Ayrıca butona metin veya ikon ekleyebilir ve form gönderme, başka bir sayfaya yönlendirme veya belirli bir event başlatma gibi tıklama eylemini tanımlayabilirsiniz.

Text area

Input elementi, widget'ınıza metin girişi alanları eklemenizi sağlar; böylece kullanıcılar bilgilerini girebilir. Metin, email veya password gibi input türünü belirleyebilir ve girilen verinin belirli kriterleri karşılamasını sağlamak için doğrulama kuralları ekleyebilirsiniz. Özelleştirme seçenekleri arasında input alanının width, height, font, color ve placeholder metni ayarlamak bulunur.ÖzniteliklerWidget'ınıza bir Input elementi ekleyebilirsiniz. Input kutusundaki yazılı içeriği değiştirmek isterseniz, aşağıdaki görselde gösterildiği gibi " " seçeneğini tıklayıp Placeholder'ın yanına kendi kullanıcılarınıza gösterilecek metni yazabilirsiniz. Placeholder,

Metin Alanı

Onay Kutusu

Text area elementi, normal bir input alanına kıyasla kullanıcılara daha geniş bir metin girişi alanı sağlar. Kullanıcıların daha uzun yanıtlar, yorumlar veya geri bildirimler beklediğiniz durumlarda kullanışlıdır. Text area için boyut, font, renk ve diğer stil seçeneklerini özelleştirerek kullanıcıların rahatça metin girmesini sağlayabilirsiniz. Checkbox elementleri, kullanıcılara select one or more options

seçenek listesinden bir veya daha fazla seçenek seçme imkânı tanır. Onay kutularının düzenini ve görünümünü, boyut, renk ve seçenekler arasındaki boşluk dahil olmak üzere tanımlayabilirsiniz. Kullanıcılar seçimlerini göstermek için kutuları işaretleyip kaldırabilir; çoklu seçim yapılabilen senaryolar için uygundur. Click Action Radio Button'a benzer şekilde, sayfanın sağ üst köşesindeki identifier kodunu kullanarak checkbox yanıtlarınızı

Onay Kutusu

Seçim kutusu

conditions

içine dahil edebilirsiniz. Select box elementi, dropdown menü olarak da bilinir; kullanıcılara tek bir seçim yapabilecekleri bir seçenek listesi sunar. Select box'ın görünümünü, dropdown okunun boyutu, rengi ve stili dahil olmak üzere özelleştirebilirsiniz. Her seçeneğe bir etiket ve karşılık gelen bir value atayabilirsiniz; bu, çeşitli seçim senaryoları için esneklik sağlar. Dropdown menünüzün yazılı içeriğini özelleştirmek için design widget menüsünde " "Options" Success Rate seçeneğine tıklayın ve veri takibi için kullanacağınız Names

Seçim kutusu

GIF

Values

alanlarını doldurun.GIF elementi ile widget'ınıza animasyonlu GIF'ler ekleyerek görsel ilgi katabilir ve kullanıcıların dikkatini çekebilirsiniz. Özelleştirme seçenekleri arasında arka plan, spacing, GIF'in konumu vb. ayarları yer alır; böylece GIF widget'ınıza sorunsuzca uyum sağlar.GIF elementinize GIF eklemek için "SettingsGIF Module

GIF

Video

"e tıklayın ve "

" seçeneğini seçin. Ardından GIF URL'inizi ekleyip OK'e tıklayın.Video elementi, videoları doğrudan widget'ınıza yerleştirmenizi sağlar; böylece kullanıcılar multimedya içeriğini izleyip etkileşim kurabilir. Video dosyası yükleyebilir veya YouTube ya da Vimeo gibi popüler barındırma platformlarından embed edebilirsiniz. Özelleştirme seçenekleri arasında video boyutu, en-boy oranı, autoplay ayarları ve oynatma kontrolü bulunur.GIF elementinize GIF eklemek için "SettingsVideo eklemek için video elementini sürükleyip bıraktıktan sonra "

Değerlendirme

Video Module

Değerlendirme

Puan Değerlendirmesi

"e tıklayın. Ardından Video URL'inizi ekleyip OK'e tıklayın.

Rating elementi, kullanıcıların belirtilen bir ölçeğe göre sayısal puan veya geri bildirim vermesine olanak tanır. Puan yıldız sayısını, görünümünü ve ölçek aralığını özelleştirebilirsiniz. Bu element genellikle ürünler, hizmetler veya kullanıcı deneyimleri hakkında geri bildirim toplamak için kullanılır. Score rating elementi rating elementine benzerdir; ancak kullanıcıların yıldız yerine sayısal bir ölçek üzerinde puan veya skor vermesine imkân tanır. Ölçek aralığını tanımlayabilir, değerlendirme göstergelerinin görünümünü özelleştirebilir ve minimum ile maksimum skorlarla ilişkili geribildirim metinlerini veya etiketleri belirleyebilirsiniz. Score rating elementini özelleştirmek için elementi widget'ınıza ekledikten sonra "Score Rating"e tıklayın ve widget içinde "Settings"e tıklayın. Ardından elementinizi ihtiyaçlarınıza göre özelleştirebilirsiniz. Bir

(kod görünür hale gelir).

title, description, liked text, disliked text, button text,

(kod görünür hale gelir).

yakalamak için idealdir.

ve daha fazlasını girebilirsiniz. Score rating elementini nasıl dolduracağınıza dair bir örnek aşağıda verilmiştir;

Resmi değerlendirme ölçeklerine kıyasla daha

Slider feedback elementi, kullanıcıların tanımlanmış bir aralık boyunca bir slider sürükleyerek sürekli bir ölçekte geri bildirim veya giriş sağlamasına olanak verir. Slider görünümünü özelleştirebilirsiniz. Bu element, öznel görüşleri, tercihleri veya duygu analizini yakalamak için idealdir. Ekranın sağ tarafındaki araç çubuğunda Text, Box, Spacing ve daha fazlasını düzenleyebilirsiniz. Emoji feedback elementi, kullanıcıların bir dizi emoji veya emoticon kullanarak duygularını veya görüşlerini ifade etmelerini sağlar. Kullanıcılar duygularını veya geri bildirimlerini en iyi temsil eden emojiyi seçebilirler. Emoji feedback'i feedback widget'ınıza ekleyerek score rating veya rating butonuna göre daha samimi ve gayri resmi bir deneyim sunabilirsiniz; bu, daha resmi işletmeler için daha uygun olmayabilir.Story elementi, widget'ınız içinde anlatılar, eğitimler veya etkileşimli içerikler sunmak için çoklu ortam açısından zengin bir format sağlar. Bu element

Resmi değerlendirme ölçeklerine kıyasla daha

thumbnails, videos and images

destekler; ayrıca etkileşimli bir hikaye deneyimi oluşturmak için diğer elementleri de ekleyebilirsiniz. Kullanıcıları içerik boyunca yönlendirmek için story içindeki düzeni özelleştirebilirsiniz.

Soru&Cevap

Story modülünü oluşturmak için bir story başlığı ekleyin, ikon ve story url'si girin. Ardından hikaye akışınıza daha fazla URL eklemeye devam ederek etkileyici bir hikaye deneyimi oluşturabilirsiniz.

Soru&Cevap

Last updated

Was this helpful?