Mobilde ürün sayfası: dönüşümü etkileyen 10 detay

Mobilde ürün sayfası, müşterinin "alayım mı, almayayım mı?" diye karar verdiği yerdir. Baymard Institute'ün ürün sayfası kıyaslamasına göre ABD ve Avrupa'daki önde gelen e-ticaret sitelerinin masaüstü sürümlerinin %48'i ürün sayfasında "yeterli" ya da "iyi" performans veriyor; mobil sitelerde bu oran %38'e düşüyor. Araştırma büyük ve yabancı siteleri kapsıyor, ama saptanan sorunlar tanıdık: gizlenmiş beden seçimi, belirsiz kargo ve iade bilgisi, ölçeği göstermeyen fotoğraflar.

Bu yazıda on detayı sırayla ele alıyoruz. Her birinde araştırmanın ne dediğini, Sepetya ürün sayfasının bunu nasıl karşıladığını ve sizin yapmanız gerekenleri bulacaksınız. Dürüst olmak için Sepetya ürün sayfasının yapmadığı bir iki şeyi de açıkça yazdık.

1. Beden ve renk seçimini düğmelerle gösterin

Beden, birçok ürün türünde müşterinin satın almadan önce yaptığı en yaygın seçimdir. Açılır listede seçenekler gizli olduğu için müşteri bedeninin stokta olmadığını listeyi açana kadar göremez. Baymard'ın ölçümünde sitelerin %57'si beden seçimi için düğme kullanmıyor.

Sepetya ürün formunda her seçeneğin gösterimi "Düğmeler", "Açılır liste" ya da "Renk örnekleri" olarak ayarlanır; varsayılan düğmelerdir. Renk örneği renk koduyla ya da küçük bir görselle yapılabilir. Stokta olmayan değerler kesik çizgili kenarla ve soluk renkle görünür, ekran okuyucuya "stokta yok" olarak okunur; geçersiz kombinasyonlar seçilemez. Seçilen değer seçenek adının yanında yazılır ve sayfa adresi seçili varyantı taşır: müşteri bağlantıyı paylaşırsa karşı taraf aynı varyantı görür.

Sizin işiniz: Beden ve ölçü seçeneklerini "Düğmeler", rengi "Renk örnekleri" olarak ayarlayın. Açılır listeyi yalnızca çok uzun değer listeleri için kullanın.

2. Galeriyi telefona göre kurun

Telefonda müşteri fotoğrafları parmağıyla kaydırır ve büyütür. Sepetya galerisinde görseller kaydırılarak gezilir, dokunarak ya da klavyeyle büyütülür; masaüstünde küçük resimli ya da ızgara düzeni temanın "Galeri düzeni" ayarından seçilir. Müşteri bir varyant seçtiğinde o varyantın görselleri galerinin başına gelir. Galeri alanı sabit orandadır; fotoğraftan videoya geçildiğinde sayfa zıplamaz.

Yüklediğiniz her görselden 160 ile 2560 piksel arasında farklı genişliklerde WebP ve AVIF sürümleri üretilir; tarayıcı ekranına uygun olanı seçer. Telefona küçük dosya gittiği için sayfa daha hızlı açılır; siz yalnızca yeterince büyük, net bir fotoğraf yüklersiniz.

Videolar iki biçimde çalışır. Yüklediğiniz videolar tarayıcının kendi oynatıcısında açılır; "Ürün videolarını sessiz otomatik oynat" ayarını açmadıkça kendiliğinden başlamaz, açsanız bile hareketi azaltmayı seçen ziyaretçilerde başlamaz. YouTube ve Vimeo videoları ise tıklanınca yüklenir; oynatmadan önce üçüncü taraf sunucuya istek gitmez. Baymard, en azından çok satan, karmaşık ya da pahalı ürünler için ürün videosu koymanızı öneriyor.

3. Ölçeği ve modeli gösterin

Müşteri ürünü elinde tutamadığı için boyutunu fotoğraftan anlamaya çalışır. Baymard'ın testlerinde kullanıcıların %42'si ürünün boyutunu ürün görsellerinden çıkarmaya çalıştı; sitelerin %37'si ölçek gösteren görsel koymuyor, %23'ü giyilen ürünlerde (giysi, çanta, takı, saat, kozmetik) bir model üzerinde görsel sunmuyor.

Sizin işiniz: Her ürüne ölçeği gösteren en az bir fotoğraf ekleyin: elde tutulan, bir model üzerinde ya da bilinen bir nesnenin yanında. Giyilen ürünlerde model fotoğrafı ekleyin. Ölçüleri ayrıca ürün özellikleri arasına yazın; tema ayarındaki "Öne çıkan özellikler" ile açıklamanın üstünde kısa bir listede görünürler.

