Kampanya Kartı Modülü

Çoğu mağazada kampanya vardır ama kampanyanın görüldüğüne dair bir kanıt yoktur. Duyuru ana sayfaya bir cümle olarak yazılmıştır, altına bir bağlantı konmuştur ve iş orada bitmiştir. Ziyaretçi ise sayfayı okumaz, tarar; taradığı sırada gözü ürün görsellerine, fiyatlara ve butonlara takılır. Metin bağlantısı bu taramanın içinde neredeyse görünmezdir.

Kampanya kartı, kampanyayı bu taramanın içinde görünür hâle getirmek için kurulan bir alandır. Kendi görseli, kendi başlığı ve kendi butonu vardır; çevresindeki içerikten görsel olarak ayrılır ve sayfanın ritmini bilinçli olarak bozar. Bu sayfa kartın nasıl tasarlanacağını, nereye konacağını ve hangi hatalarla işe yaramaz hâle geldiğini anlatıyor.

Bağlantı ile alan arasındaki fark

Aynı kampanya, üç farklı biçimde sunulabilir ve aralarındaki fark sanılandan büyüktür.

Kartın avantajı, ziyaretçinin okumadan da anlayabilmesidir. Görsel kampanyanın havasını verir, başlık ne olduğunu söyler, buton ne yapılacağını gösterir. Bu üçü bir arada olduğunda kampanya, sayfanın taranması sırasında geçilip gidilen bir satır olmaktan çıkar.

Bu, üst şerit duyurusunu gereksiz kılmaz; ikisi farklı işler yapar. Şerit her sayfada durur ve hatırlatır, kart tek bir yerde durur ve ikna eder. Kalıcı hatırlatma için indirim sekmesi, tüm kampanyaları tek bir yerde toplamak için kampanya zili daha uygundur.

Kart tasarımı: dört alan

Kart karmaşık bir bileşen değildir ve karmaşıklaştırıldığında işe yaramaz hâle gelir. Dört alanı vardır ve her birinin tek bir işi olmalıdır.

Görsel

Görselin işi bilgi vermek değil, kartın çevresinden ayrılmasını sağlamaktır. Kampanyanın konusuyla ilgili, sade ve üzerinde yazı bulunmayan bir görsel en iyi sonucu verir. Görselin en-boy oranı kartın kaplayacağı alana göre hazırlanmalıdır; ana sayfada geniş duran bir kart ile listenin içindeki dar bir kart aynı görseli kullanamaz.

Görsele yazı gömmek, kart tasarımında en sık yapılan hatadır. Gömülü yazı üç sorun üretir: mobilde okunamayacak kadar küçülür, ekran okuyucular tarafından okunamaz ve metni değiştirmek istediğinizde görselin yeniden üretilmesini zorunlu kılar. Kampanya metnini bir tasarım işine bağlamak, kampanyaların hızlı değiştiği bir mağazada gerçek bir yavaşlatıcıdır.

Başlık

Başlık kampanyanın ne olduğunu söyler ve kısa olmalıdır. Kampanya gibi genel bir kelime başlık değildir; ziyaretçiye hiçbir şey söylemez. İndirim oranı, ürün grubu veya hediye ne ise başlıkta o geçmelidir. Başlık iki satırı geçtiğinde kart bir metin bloğuna dönüşür ve görsel olarak taranabilirliğini kaybeder.

Açıklama ve şartlar

Açıklamanın işi ikna etmek değil, şartı söylemektir. Asgari sepet tutarı, geçerli kategoriler, kampanyanın bitiş tarihi ve varsa hariç tutulan ürünler burada yazar. Bu bilgilerin kartta bulunması ilk bakışta kampanyayı zayıflatır gibi görünür; pratikte tersini yapar. Şartı ödeme adımında öğrenen ziyaretçi siparişten vazgeçer ve o kayıp, kartın getirdiği tıklamadan pahalıdır.

Buton ve hedef

Buton metni ne olacağını söylemelidir: kampanyalı ürünleri gör, koleksiyona git gibi. Hedefin kampanyayla birebir örtüşmesi, kartın en kritik teknik ayrıntısıdır. Ziyaretçiyi genel bir kategori sayfasına bırakan kart, uyandırdığı ilgiyi orada kaybeder; ziyaretçi kampanyalı ürünleri kendisi bulmak zorunda kalır ve çoğu bulmaz.

Doğru hedef genellikle kampanyaya özel bir koleksiyon veya filtrelenmiş bir liste sayfasıdır. Kampanya tek bir ürünse hedef doğrudan o ürün sayfası olmalıdır; araya bir liste sayfası koymak gereksiz bir adım ekler.

Yerleşim

Kartın nereye konduğu, tasarımı kadar belirleyicidir. Üç konum işe yarar ve mantıkları farklıdır.

