Görsel Etiketleme (Image Marker) Modülü

Websitelerinizde interaktif görsel deneyimler yaratmak artık çok daha kolay! BulutPress'in yeni Görsel Etiketleme (Image Marker) modülü ile görsellerin üzerine tıklanabilir noktalar ekleyerek ziyaretçilerinize zengin bilgiler sunabilirsiniz.

Image Marker Original

Nedir Bu Görsel Etiketleme Modülü?

İKEA kataloglarında gördüğünüz gibi, bir mobilya fotoğrafının üzerinde animasyonlu noktalar var ve bu noktalara dokunduğunuzda ürün bilgileri, fiyatları çıkıyor. İşte tam olarak bunun aynısını websitelerinizde kullanabilirsiniz!

Bu modül ile:

  • Tek bir görsel üzerine istediğiniz kadar nokta ekleyebilirsiniz
  • Her nokta üzerine gelince veya dokunulunca bilgi kutusu (tooltip) açılır
  • Başlık, açıklama, fiyat bilgileri ve link ekleyebilirsiniz
  • Pulse animasyonu ile dikkat çekici görünüm sağlar

Nerelerde Kullanabilirsiniz?

E-ticaret Siteleri

  • Ürün fotoğrafları üzerinde farklı özellikleri etiketleyin
  • Fiyat bilgileri ve ürün linklerini gösterin
  • Mobilya, elektronik, giyim kategorilerinde ideal

Emlak Siteleri

  • Ev içi fotoğraflarında odaları ve özelliklerini etiketleyin
  • Her odanın metrekaresi, özelliklerini belirtin
  • Sanal tur deneyimi yaratın

Turizm ve Otel Siteleri

  • Tesis fotoğraflarında hizmetleri işaretleyin
  • Restoran, havuz, spa gibi alanları etiketleyin
  • Misafirlere kolayca bilgi verin

Endüstriyel Sunumlar

  • Makine ve ekipman fotoğraflarında parçaları gösterin
  • Teknik özellikler ve açıklamalar ekleyin
  • Ürün kataloğu hazırlayın

Harita ve Lokasyon

  • Şehir fotoğraflarında önemli noktaları işaretleyin
  • Kampüs, fabrika gibi geniş alanları etiketleyin
  • Ziyaretçi rehberi oluşturun

Modülün Ayarları

Görsel Ayarları

  • Ana Görsel: Üzerine etiket koyacağınız resmi seçin
  • Görsel Boyutları: Genişlik ve yükseklik piksel olarak ayarlanır
  • Boşluk Ayarları: Masaüstü ve mobilde farklı boşluklar

Tooltip (Bilgi Kutusu) Ayarları

  • Zemin Rengi: Bilgi kutusunun arka plan rengi
  • Yazı Rengi: Metin rengi
  • Kenarlık: Çerçeve stili ve rengi
  • Ovallik: Köşelerin yuvarlaklık derecesi
  • Gölge: Drop shadow efekti
  • Maksimum Genişlik: Bilgi kutusunun en fazla ne kadar genişleyeceği

Nokta (Marker) Ayarları

  • Nokta Boyutu: Tıklanabilir noktanın büyüklüğü
  • Nokta Rengi: Varsayılan nokta rengi
  • Pulse Boyutu: Animasyon dairesinin boyutu
  • Pulse Rengi: Animasyon rengi
  • Pulse Animasyonu: Açılıp kapatılabilir

Tipografi Ayarları

  • Başlık Rengi ve Boyutu: Tooltip başlığının görünümü
  • Açıklama Boyutu: Detay metninin boyutu
  • Fiyat Rengi ve Boyutu: Fiyat bilgisinin özel stilendirmesi

Her Nokta İçin Ayrı Ayarlar

  • Konum: Yukarıdan ve soldan yüzde olarak
  • Başlık: Kısa başlık metni
  • Açıklama: Detaylı bilgi
  • Fiyat: Fiyat bilgisi
  • Link: Tıklanınca gidilecek sayfa
  • Özel Renkler: Bu nokta için farklı renk seçimi

Kullanım Kolaylığı

Masaüstünde

  • Fare ile nokta üzerine gelince tooltip açılır
  • Bilgi kutusunun konumu akıllıca ayarlanır (kenarları aşmaz)
  • Link varsa tıklanabilir ikon görünür

Mobil Cihazlarda

  • Noktaya dokunulunca tooltip açılır
  • 3 saniye sonra otomatik kapanır
  • Küçük ekranlarda daha compact görünüm
  • Touch-friendly tıklama alanları

Her Zaman Açık Seçeneği

  • İsterseniz tüm tooltip'ler sürekli görünür kalabilir
  • Katalog tarzı kullanımlar için ideal

Neden Bu Modülü Kullanmalısınız?

✅ Daha Fazla Etkileşim: Ziyaretçiler görselinizle daha fazla etkileşime girer

✅ Bilgi Yoğunluğu: Tek görselde çok fazla bilgi verebilirsiniz

✅ Mobil Uyumlu: Tüm cihazlarda mükemmel çalışır

✅ SEO Dostu: Metinsel içerik arama motorları tarafından okunur

✅ Kolay Yönetim: Nokta ekleme/çıkarma çok basit

✅ Tamamen Özelleştirilebilir: Markanıza uygun renkler ve stiller

Sonuç

Görsel Etiketleme modülü, websitelerinizde modern ve interaktif deneyimler yaratmanızı sağlıyor. E-ticaretten turizme, emlaktan endüstriye kadar her sektörde kullanabileceğiniz bu modül ile rekabette bir adım önde olun.

BulutPress yönetim panelinizden "Modül Ekle" > "Görsel Etiketleme" seçeneği ile hemen denemeye başlayabilirsiniz. Görsellerin gücünü keşfedin ve ziyaretçilerinizi etkilemeye başlayın!

BulutPress ile web sitenizi bir üst seviyeye taşıyın. Daha fazla özellik ve güncellemeler için bizi takip etmeye devam edin.