Etkileşimli görüntüler nasıl oluşturulur: WP Draw Dikkat incelemesi

Kullanıcı deneyimini iyileştirmek ve dönüşümleri artırmak istiyor musunuz? Başka yerde arama! Etkileşimli görseller, izleyicilerinizi cezbetmek ve sitenizi öne çıkarmak için mükemmel bir araçtır. Bu gönderide size etkileşimli görüntüleri nasıl oluşturabileceğinizi göstereceğiz.

Etkileşimli resimler, içeriğinize netlik ve bağlam sağlayarak bilgileri çekici ve ilgi çekici bir şekilde göstermenize olanak tanır. Günümüzde kullanıcılar, her bölümün arkasında ne olduğunu keşfedebilecekleri ve farklı etkileşim alanlarını keşfedebilecekleri için eğlenceli bir deneyim sağladığı için etkileşimli görüntülerin üzerine gelip tıklama eğilimindedir.

Bu tür görseller, özellikle sıralanacak çok miktarda içeriğiniz olduğunda, hedef kitlenizin dikkatini vurgulamak istediğiniz belirli bir fikre veya önemli bilgilere odaklamanın etkili bir yoludur.

WP Draw Dikkat ile Etkileşimli Görüntüler Oluşturma

Haritalar, şemalar, fotoğraflar veya başka türde bir görüntü oluşturmak istiyorsanız, Draw Attention eklentisi mükemmel çözümdür. Herhangi bir görüntünün biçimini değiştirmeden tıklanabilir bölümler çizmenize ve etkileşim davranışını, rengini ve görüntü ayrıntılarını özelleştirmenize olanak tanıyan kullanıcı dostu bir araçtır. Ek olarak, Gutenberg bloklarını destekleyerek gönderilerinizde, sayfalarınızda ve ürünlerinizde etkileşimli görseller göstermeyi kolaylaştırır.

Draw Dikkat Eklentisi ile etkileşimli görüntüler oluşturmak çocuk oyuncağıdır. Resminizi yükleyin, tıklanabilir alanlar oluşturun ve her bölümle ilgili bilgileri doldurun. Resminizi mevcut seçeneklerle özelleştirin ve gitmeye hazırsınız! Etkileşimli görüntünüzü web sitenizde görüntülemek için kısa kodu kopyalayın veya Gutenberg bloğunu kullanın.

Dikkat Çekin ücretsiz bir araçtır. Ücretsiz sürüm tüm özellikleri içerir, ancak oluşturabileceğiniz etkileşimli görüntülerin sayısı sınırlıdır. Daha fazla görüntü oluşturmanız ve öncelikli destek istiyorsanız, sınırsız etkileşimli görüntü, tıklanabilir alan ve 20 ön ayarlı renk şeması sunan premium sürümleri tercih etmelisiniz. Tek web sitesi sürümünün maliyeti 99 USD'dir ve sınırsız site eklemek isterseniz fiyat 149 USD'dir.

Sonuç olarak, web sitenizi bir sonraki seviyeye taşımak ve benzersiz ve ilgi çekici bir kullanıcı deneyimi sağlamak istiyorsanız, Draw Dikkat Eklentisi gitmenin yoludur.

WP Draw Dikkat eklentisine genel bakış

WP Draw Dikkat, etkileşimli görüntüler oluşturmak için en iyi eklentilerden biridir. Kullanımı çok kolaydır ve performansı mükemmeldir.

Herhangi bir resmi (png, jpg veya başka bir resim formatı) yüklersiniz ve eklenti onu etkileşimli hale getirir ve tıklanabilir bölümler çizmenize izin verir. Ayrıca, tek bir görüntü etkileşimine, rengi vurgulamaya, ayrıntıları görüntülemeye ve farenin davranışına uygulayabileceğiniz çok çeşitli seçenekler vardır. Ayrıca görüntüleri dışa ve içe aktarabilirsiniz.

Bir görüntüyü etkileşimli hale getirdikten sonra, onu ön uçta görüntülemek için bir kısa kod girmelisiniz. Kısa kod, yükleme sırasında görüntüde herhangi bir fark yaratmaz, yalnızca etkileşimi içerir.

Etkileşimli Görsel'i oluşturduktan sonra gönderilerde, ürün sayfalarında ve kısa kod ekleyebileceğiniz herhangi bir yerde kullanabilirsiniz. Etkileşimli görüntüleri görüntülemek için özelleştirilmiş bir blok sağlayan Gutenberg bloklarını da destekler.

Fiyatlandırma

Dikkat Çekin ücretsiz bir araçtır. Ücretsiz sürüm tüm özellikleri içerir, ancak oluşturabileceğiniz etkileşimli görüntülerin sayısı sınırlıdır. Daha fazla görüntü oluşturmanız ve öncelikli destek istiyorsanız, sınırsız etkileşimli görüntü, tıklanabilir alan ve 20 ön ayarlı renk şeması sunan premium sürümleri tercih etmelisiniz. Tek web sitesi sürümünün maliyeti 99 USD'dir ve sınırsız site eklemek isterseniz fiyat 149 USD'dir.

Özetlemek gerekirse, Draw Attention'ın sunduğu planlar şunlardır:

• Özgür
• Tek web sitesi: 99 $
  • 1 Yıllık Güncellemeler ve Destek
• Sınırsız web sitesi $149 USD
  • 1 Yıllık Güncellemeler ve Öncelikli Destek