• Ana sayfada bölümler arasında. En yaygın kullanım. Kart iki ürün bölümünün arasına girer ve sayfanın ritmini keserek dikkat çeker. Ana sayfada birden fazla kart kullanılacaksa aynı bölümde toplanmalı, sayfaya dağıtılmamalıdır.
• Kategori sayfasında listenin üstünde. O kategoriye özel kampanyalarda etkilidir. Ziyaretçi zaten o kategoriyle ilgilendiğini göstermiştir; kampanya ona uygundur.
• Ürün listesinin içinde, bir ürün kartının yerinde. Genellikle en çok tıklama alan konum. Ziyaretçi zaten kartlara bakmaktadır ve kampanya kartı o ritmin içine girer. Bu yerleşimde kartın ürün kartlarından görsel olarak ayrılması önemlidir; ayrılmazsa ziyaretçi onu bir ürün sanır ve tıkladığında beklediğini bulamaz.

Konmaması gereken tek yer ödeme adımıdır. Orada ziyaretçiyi başka bir sayfaya göndermek, tamamlanmak üzere olan bir siparişi riske atmaktır. Sepet sayfası ise tartışmalıdır: asgari tutar kampanyası varsa ve ziyaretçi tutara yaklaşmışsa kart işe yarayabilir, aksi hâlde dikkat dağıtır.

Kart metni nasıl yazılır?

Kartın en ucuz ve en çok fark yaratan parçası metnidir. Görsel çekim gerektirir, yerleşim geliştirme gerektirir; metin birkaç dakikada değiştirilir. Buna rağmen çoğu kartta metin en az düşünülen alandır.

Zayıf kart metinlerinin ortak özelliği, mağazanın diliyle yazılmış olmasıdır: kampanyamız başladı, fırsatları kaçırmayın, büyük indirim. Bu cümleler ziyaretçiye hiçbir bilgi vermez; hepsi her kampanyanın altına yazılabilir. Güçlü metin ise ziyaretçinin diliyle yazılır ve bir soruya cevap verir: ne var, kim için, ne şartla.

Düzeltmenin kuralı basittir: başlığa kampanyanın konusunu, açıklamaya şartın kendisini, butona varılacak yeri yazın. Üç alanın toplamı, ziyaretçinin tıklamadan önce ne alacağını bilmesini sağlamalıdır. Tıklamadan önce anlaşılan bir kampanya daha az tıklama alabilir ama gelen tıklamaların çok daha büyük bölümü satışa döner.

Kaç kart, ne kadar süre?

Yan yana iki veya üç kart pratik bir sınırdır. Dördüncü karttan sonra hiçbiri öne çıkmaz ve bölüm görsel bir bağlantı listesine dönüşür; ziyaretçi hangisinin önemli olduğunu anlayamaz ve genellikle hiçbirine tıklamaz. Birden fazla kampanyanız varsa öncelik sırası koymak, ikincil olanları bir kampanya sayfasında toplamak daha net çalışır.

Süre tarafında modülün en çok işe yarayan özelliği zamanlamadır. Her karta başlangıç ve bitiş tarihi verilir; süresi dolan kart kendiliğinden gizlenir. Bu, sıradan bir kolaylık değil, gerçek bir riski kapatan bir mekanizmadır: kampanya bittiğinde kartı kaldırmayı unutmak, sitede geçersiz bir teklifin durmasına yol açar ve bu hem ziyaretçi için hayal kırıklığı hem müşteri hizmetleri için iş yüküdür.

Kart bir sayaç taşımaz. Süreli bir kampanyada geri sayım göstermek istiyorsanız flaş ürünler modülü bunun için kurulmuştur; kart ise kampanyanın kapısıdır, sayacı değil.

Mobil davranış

Kart mobilde masaüstündekinden farklı davranmak zorundadır ve bu farkın üç boyutu vardır.

1. Kartlar alt alta dizilir. Yan yana duran üç kart, mobilde yan yana kalmaya zorlandığında hiçbiri okunamaz. Alt alta dizilmeleri sayfayı uzatır ama karta okunabilirliğini geri verir.
2. Görsel kırpılırken merkez korunur. Masaüstünde geniş duran bir görsel, mobilde daha kare bir alana sığmak zorundadır. Görselin önemli kısmı kırpılırsa kart anlamsızlaşır; bu yüzden görselde kenarlara kritik öge konmamalıdır.
3. Buton dokunmatik hedef ölçüsünü karşılar. Masaüstünde ince ve şık duran bir buton, parmakla dokunulamayacak kadar küçük olabilir. Mobilde butonun yüksekliği ve tıklanabilir alanı artırılır.

