Çevrimiçi mağazalar için hücresel dönüşüm oranları nasıl artırılır
İnsanlar cep telefonlarında eskisinden daha fazla zaman harcıyorlar. Neredeyse her şey için kullanıyoruz – bankacılık, yatırım, hava durumu kontrol etmek, eğitimi izlemek, müzik dinlemek, gezinme ve elbette alışveriş. Web sitesi trafiğinin yaklaşık% 55’i mobil cihazlardan geliyor ve çevrimiçi alıcıların% 60’ı cep telefonlarını önce ürün bulmak için kullanıyor. Mağazanız hücresel üzerinde sorunsuz bir kullanıcı deneyimi sağlamazsa, potansiyel müşterilerinizin çoğunu kaybetme riski taşırsınız. Ancak hücresel dönüşümü artırmak için çevrimiçi mağazanızı nasıl optimize edebilirsiniz?
Yüksek kaliteli WordPress temasının duyarlı çevrimiçi mağazalar için mükemmel bir başlangıç noktası olduğu duyarlı bir WordPress temasıyla başlayın. Temanız tüm sitelerinizin temelidir, bu nedenle her boyuttaki cihazda harika bir deneyim sunan birini seçin. Temaları değerlendirmek için bazı ipuçları:
Tabletler ve cep telefonları üzerinde tema gösterim testi. Tüm ekran boyutlarında izin veren bir cihazınız olmayabileceğinden, deneyimi simüle etmek için web sitelerinin duyarlı testi gibi siteleri kullanabilirsiniz. Demo öğesi tüm ekran boyutlarında iyi görünmelidir – hiçbir şey kesilmez, okunması zor veya kullanımı zor değildir.
Tema demosunu gördüğünüzde, tarayıcı pencerenizin boyutunu değiştirin. İçerik ayarlanmalı ve hiçbir şey kesilmemelidir.
Tema açıklamasında duyarlı özellikler arayın. Özellikle “duyarlı tasarımdan” bahsetmeli veya temanın mobil cihazlara nasıl ayarlandığını tartışmalıdır.
Tema gösterisini Google’ın hücresel dostu test aracı aracılığıyla çalıştırın.
İncelemeyi kontrol edin. Tema kullanıcılarından sıralamayı ve incelemeleri okuyun. Duyarlı tasarım hakkında olumsuz yorumlara dikkat edin. Temanızın WooCommerce ile entegre edilmesi de önemlidir. Bu, diğer potansiyel çatışmalarla birlikte duyarlılığın sorunu önleyecektir.
Vitrin temaları yukarıdakilerin tümünü karşılamaktadır ve esnek ve kolayca ayarlanmıştır. Ayrıca, moda, oyuncaklar, dijital ürünler, sipariş ve daha fazlası – belirli endüstriler için tasarlanmış çeşitli çocuk temaları var. Hücresel kullanım kullanımının, web sitenizle ne kadar etkili ve verimli alıcıların etkileşime girebileceği olduğunu unutmayın. Kötü kullanımların satış, dönüşüm, marka algısı ve SEO üzerinde olumsuz bir etkisi vardır. Hücresel deneyiminizi incelerken, kullanım en büyük önceliğiniz olmalıdır. Aşağıdakileri göz önünde bulundur:
Pop-up’lardan ve diğer bozukluklardan kaçının. Hücresel ekranlar çok küçük olduğundan, ziyaretçilere gösterdiğinize öncelik vermek önemlidir. Bunu takmak, tüm mobil ekranı kapsar, kullanıcı deneyiminize müdahale edebilir ve hatta arama motoru sıralamanız üzerinde olumsuz bir etkiye sahiptir; Aynı şey reklamlar ve diğer bildirimler için de geçerlidir. Bu tür içeriği kullanmaya karar verirseniz, içeriğin yalnızca ekranın bir kısmını işgal ettiğinden ve kapatılması kolay olduğundan emin olun.
Ürün filtresini uygulayın. Çok fazla ürün sunarsanız, çevrimiçi alıcıların aradıklarını bulmak için bir süre kaydırma yapması gerekebilir. Bu, cep telefonu ekranında aynı anda sadece birkaç ürün görüntüleyen çok zor olabilir. Müşterileriniz sinirli hissedebilir ve satın almadan önce vazgeçebilir. Filtre, aradıklarına göre seçimleri daraltmalarına yardımcı olur. Sıralama işlevselliği sağlamak için WooCommerce ürün filtreleri gibi uzantıları deneyin. Yeterince büyük bir yazı tipi kullanın. Web sitesi metniniz çok küçükse, hücresel kullanıcıların herhangi bir şey okuması çok zor olacaktır – ürününüzü öğrenmek için sıkıştırmaları ve büyütmeleri gerekmez. Sitenize ve yazı tipi seçeneklerine bağlı olarak, mobil cihazlar için farklı yazı tipi boyutları ayarlamanız gerekebilir.
Metin karar verin. Çok fazla bilgiye sahip bir sayfanız varsa, küçük ekranlarda gezinmesi daha kolay olan daha küçük segmentlere bölün. Bunu Chordeon, Switch veya Points ile yapabilirsiniz. Uzun bir blog yazısında, kullanıcıların doğrudan ilginç konulara geçmesini sağlayan bir alt bölüme bağlantı ekleyin.
Ödeme sayfasını basitleştirin Mobil cihazlarda alışveriş yıllar içinde önemli ölçüde artmış olsa da, dönüşüm çok büyük değil. Aslında, hücreseldeki ortalama e -ticaret dönüşüm oranı,%3.83’lük masaüstüne kıyasla sadece%2.03’tür.
Ödeme süreciniz satışta önemli bir rol oynar. Dönüşüm oranını artırmak için mobil cihazlarda mümkün olduğunca basit hale getirin. Müşterilerinizin alışveriş yapması çok uzunsa, vazgeçip başka bir yerden alışveriş yapacaklar. Kontrol etmeniz gereken bilgilere yakından bakarak gereksiz alan başlangıcını kaldırın. Her şey gerekli mi? Silebileceğiniz bir alan olduğunu görebilirsiniz: İşe satmıyorsanız, şirket adını silin.
Müşterilerinizi aramanız gerekebilecek senaryoyu düşünemiyorsanız, telefon alanını silin.
Not almazsanız, siparişin siparişini silin.
Daha az alan o kadar iyi, özellikle hücreselde. WOOOCOMMERCE ödeme alanını nasıl ayarlayacağınız hakkında daha fazla bilgi edinin.
Müşteri hesabı misafirleri için ödemelere çok iyi izin verin ve bilgilerini otomatik olarak doldurarak ve kredi kartı verilerini depolayarak geri dönen alıcılar için onayları hızlandırın. Peki ya yeni müşteriler? Herkes mağazanızda, özellikle mobil cihazda olabildiğince çabuk kontrol etmek istedikleri bir hesap oluşturmak istemiyor. Aslında, bir müşteri hesabının geride kalan arabaların% 35’ine katkıda bulunması gerekir. Woocommerce ile konuk ödemelerine izin vermek için:
WooCommerce → Ayarlar → Hesap ve Gizlilik’e gidin.
Müşterilerin hesap olmadan sipariş vermesine izin ver’i seçin.
Sayfanın altındaki Değiştir düğmesini tıklayın.
Mağazanız için konuk ödemelerinin doğru olup olmadığını nasıl belirleyeceğinizi öğrenin.
Sosyal Giriş Alın Müşterileriniz mobil cihazlarından sosyal medya hesaplarına gidebilir. Sitenizdeki sosyal girişi etkinleştirmek, kasaları basitleştirmek ve yeni bir hesap oluşturmalarını önlemek için Facebook, Twitter, Google, Amazon ve diğerlerini kullanarak girmelerine olanak tanır. WooCommerce sosyal girişi etkinleştirin. Bazı ödeme seçeneklerini kabul edin Birden fazla ödeme, ödeme işlemini hızlandırır. Kredi kartı işlemlerine de izin verebilmenize rağmen, PayPal veya Amazon Pay gibi etkinleştirme seçenekleri, müşterilerin kredi kartı vermek ve tüm ayrıntıları yazmak yerine mevcut hesabı kullanarak ödeme yapmalarını sağlar. Müşteriler, sitenizdeki ödeme sütunu kolayca doldurabilir. Uçağın büyümeye gerek kalmadan bilgiyi çalacak ve doldurulacak kadar yüksek olduğundan emin olun. Bunu bazı basit CSS ile yapabilirsiniz. Ödeme sayfanızda Tarayıcı Müfettişini kullanarak başlayın. Bu, her bir alanın sınıflarını belirlemenize yardımcı olacaktır. Ardından, her bir sınıf için aşağıdaki kodu kullanın; E -posta alanı bu örnekte kullanılır. / ** Ödeme alanlarının yüksekliğini özelleştir **/ giriş [type = ‘e-posta’]. Girdi-metin {dolgu: 100px! Önemli; } Dolguyu belirli sitenize ve geçerli ayarlarınıza göre ayarlayın; Neyin işe yaradığını bulmak için biraz oynamanız gerekebilir. Medya sorgularını kullanarak bu kodu uygulayan belirli cihazları da ayarlayabilirsiniz.
Not: Kodu aşina değilseniz ve çatışma potansiyelini çözmüyorsanız, yardım için wooxpert veya geliştiriciyi seçmek isteyebilirsiniz. Destek politikalarımıza göre ayarlamalar için destek sağlayamayız. Ürün sayfası, bireysel ürün sayfalarınızın da duyarlı olması çok önemlidir. Müşteriler ürün detaylarını okuyabilmeli, fotoğraflar geçirebilmeli ve sepetlerine öğe ekleyebilmelidir. Düğmeyi yapışkan sepete ekleyin. Satın alacaklarından eminlerse, satın alma yapmak için geri kaydırmaları gerekmez. Aslında, yapışkan bir sepete ekleme düğmesinin siparişi%7,9 artırdığı kanıtlanmıştır! Düğmenizi mobil cihaza yapışkan hale getirmek için bu CSS’yi ekleyin:/ ** Sepet düğmesine ekle yapışkanlık yap, yalnızca ekran ve (maks. Alt: 0; Arka plan: #ffffff; Genişlik:%100; Z-endeks: 3; }} Web sitenizin temasına ve tasarımına bağlı olarak CSS ile biraz oynamanız gerekebilir. Ancak kodu düzenlemek istemiyorsanız, WooCommerce için STAIT to Cart to Carty gibi eklentileri de kullanabilirsiniz. Alıcılar ürün sayfasına indiğinde sezgisel olmak için resimler oluşturun, daha fazla fotoğraf görmek ve öğeleri büyütmek için parmaklarını kullanmak için resim galerinizi kaydırmayı umuyorlar. Bu hücresel hareket çok sezgiseldir, bu yüzden neredeyse bilinçsizce yapılır. Sitenizin desteklediğinden emin olun.
Bir çok fotoğraf olup olmadığını göstermek için bir ok veya nokta ekleyin. Değilse, mobil kullanıcınız kaydırabileceklerini bile bilmiyor olabilir!
Önemli Bilgiler Müşterilerin çok fazla kaydırmak zorunda kalmadan önemli ürün bilgilerini görebildiğinden emin olun. Fiyatları, varyasyonları (renkler, boyutlar vb.), İndirimler, incelemeler ve ürününüz için diğer belirli ayrıntılara öncelik verin: Kıyafet satıyorsanız, malzemeler önemli olabilir. Veya bir elektronik mağazasıysanız, her satın alma işlemine eşlik eden garantiyi vurgulamak isteyebilirsiniz. Tam ürün açıklaması ve spesifikasyonları (yıkama talimatları, SKU, malzeme, vb.) Gibi ek bilgiler sayfadan aşağıya düşebilir. Bu şekilde, müşterileriniz daha fazla bilgi isterse, kolayca bulabilirler, ancak sadece temel bilgilerden memnun kalırlarsa bunalmazlar. Uzun sayfalar site ziyaretçilerini sular altında bırakacak ve karıştıracak. Önemli şeylere daralmış, daha sonra en önemli sayfa ile liste sırasına öncelik verin.
Fotoğraf https://thegoodbatch.com/ İyi toplu iş, hücresel menülerini giriş ve sepet bağlantılarının yanı sıra sadece beş sayfaya kısaltır. Bu basit ve noktaya kadar. Birçok sayfa eklemeniz gerekiyorsa, genişletilmiş bir düğmeli bir alt menü kullanmayı deneyin. Kullanıcı her öğeyi genişlettiğinde ana menü öğesini sınırlayın ve alt menü öğelerini görüntüleyin. Menünün genişletildiğini göstermek için ok gibi bir sembol kullandığınızdan emin olun!
Nuria’nın genişletilmiş alt menünün yanındaki ana mobil menüsü. Nuria, cep telefonlarında her birinin yanında oklarla beş ana menü öğesi sunar ve daha fazla seçenek olduğunu gösterir. Kullanıcı tıkladığında, ana menü alt menüyü açık bir “Geri” düğmesi ile açmak için kayar. Bu, müşterilerini yüklemeden gerekli tüm seçenekleri göstermelerine olanak tanır. Hücresel menüleri göstermenin birkaç yolu vardır, bu nedenle kitleniz için en iyilerinden birini seçin. Bunlar şunları içerir: Hamburger menüsü. Hamburger sembolleri, birbirinin üstünde dikey olarak istiflenmiş üç satırdır. Kullanıcı sembolü tıklayana kadar menü gizlenir. Bu, birçok sayfaya sahip siteler için iyi bir seçenektir, ancak site ziyaretçileri tarafından bulmak daha zor olabilir.
Bir sekme menüsü. Bu, sıradan masaüstü navigasyonuna çok benzer ve sitenin üst kısmındaki yatay menü öğeleri içerir. Bu yalnızca minimum bağlantıları olan menüler için kullanılmalıdır; Kullanıcıların tüm öğeleri görmek için büyütmesine veya kaydırmasına gerek yoktur.
Yüzen Eylem Düğmesi. Menü simgesi olan düğmeler sayfada yüzer ve kaydırılırken kullanıcıyı takip edin. Tıklandığında menüyü görüntülemek için uzanır. Bu, ana menünüzü erişilebilir tutmanın iyi bir yoludur, ancak içeriği müdahale edebilir veya kapsayabilir.
Çekme menüsü. Sayfanın üst kısmındaki menü çubuğu, sayfa seçeneğini görüntülemek için tıklandığında açıktır. Hamburger menüsünden biraz daha fazla yer gerektirir, ancak site ziyaretçileri tarafından daha kolay görülebilir.
Genellikle temanız duyarlı bir menü stili içerir. Değilse veya başka bir seçenek kullanmak istiyorsanız, bu eklentiye bakın:
Hangi duyarlı menüyü seçtiğiniz, müşterilerinizin ihtiyaçlarına göre kullanımı kolay olduğundan emin olun. Ve unutmayın, bu tamamen ayrılmış bir hücresel menü anlamına gelebilir! Mobil cihazlarda sınırlı bir ekran alanıyla, kolayca kaybedilen öğelerle önemli özellikleri kolaylaştırın. Ziyaretçilerin önemli işlevleri hızlı bir şekilde bulabildiğinden emin olun. Bir arama çubuğu oluşturun, birçok web sitesi yanlarda bir arama kutusu içerir, ancak kutu genellikle mobil cihazdaki sayfanın altına itilir. Masaüstü başlığınızdaki arama işlevselliği, cep telefonundaki aynı odaya sığmayabilir. Ancak bu, istedikleri ürünü bulma yeteneğinden yararlanabilecek çevrimiçi alıcılar için önemli bir işlevdir. İyi bir çözüm, hücresel menünüze alıcı tarafından kolayca görülen bir arama çubuğu eklemektir. Bazı temalar bu işlev için ayarlar sunar, ancak yapmazsanız, özel bir kod kullanarak aynı şeyi başarabilirsiniz. Header.php dosyanızı açın ve aşağıdaki işlevi ekleyin:
. Ardından, CSS kullanarak ihtiyaçlarınıza göre düzenleyebilirsiniz. Ve koda dokunmak istemiyorsanız, Fildişi Search gibi eklentiler aynı işleve sahiptir. İletişim bilgilerini net bir şekilde göster, altbilgi veya kenar çubuğuna iletişim bilgilerini eklerseniz, hücresel kullanıcılar bunu görmekte zorluk çekerler çünkü sayfanın altına kaymak zorundadırlar. Rakip, menüde iletişim sayfanıza görülen bir bağlantı ile. Ayrıca, kullanıcıların kolayca iletişim kurabilmesi için ana menünüze tıklanabilecek bir telefon numarası ve/veya e -posta adresi eklemek isteyebilirsiniz. Bunu yapmak için: WordPress kontrol panelinizdeki görünüm → menüde gidin.
“Düzenlemek için Menü Seç” e ek olarak, doğru menüyü seçin. Bu, nasıl ayarladığınıza bağlı olarak ana menünüz veya hücresel menünüz olacaktır.
Sol sütundaki özel bağlantıları genişletin.
URL kutusuna uygun bağlantıyı ekleyin. Telefon numaraları için Tel: +18005553927 ekleyin, numarayı numaranızla değiştirin. Boşluk veya başka sembol olmadığından emin olun. E -posta adresleri için Mailto ekle: [E -posta Korumalı]
Metin kutusuna, menünüzde görüntülenecek metni ekleyin. Örneğin, “Bize Ulaşın” veya “800-555-3927’yi arayın” diyebilirsiniz.
Menüye ekle düğmesini tıklayın ve seçtiğiniz konuma sürükleyin.
Sağ alt köşedeki Mavi Kaydet menüsünü tıklayın.
Kullanıcılar mobil cihazlarındaki telefon numarasını tıkladığında, otomatik olarak sizinle iletişime geçer. E -posta adresinizi tıkladıklarında, varsayılan e -posta uygulamalarında sizin için yeni bir e -posta açacaktır. Müşteriler sepetlerine ürün ekledikten sonra alışveriş yapmaya devam etmek istiyorsa, arabayı kolayca erişilebilir hale getirin, sepeti düzenleyebilmeleri ve daha sonra kontrol edebilmeleri önemlidir. WooCommerce için Mini Cartplugin masaüstüne ve hücresel sürüm için bir sepet seçeneği ekler web sitenizin. Masaüstünde, sepet öğelerin, fotoğrafların ve fiyatların adlarını içerir ve alıcıların sayfadan ayrılmadan numarayı düzenlemesine izin verir. Cep telefonlarında bu, sepetlerindeki ürün sayısını ve toplam siparişi gösterir. Ayrıca, alıcılar sepet sayfasını tek bir tıklamayla açabilir. Web sitesinin hızına odaklanın, web sitesinin hızı herhangi bir cihazda önemli olsa da, küçük cihazlar için tartışmasız daha önemlidir. Hücresel alıcılar, keşfetmek için genellikle daha yavaş İnternet bağlantıları veya hücresel veriler kullanır, bu nedenle sitenizin mümkün olan en kısa sürede yüklendiğinden emin olmak için elinizden gelen her şeyi yapmanız gerekir. Hücresel kullanıcıların% 53’ü üç saniyeden fazla içeriyorsa siteden ayrılır ve Google’ın ilk hücresel dizinlaması web sitenizin hücresel sürümüne öncelik verir. Mevcut sitenizi açma zamanı anlayarak başlayın. GTMetrix ve Pingdom web sitesi hız testi, sitenizin hızını anlamanıza ve iyileştirme önerileri sunmanıza yardımcı olabilir. Google PagePeed Insights, mobil cihazlar için özel testler bile sunuyor. Ardından, sitenizi optimize etmek için aşağıdaki kaynakları kullanın:
Çevrimiçi mağazanızı hızlandırmak için resimleri nasıl optimize edersiniz?
WooCommerce ve Hızla Dikkate Alınması gereken ilk şey WooCommerce sitemin neden yavaş olduğunu ve nasıl düzeltileceğini hızlandırın
Woocommerce için Google PagePeed Insights’da yüksek performanslı puanlar nasıl elde edilir
Bu Jetpack özelliğiyle Woocommerce sitenizi hızlandırın
Ayrıca, hafif ve verimli hücresel deneyimler oluşturmak için Google tarafından oluşturulan bir çerçeve olan AMP’yi (hızlandırılmış mobil sayfalar) etkinleştirmeyi de düşünebilirsiniz. Bu, özellikle bazı çevrimiçi mağazalar için blog yayınlarını hızlandırmanın iyi bir yoludur. AMP ile sitenin hızını nasıl artıracağınızı daha fazla bilgi edinin. Cep telefonlarındaki çevrimiçi mağaza testiniz, mağazanızı düzenli olarak test etmek ve mobil cihazlarda her şeyin nasıl çalıştığını anlamak için çok önemlidir. Sitenizin işlemi, tema kullanmak için yukarıda listelenen adımlara benzer Demo kullanmak Google’ın hücresel testi ve tarayıcı pencerenizin boyutunu değiştirme gibi manuel yöntemlerin bir kombinasyonunu kullanın. Herkesi test edin! Her bağlantıya tıklayın; Her sayfada kaydırın; ve işlevselliğin her bir bölümünü kontrol edin. Sitenizin tüm yönleri cep telefonları ve tabletlerde kolayca görülmeli, okunmalı ve dinlenmelidir. Hücreseldeki bazı küçük değişiklikler müşteri memnuniyeti ve dönüşümünde büyük bir fark yaratabilir. Daha fazla ipucu mu arıyorsunuz? Hücreselde WooCommerce’in gücünün kilidini nasıl açacağınızı okuyun.