4. Fiyatı net gösterin

Ürün sayfasında güncel fiyatın yanında, indirimde önceki fiyat ve indirim yüzdesi, kampanya varsa kampanya fiyatı ve rozeti görünür. Ürünü ağırlık, hacim ya da adetle satıyorsanız ürün formundaki birim ayarıyla birim fiyat da gösterilir; temada "Birim fiyatı göster" açık olmalıdır. Baymard, değişen miktarlarda satılan ürünlerde birim fiyatı sitelerin %81'inin göstermediğini söylüyor; oysa müşteri 500 gramlık ile 1 kilogramlık paketi karşılaştırmak için hesap yapmak zorunda kalıyor.

İndirim duyurusunda önceki fiyatı doğru girmek sizin sorumluluğunuzdadır. Kuralın ayrıntısı için dürüst aciliyet ve gerçek stok uyarıları yazımıza bakın.

5. Yapışkan sepete ekle çubuğundan yararlanın

Telefonda ürün sayfası uzundur: galeri, seçenekler, açıklama. Müşteri aşağı kaydırdığında "Sepete ekle" düğmesi ekrandan çıkar. Sepetya bu durumda 989 piksel ve altındaki ekranlarda (telefon ve tablet) alta yapışan bir çubuk gösterir: ürün adı, güncel fiyat ve "Sepete ekle" düğmesi. Çubuk, asıl düğmeler ekrandan çıktığında belirir; seçenekler henüz seçilmemişse düğme "Seçenekleri gör" der ve müşteriyi satın alma bölümüne geri götürür.

Baymard, yapışkan bir "Sepete ekle" düğmesi kullanılıyorsa çevresinde yeterli boşluk bırakılmasını ve tam genişlikte olmamasını öneriyor; Sepetya çubuğundaki düğme tam genişlikte değildir. Bu çubuk için ayar yapmanız gerekmez.

6. Hazırlama süresini ve kargo bilgisini ürün sayfasında verin

Baymard'a göre sitelerin %67'si ürün sayfasında toplam sipariş maliyetine dair bir tahmin vermiyor. Kargo ücreti ürün sayfasında hiç görünmezse ödeme adımında sürpriz olabilir ve Baymard'ın gözlemine göre bazı müşteriler siparişi bu yüzden bırakır.

Sepetya ürün sayfasında kargo ücretini hesaplayıp göstermez. Gösterdiği şey, stok bir konumdan gönderilecekse o konumun "Hazırlama süresi" ayarıdır ("Tahmini hazırlama süresi: 2–4 gün" gibi); Stok ve lokasyonlar › Konumlar altından girilir, boşsa hiçbir şey yazılmaz. Ücretsiz kargo eşiğine ne kadar kaldığı ise sepette ilerleme çubuğuyla gösterilir. Ürün sayfasında kargo bilgisi vermek için tema editöründe ürün şablonuna "Avantajlar şeridi" ekleyip "X TL ve üzeri ücretsiz kargo" gibi kendi metninizi yazabilirsiniz. Bu metni elle yazdığınız için kargo ayarlarınızla çelişmemesini siz sağlarsınız; kargo ücretlerini belirleme konusunda kargo ücreti nasıl belirlenir rehberimiz yardımcı olur.

7. İade bilgisini sayfanın içine koyun

Baymard'ın nicel çalışmasında katılımcıların %60'ı iade bilgisini ürün sayfasında arıyor; sitelerin %44'ü iade politikasını ana ürün içeriğinden göstermiyor ya da bağlamıyor. Telefonda altbilgideki iade sayfasına ulaşmak uzun bir kaydırma ister; soru ürün sayfasında yanıtlanırsa müşteri sayfadan ayrılmak zorunda kalmaz.

Sepetya ürün sayfasında açıklama ve özelliklerin yanında "İade ve değişim" sekmesi (ya da akordeon bölümü) gösterir. Sekmede Müşteri ayarları › İadeler altına yazdığınız iade koşulları, hesaptan iade talebi oluşturma süresi ("teslimattan itibaren N gün") ve iade politikasının tamamına bağlantı bulunur. Sekme, iade bilgisi tanımladıysanız ya da iade sayfanız varsa görünür. Metin sizin yazdığınız içeriktir; Sepetya onun hukuki geçerliliği hakkında bir şey söylemez.

Sizin işiniz: İade koşullarını kısa ve sade yazın: kaç gün, hangi durumda, kargo masrafı kime ait. İade haklarının çerçevesi için cayma hakkı ve iade politikası yazımıza bakın.