Bir de mobile özgü bir tercih vardır: kartın tamamının tıklanabilir olması. Masaüstünde ziyaretçi butonu hedefler; mobilde kartın herhangi bir yerine dokunmak beklenen davranıştır. Butonun görsel olarak durması yine gereklidir, çünkü ne olacağını söyleyen odur.

Sayfa hızına etkisi

Kartın tek gerçek yükü görselidir. Görsel, kartın gerçek boyutuna göre ölçeklenmiş servis edilir ve ilk ekranın altındaysa tembel yüklenir. Kart alanının en-boy oranı önceden tanımlıdır; görsel yüklenirken altındaki içerik aşağı itilmez.

Asıl risk tek bir kartta değil, birikimdedir. Ana sayfaya art arda dizilen görsel ağırlıklı bölümler tek tek hafif olsa da toplamda sayfayı ağırlaştırır. Yeni bir kart eklerken hangi bölümün kaldırılacağını da düşünmek, hız tarafında en pratik disiplindir. Kart ana sayfanın ilk ekranındaysa görselinin tembel yüklemeden muaf tutulması gerekir; aksi hâlde ilk boyama gecikir.

Hangi altyapılarda çalışır?

Kampanya kartı Ticimax, IdeaSoft, Ikas, T-Soft, Shopify, WooCommerce, Faprika, Akinon, Magento ve özel yazılımla geliştirilmiş sitelerde kurulabilir. Altyapı yalnızca kartın nereye yerleşeceğini belirler; kurulumu STools yapar ve sizden tema dosyalarına dokunmanız istenmez.

Ürün listesinin içine kart yerleştirmek, bazı kapalı kaynaklı panellerde tema desteğine bağlıdır. Bu yerleşim mümkün değilse kart listenin üstüne alınır; etkisi bir miktar azalır ama kampanya yine görünür kalır.

Neyi ölçmeli?

Kart, ölçümü en kolay bölümlerden biridir çünkü tek bir eylem üretir: tıklama. Yine de iki ayrı sayıya bakmak gerekir.

• Görülme oranı. Kart sayfanın çok altındaysa ziyaretçilerin bir bölümü onu hiç görmez. Tıklama oranını tartışmadan önce bu sayı bilinmelidir.
• Tıklanma oranı. Görülüyor ama tıklanmıyorsa sorun genellikle başlıkta veya hedefin belirsizliğindedir; ziyaretçi tıkladığında ne olacağını anlamamıştır.
• Hedef sayfadaki davranış. Tıklanıyor ama satışa dönmüyorsa sorun kartta değil, kartın gittiği sayfadadır. Hedef sayfa kampanyayı karşılamıyor veya şartlar orada farklı görünüyor olabilir.

Üçüncü madde, kart iyileştirme çalışmalarının çoğunda atlanan noktadır. Kartın metnini defalarca değiştirip hedef sayfaya hiç bakmamak, yanlış yerde çalışmak demektir.

Sık yapılan hatalar

• Metni görsele gömmek. Mobilde okunmaz, ekran okuyucu göremez ve her metin değişikliği yeni bir tasarım işi doğurur.
• Kampanya şartını karta yazmamak. Şartı ödeme adımında öğrenen ziyaretçi vazgeçer; kazanılan tıklama kaybedilen siparişten ucuza gelmez.
• Hedefi genel bir sayfaya bağlamak. Kampanyalı ürünleri ziyaretçinin bulmasını beklemek, kartın ürettiği ilgiyi çöpe atmaktır.
• Dört ve üzeri kartı yan yana koymak. Hiçbiri öne çıkmaz; bölüm bağlantı listesine dönüşür.
• Bitiş tarihi vermemek. Sitede duran geçersiz kampanya, en kolay önlenebilir güven sorunudur.
• Kartı ürün kartından ayırt edilemez yapmak. Listenin içine yerleştirilen kart ürün gibi görünüyorsa ziyaretçi onu ürün sanar ve tıkladığında beklediğini bulamaz.
• Kupon kodunu altyapıda tanımlamamak. Kartta gösterilip ödeme adımında kabul edilmeyen bir kod, o siparişi doğrudan bitirir.
• Aynı kartı aylarca bırakmak. Kampanya değişmiyorsa kart görsel gürültüye dönüşür ve ziyaretçi onu görmemeye alışır.

Kampanya kurgularını bütün olarak planlamak isterseniz e-ticarette satış artırma rehberi hangi aracın hangi amaca hizmet ettiğini karşılaştırıyor. Ana sayfa bölümlerinin sırasını ve önceliğini düşünürken dönüşüm oranı yükseltme yazısı, kampanya kartının hangi bölümün yerine geçmesi gerektiği sorusuna yardımcı olur. Süreli kampanyalar için flaş ürünler, seçki için haftanın ürünleri sayfalarına bakabilirsiniz.