WordPress'te Etkin Nokta Görüntüleri Nasıl Oluşturulur ve Kullanılır (5 Kolay Adım)

Tek bir görüntü, karmaşık bir fikri açıklamaya yardımcı olabilir ve bu, bir açıklamadan daha etkilidir. Çünkü daha fazla ayrıntı için görüntüyü yakınlaştırabilir ve keşfedebilirsiniz. Ancak görüntüyü canlandırmak için tıklanabilir hale getirmeniz gerekir. Bunun için sıcak nokta görüntüleri kullanmanız gerekir.

Görüntüler aracılığıyla aktarılan bilgilerin daha kolay anlaşılıp akılda kaldığı bilinen bir gerçektir.

Görüntü etkin noktalarının amacı, kullanıcılara iletmeye çalıştığınız bilgileri anlamalarına yardımcı olacak etkileşimli görüntüler sağlamaktır. Sıcak Noktalar, görüntüde tıklandığında bir pencere açan alanların noktalarıdır. Bu açılır pencere araç ipuçları, metin, videolar veya bir URL bağlantısı içerebilir. İşte bir örnek,

Bisiklet parçaları hakkında bilgi almak için sivri bölgelere tıklayarak hangi parçanın ne olduğunu öğrenebilirsiniz. Açıklamaları okumanıza gerek yok.

Ancak, bir etkin nokta görüntüsü oluşturmak karmaşık bir iştir. WordPress siteniz yoksa. Daha sonra HappyAddons kullanarak sıcak noktalar içeren bir görüntü oluşturabilirsiniz.

HappyAddons, nihai Elementor Eklentisidir. 100.000'den fazla aktif kurulumla, şu anda sektördeki popüler Elementor Eklentilerinden biridir. Şu anda 16 benzersiz özelliğin yanı sıra 88 profesyonel ve ücretsiz widget'a sahiptir. Profesyonel widget'lar arasında Happy Addons, yukarıdaki gibi etkileşimli bir görüntü oluşturmak için kullanabileceğiniz bir Hot Spot Widget'ı sunar.

Bu nedenle, bugünün gönderisinde, sıcak noktalarla nasıl duyarlı hale getireceğinizi ve bu görüntüleri nasıl kullanabileceğinize dair bazı ilham kaynaklarını göstereceğiz.

Happy Addons Kullanarak WordPress için Sıcak Nokta Görüntüleri Nasıl Oluşturulur

Bir görüntüye sıcak noktalar eklemek, kullanıcılarla etkileşim kurmanın eğlenceli bir yolu ve aynı zamanda onların dikkatini çekmenin harika bir yoludur. Onları içeriğinizle etkileşime girmeye teşvik eder.

Bunu akılda tutarak, HappyAddons etkin nokta widget'ı ile beş adımda mükemmel etkin nokta görüntüsünü nasıl oluşturabileceğinizi göstereceğiz.

Adım 1: Bölümde Widget & Drop'u seçin

İlk önce Elementor düzenleyicinizi açın ve sol kenar çubuğundan etkin nokta widget'ını seçin. Ardından düzenleme bölümüne sürükleyip bırakın.

2. Adım: Eklemek İstediğiniz Resmi Seçin

Şimdi bir resim eklemeniz gerekiyor. İşaretli alana tıklayın ve resmi seçin. Mevcut bir resmi seçebilir veya yeni resimler yükleyebilirsiniz.

3. Adım: Görüntüye Sıcak Noktalar Ekleyin

Resmi ekledikten sonra resimde bir nokta göreceksiniz. Şimdi, ' Spot ' seçeneğini arayın. Spot seçeneğine tıkladığınızda istediğiniz kadar nokta ekleyebilirsiniz.

Resminizin önemli kısmını işaretlememek için istediğiniz sayıda nokta kullanabilmenizin nedeni.

Ayrıca, noktaları ayrı ayrı özelleştirebilirsiniz. Metin, simgeler ve ayrıca resimler eklemek için seçenekler bulacaksınız. Ancak bu karar tamamen arka plan resminize bağlıdır.

Metin eklemeyi seçerseniz, yerinde bir genel metin ekleyebilirsiniz. Metniniz mavi bir açılır pencerede görünecektir.

' Araç İpucu ' seçeneğine tıklayın. Ve göstermek istediğiniz metni buraya ekleyebilirsiniz. Diğer tüm etkin noktalara metin eklemek için aynı işlemi uygulamanız gerekir.

4. Adım: Sıcak Noktaları Stilize Edin

Daha önce de söylediğimiz gibi, sıcak noktaları ayrı ayrı özelleştirebilirsiniz. Tüm özelleştirme seçeneklerini ' Stil ' seçeneğinde bulacaksınız.

Burada, sıcak noktanın çeşitli öğelerini aşağıdaki gibi düzenleyebilirsiniz:

• Genişlik
• Yükseklik
• Dolgu malzemesi
• Sınır
• Renk
• Metin rengi
• Ve araç ipucu arka plan rengi.

Bu seçenekleri tasarımınıza veya düzeninize göre ayarlayabilir, istediğiniz sonucu elde edebilirsiniz.

İsterseniz araç ipucunu özelleştirebilirsiniz. Araç ipucu seçeneğine tıklayın ve düzeninize göre doğru kombinasyonu bulana kadar ayarlayın.