Her iki Premium sürüm şunları içerir:

• Sınırsız İnteraktif Görsel
• Sınırsız Tıklanabilir Alan
• 20 önceden ayarlanmış renk şeması
• Özel düzen seçenekleri (daha fazla bilgi kutusunun konumunu değiştirin veya bir ışık kutusu veya araç ipucu kullanın)

Draw Dikkat eklentisini kullanarak etkileşimli bir resim nasıl oluşturulur?

Etkileşimli görüntü, teknik olarak normal bir görüntünün üzerine bindirilmiş bir görüntüdür. Bu bindirme, arka plan resmi bölümleriyle eşleşen bölümler tarafından tanımlanır, böylece bir kullanıcı bir bölümü tıkladığında, o belirli bölümle ilgili bir olayı tetikler.

WP Draw Attention eklentisi ile etkileşimli bir görsel oluşturmak için bir görsele ve bununla ilgili bilgilere sahip olmanız gerekir.

1) Resmi yükleyin

İlk olarak, görüntüyü herhangi bir başka görüntüyü yüklediğiniz gibi WordPress galerisine yükleyin. Bu noktada, bu da diğerleri gibi bir görüntü. Dikkat Çekin > Yeni Ekle'ye giderek dosyayı doğrudan eklenti panosu seçeneklerinden ekleyebilirsiniz.

Ardından, sağ kenar çubuğunda bulacağınız resim kutusunu kullanarak medya kitaplığına bir resim yükleyin:

2) Görüntü ile etkileşimi oluşturun

Artık kullanıcıların etkileşimde bulunabilmesi için tıklanabilir alanlar oluşturmanız gerekiyor. Bir görüntü üzerinde çalışmaya başlamak için önceki adımda yaptığınız gibi tekrar Yeni ekle'ye tıklayın.

Bu sizi etkileşimli görüntü düzenleyici arayüzüne götürecektir. Burada, diğer özelleştirmelerin yanı sıra etkileşim davranışının stilini değiştirebilirsiniz.

Şimdi yükleyerek veya medya kitaplığından bir resim seçerek bir resim ekleyin. Bir başlık girin ve Yayınla'ya basın. Görüntüyü düzenlemeye başlamak için taslak olarak da kaydedebilirsiniz.

Resim düzenleyicide şimdi yeni bir bölüm görünecektir. Hotspot Alanları bölümü, etkileşim bölgelerini resmin üzerine çizerek tanımlamaya başlayacağınız yerdir.

Dikkat Çekin, sıcak noktaları çizmenize yardımcı olacak birkaç seçenek sunar. Daha fazla doğruluk için görüntüyü yakınlaştırabilir, sıcak noktaların üzerine çizim yapmak için çokgen, daire veya dikdörtgen kullanabilir ve istediğiniz zaman düzenleyebilir, kaydedebilir veya iptal edebilirsiniz.

Resim üzerinde tıklanabilir bölge belirledikten sonra resim ile ilgili başlık, açıklama vb. bilgileri girmeniz gerekmektedir.

Şimdi, işlemi görüntünün tüm tıklanabilir alanlarıyla tekrarlayın ve her birinin ayrıntılarını doldurun.

Mevcut seçenekleri kullanarak bölgeyi resmin üzerine çizin. Bu, çokgenler, dikdörtgenler veya daireler çizmenizi sağlar. Bölümlerin şeklini mümkün olan en doğru şekilde eşleştirmeniz gerekir.

Bundan sonra, görüntüyü mevcut birden çok seçenekle özelleştirebilirsiniz.

Kenar çubuğunda, tıklayarak veya üzerine gelerek, bir renk şeması seçerek ve bilgilerin görüntüleneceği düzeni ayarlayarak etkileşim davranışını değiştirebilirsiniz.

3) Resmi göster

Sürümü bitirdikten sonra, son adım etkileşimli görüntüyü ön uçta görüntülemektir. Düzenleyici sayfasının sağ kenar çubuğunun altındaki kısa kodu kopyalayıp görüntüyü yerleştirmek istediğiniz yere yapıştırmanız yeterlidir.

Alternatif olarak, bu seçenekle daha rahat hissediyorsanız bir Gutenberg bloğu kullanabilirsiniz. Draw Attention, herhangi bir etkileşimli görüntüyü kısa koda ihtiyaç duymadan görüntülemek için bir Gutenberg bloğu sağlar.

Çözüm

Sonuç olarak, Draw Attention, etkileşimli görüntüler oluşturmak ve sitenizin kullanıcı deneyimini iyileştirmek için harika bir eklentidir. Etkileşimli resimler, kullanıcı etkileşimini artırmak ve sitenizin öne çıkmasını sağlamak için harikadır.

Bu eklenti, etkileşimli görüntüler oluşturmak için sezgisel ve verimli bir yol sağlar ve görüntüleri sitenizin stiline uyacak şekilde tasarlamanıza olanak tanıyan eksiksiz bir özelleştirme seçenekleri seti ile birlikte gelir. Ek olarak, tüm özellikleri içeren ücretsiz bir seçenek sunar, böylece herhangi bir ücret ödemeden eklentiyi test edebilirsiniz.

Etkileşimli görüntüler oluşturmak için Draw Attention'ı veya başka bir eklentiyi denediniz mi? Nasıl geçti? Aşağıdaki yorumlarda bize bildirin!