8. Taksit seçeneklerini sorulmadan gösterin

Taksit seçeneği sunuyorsanız bunu ürün sayfasında göstermek müşterinin sorusunu sepete geçmeden yanıtlar. Sepetya ürün sayfasında "Taksit seçenekleri" başlıklı açılır bir bölüm sunar. Müşteri açtığında ödeme sağlayıcısının o fiyat için verdiği kart programlarına göre taksit sayısı, taksit tutarı ve toplam gösterilir; vade farkı içeren toplamlar yıldızla işaretlenir ve altındaki not kesin tutarın ödeme adımında kartına göre gösterileceğini söyler. Liste yalnızca açıldığında yüklenir, böylece sağlayıcı her sayfa görüntülemesinde sorgulanmaz.

Bölüm, taksit sorgulayabilen bir kart ödeme eklentisi (iyzico, PayTR) etkinse görünür; Ödeme Ayarları içindeki ödeme sayfası ayarlarında "Ürün sayfasında taksit tablosu göster" anahtarıyla kapatılabilir. Taksit ve vade farkı kuralları için taksitli satış ve vade farkı rehberimize bakın.

9. Yorumları gösterin, yanıtlayın

Üründe onaylı yorum varsa başlığın altında ortalama puan ve yorum sayısı görünür; dokunulduğunda yorumlara gider. Baymard'ın incelediği sitelerin %89'u olumsuz yorumlara yanıt vermiyor; oysa katılımcılar yanıtları, şirketin müşteriyi önemsediğinin işareti olarak yorumladı.

Sepetya içinde yorumlara panelden yanıt verebilirsiniz; yanıt ürün sayfasında "Mağaza yanıtı:" etiketiyle yorumun altında görünür. Yorumların nasıl toplanıp yayınlanacağını ve yanıtlanacağını ürün yorumları rehberimizde anlattık.

10. Favori düğmesinde üyelik gerekliliğini bilin

Baymard'ın çalışmasında yanıtlayıcıların %21'i "kaydet" özelliklerinden yararlanıyor ve kayıt zorunluluğu bazı kullanıcıları caydırıyor. Sepetya içinde favoriler müşteri hesabına bağlıdır: üye olmayan bir ziyaretçi kalp düğmesine bastığında giriş sayfasına yönlendirilir, işlemi bitirince aynı ürün sayfasına döner. Yani favoriler, üye olmayan ziyaretçiler için anında çalışmaz.

Sizin işiniz: Müşteri ayarlarındaki üyelik formunu kısa tutun ve üyeliğin faydasını açıkça yazın (sipariş takibi, hızlı ödeme, favoriler). Ödeme adımında "Ödeme sırasında hızlı kayıt" açıksa misafir müşteri siparişin son adımında şifre belirleyip hesabını oluşturabilir.

Nereden başlamalı?

On maddenin hepsini aynı gün yapmanız gerekmez. Birkaç dakikada bitenlerle başlayın: seçeneklerin gösterimini düzeltmek, iade koşullarını yazmak, düşük stok eşiğini ve hazırlama süresini girmek. Sonra fotoğraflara geçin: en çok satan beş ürünün ölçek ve model fotoğrafları, ardından videolar. En son, daha çok emek isteyen işleri bırakın: tüm kataloğun birim bilgileri ve özellik tabloları.

Her değişiklikten sonra ürün sayfasını kendi telefonunuzda açın; bir müşteri gibi beden seçin, galeriyi kaydırın, sepete ekleyin. Telefonunuzda zorlandığınız yerde müşteriniz de zorlanır.

Telefonda ürün sayfası kontrol listesi

• Beden ve ölçü seçenekleri "Düğmeler" olarak, renk "Renk örnekleri" olarak ayarlandı.
• Her üründe ölçeği gösteren bir fotoğraf var; giyilen ürünlerde model fotoğrafı da var.
• Önemli ürünlerde video var ve kapak görseli eklendi.
• Birim fiyatla satılan ürünlerde birim ve birim miktarı tanımlandı.
• Stok eşiği ve hazırlama süresi gerçek durumu yansıtıyor.
• İade koşulları kısa ve anlaşılır yazıldı; ürün sayfasında "İade ve değişim" bölümü görünüyor.
• Taksit tablosu açılıyor ve tutarlar ödeme adımıyla uyumlu.
• Ürün sayfası gerçek bir telefonda denendi: seçenekler, galeri, yapışkan çubuk ve favori düğmesi.

Bir ürün sayfasını kendi telefonunuzda açıp müşteri gibi dolaşmak, çoğu zaman en hızlı sınavdır. Denemek için ücretsiz başlayabilirsiniz.