Adım 5: Daha Fazla Efekt Eklemek için Gelişmiş Bölümü kullanın

Hareket efektleri, Mutlu Efektler, arka plan eklemek veya sayfayı duyarlı hale getirmek istiyorsanız, bu seçenekleri keşfetmek için ' Gelişmiş ' seçeneğine tıklayın. ' Gelişmiş ', Elementor'un varsayılan bir özelliğidir. Gelişmiş özellikler ve kullanımları hakkında daha fazla bilgi edinmek için bu Belgeyi okuyun.

Bu kadar.

Not : Bir görüntü haritasına eklenebilecek etkin noktaların sayısında bir sınırlama yoktur.

Ayrıca Elementor Duyarlı Modunu kullanarak görüntünün tüm platformlarda mükemmel şekilde hizalanıp hizalanmadığını kolayca belirleyebilirsiniz.

Etkin Nokta Görüntüleri: Kullanım Örnekleri ve Önemi

“Bir resim bin kelimeye bedeldir” iyi bilinen bir İngilizce deyimdir. Ancak bu, her şeyi tek bir görselle anlatabileceğiniz anlamına gelmez. Sıcak nokta görüntülerinin fark yarattığı yer burasıdır. Çünkü bu özellik, resimlerinize ek bağlam sağlar. Ayrıca, görüntüleri kullanıcı dostu ve etkileşimli hale getirir.

Resmi yazılarla birleştirdiğinizde harika tepkiler alacaksınız. Burada, görüntü etkin noktasının kullanışlı olacağı bazı örnekler verilmiştir.

Ürün Pazarlama

2021'de 12 ila 24 milyon çevrimiçi mağaza var.

dijital ortam

Bu bariz bir seçimdir. Dünya çapında milyonlarca çevrimiçi mağaza var. Peki, kullanıcılar neden mağazanızı seçsin? Diğer mağazalardan farklı olarak ne yapıyorsunuz? – Ürün görsellerinde Hot Spot.

Diğerlerinden sıyrılmak için ürün görsellerinde sıcak noktalar kullanmak harika bir fikir. Ürünle ilgili ekstra bilgileri ortaya çıkaracaktır. Ancak asıl çekiciliği, müşterilerin sadece ürün resmine tıklayarak ürününüzün konseptini kavrayabilmeleridir.

Ayrıca, benzersiz noktaları metinde anlatmak yerine kolayca ortaya çıkarabilirsiniz. Çünkü kullanıcının açıklamayı gözden kaçırma olasılığı vardır.

bilgi grafikleri

İnfografikler, kullanıcılarınıza bilgi aktarmanın harika bir yoludur. Birçok infografikte öğreticiler, istatistikler, kılavuzlar vb. olduğunu göreceksiniz. Diğer bir deyişle, infografikler çok etkileşimlidir.

Ancak, bu infografiklere sıcak nokta özelliğini uygulayabilirseniz, daha duyarlı hale gelecektir. İnfografik tasarımını değiştirmeden ekstra bilgi ekleyebilirsiniz.

Öğrenme

Görüntü etkin noktaları, sınıfta etkileşimli görüntüleri göstermenin harika bir yoludur. İşte bazı örnekler,

Biyoloji

İnsan vücudu hakkında bilgi edinmenin en iyi yolunun resimlerden geçtiğini söylememize gerek yok. Ve görüntü etkin noktaları ile doğru noktaları işaretleyerek tüm vücut parçası adlarını ekleyebilirsiniz. İşte kısa bir örnek,

Coğrafya

Peki, öğrencilere hangi dersi daha sıkıcı ve zor bulduklarını sorarsanız listeyi Coğrafya yapacaktır. Çünkü okuyarak herhangi bir ülke ve kıtanın adını hatırlamak zordur. Peki, onları haritada göstermeye ne dersiniz? Evet, etkin nokta ile ülkeyi haritada işaretleyebilirsiniz. Bu şekilde öğrenciler tüm ülkeleri kolayca hatırlayacaktır.

Tarih

Sıcak nokta özelliğini tarih derslerinde kullanmak alışılmadık bir durum. Ancak kullanılabilir. Ünlülerin dahil olduğu tarihi bir olayı açıklarken, etkin noktayı kimin kullandığını işaretleyebilirsiniz. Bu sayede öğrenciler ünlü efsaneleri kolayca tanıyacak ve ayrıca herhangi bir tarihi olayı hatırlayacaktır.

Sıcak Nokta Görüntüleriyle İlgili SSS(ler)

Sıcak Nokta Etkileşimli Görüntülerle Daha Fazla Dönüşüm Sağlayın

Bir web sitesi tasarlarken, her zaman daha fazla kullanıcı çekmenin ve onlarla etkileşim kurmanın yollarını aramalısınız. Sıcak Nokta görüntüleri uygun bir seçenek olabilir. Resimlerinizi daha etkileşimli ve ilgi çekici hale getirebilirsiniz. Ancak dahası, web sitenize ve içeriğine değer katacaktır.

Ve HappyAddons Hot Spot Widget ile görüntü etkin noktaları oluşturmanın çok kolay olduğunu makalemizden görebilirsiniz. Elementor'un duyarlı modu ile görüntünün tüm platformlarda nasıl görüneceğini kolayca kontrol edebilirsiniz.

Herhangi bir sorunuz varsa bize ulaşmayı unutmayın.