E-postalar ve Ürün Sayfaları İçin Rollover Görüntüleri Oluşturma

İmleciniz üzerine getirildiğinde farklı bir tane göstermek üzere değişen görüntülere Rollover Görüntüleri denir. Ürünleri sergilemek veya içeriği ziyaretçiler için daha etkileşimli hale getirmek için harika bir yoldur. Bu resimler, belki de daha az hoş karşılandıkları pazarlama e-postalarında yaygın olarak kullanılmaktadır. Görüntüler CSS ve HTML ile oluşturulur, ancak bunları oluşturmak için basit bir kullanıcı arayüzü tabanlı yöntem arıyorsanız, FreshInbox’ın Rollover aracı ihtiyacınız olan şey bu.

Başlamadan önce, rollover görüntüsüne dahil etmek istediğiniz iki görüntünün bulunduğundan emin olun. İki görüntüden biri imleç üzerine getirilmediğinde, diğeri imleç görüntüye geçtiğinde görünecektir. Görüntüleriniz hem PNG hem de JPG biçiminde olabilir. Bunları Imgur gibi bir bulut sürücüsüne veya resim paylaşım servisine yükleyin ve ardından FreshInbox’ın Rollover aracına gidin.

Birincil Resim URL'sinde, fare imleci resmin üzerine getirilmediğinde görünmesi gereken resmin URL'sini girin. Görüntünün genişliğini ve yüksekliğini belirtin ve Alternatif Görüntü URL'sine, imleç görüntünün üzerine getirildiğinde görünecek resmin URL'sini girin.

Ardından, ‘Bağlantı’ kutusuna bir yönlendirme URL'si girin. Bir kullanıcı fareyle üzerine gelme resminizi tıklarsa, buraya girdiğiniz URL'ye yönlendirilir. ALT metnini girin ve ‘Oluştur'a tıklayın. Sağda resmin önizlemesini görecek ve resmi web sitenize veya e-postanıza eklemek için kodlar alacaksınız.

Görüntünün duyarlı olmasını istiyorsanız, "Görüntüyü kapsayıcı genişliğine ölçeklendir" seçeneğini etkinleştirin, ancak bunu yalnızca kapsayıcılarla nasıl çalışacağınızı biliyorsanız yapın. Normal bir rollover görüntüsü için seçeneği işaretlemeyin. Bir e-postaya veya web sayfasına eklemek için kodu kopyalayın ve bunun için amaçlanan etiketin içine yapıştırın. E-posta başlığı ve Web sayfası için gövde. Bir rollover görüntüsü oluşturmak için gereken tek şey budur.

FreshInbox’ın Rollover aracını ziyaret edin