WooCommerce Ödeme Sayfası Nasıl Özelleştirilir (Kolay Yol)


WooCommerce ödeme sayfanızı özelleştirmek ister misiniz?

Varsayılan WooCommerce ödeme sayfası, dönüşümler için optimize edilmemiştir. Ödeme sayfanızı özelleştirerek ve optimize ederek dönüşümlerinizi artırabilir ve daha fazla satış yapabilirsiniz.

Bu makalede, herhangi bir kod yazmadan adım adım WooCommerce ödeme sayfanızı nasıl kolayca özelleştirebileceğinizi göstereceğiz.

How to customize WooCommerce checkout page (the easy way)

WordPress'te WooCommerce Checkout Sayfasını Neden Özelleştirin?

Araştırmalar, tüm arabaların %70-85'inin terk edildiğini gösteriyor. Başka bir deyişle, kullanıcıların çoğu satın alma işlemi yapmadan ödeme sayfalarınızdan ayrılıyor.

Özel bir WooCommerce ödeme sayfası oluşturmak, bir web sitesi ziyaretçisini mağazanızdan ayrılmadan önce müşteriye dönüştürmek için size son bir fırsat verir.

Özel bir ödeme sayfasıyla, güven oluşturmak için referanslar / sosyal kanıt öğeleri ekleyebilir, geliri artırmak için ilgili ürünler ekleyebilir ve daha iyi dönüşümler için genel sayfa düzenini optimize edebilirsiniz.

Checkout page example

Bunların tümü, dönüşümleri artıracak ve ziyaretçinizin uzun vadeli bir müşteri haline gelme olasılığını artıracaktır.

İlerlemeden önce, burada da dönüşümleri iyileştirmek için WooCommerce alışveriş sepeti sayfanızı özelleştirmek isteyebilirsiniz.

WooCommerce'in alışveriş sepeti ve ödeme sayfalarını birlikte kullanıyorsanız, ziyaretçilerinize harika bir ödeme deneyimi sunmak için bu sayfaların benzer markalara sahip olmasını istersiniz.

Bunları birlikte özelleştirerek genel dönüşümlerinizi iyileştirebilir ve daha fazla gelir elde edebilirsiniz. Daha fazla ayrıntı için, herhangi bir kod yazmadan özel bir WooCommerce alışveriş sepeti sayfasının nasıl oluşturulacağına ilişkin kılavuzumuza bakın.

Bununla birlikte, WooCommerce ödeme sayfanızı nasıl kolayca özelleştirebileceğinize ve çevrimiçi mağazanızdan nasıl daha fazla para kazanabileceğinize bir göz atalım.

WordPress'te WooCommerce Ödeme Sayfanızı Nasıl Özelleştirirsiniz?

SeedProd, 1 milyondan fazla web sitesi tarafından kullanılan en iyi sürükle ve bırak WordPress sayfa oluşturucusudur. Daha fazla satış yapmak için WooCommerce ödeme sayfanızı kolayca özelleştirmenizi sağlar.

Yapmanız gereken ilk şey eklentiyi kurmak ve etkinleştirmektir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Not: SeedProd'un ücretsiz bir sürümü mevcuttur, ancak bu eğitim için, yerleşik WooCommerce bloklarına sahip olduğundan Pro sürümünü göstereceğiz.

Eklenti etkinleştirildikten sonra SeedProd »Ayarlar'a gidin ve lisans anahtarınızı girin.

SeedProd license key

Bu bilgiyi SeedProd web sitesinde hesap sayfanızın altında bulabilirsiniz.

Bundan sonra, SeedProd »Sayfaları'na gidin ve ardından 'Yeni Açılış Sayfası Ekle' düğmesini tıklayın.

Add new SeedProd landing page

Ardından, bir açılış sayfası şablonu seçmeniz istenecektir. Aralarından seçim yapabileceğiniz düzinelerce profesyonelce tasarlanmış şablon var.

Şablonların farklı kategorilere göre filtrelendiğini fark edeceksiniz. Oluşturmak istediğiniz sayfa türüyle eşleşen bir şablon kategorisi seçmek, sayfanızı daha hızlı oluşturmanıza yardımcı olabilir.

Bununla birlikte, hangi şablonu seçerseniz seçin, her şablon tamamen özelleştirilebilir.

Bu eğitim için, tam olarak istediğimiz türde bir ödeme sayfası oluşturmamıza izin verdiği için 'Boş' şablonunu seçeceğiz.

Bir şablon seçmek için üzerine gelin ve 'Onay işareti' simgesini tıklayın.

Select blank SeedProd template

Bundan sonra, sayfanıza bir ad vermeniz istenecektir. Sayfa adı, ödeme sayfanızın URL'siyle de eşleşir.

Ardından, 'Kaydet ve Sayfayı Düzenlemeye Başla' düğmesini tıklayın.

Name checkout page

Bu sizi özel WooCommerce ödeme sayfanızı oluşturabileceğiniz sürükle ve bırak düzenleyicisine götürecektir.

Sağ taraf sayfa önizlemeniz, sol taraf ise özelleştirmenize yardımcı olacak seçenekler paneli olacaktır.

İlk olarak, markanızı koruyabilmeniz için bir başlık ekleyeceğiz.

Bunu yapmak için sol paneldeki 'Bölümler' menü seçeneğine tıklayın ve ardından 'Başlık' kategorisine tıklayın.

Insert header section

Bundan sonra, "Başlık 1" şablonunun üzerine gelin ve "Artı" simgesini tıklayın.

Ardından, sayfanızın 'Resim' bölümünü tıklayın ve soldaki menüye mağaza logonuzu yükleyin.

Add header logo

Ardından, gezinme menüsünün üzerine gelip 'Bloğu Sil'i tıklayarak silebilirsiniz.

Diğer menü öğelerini silmek, sayfa çıkışlarının sayısını azaltır ve ziyaretçinizin satın alma işlemini tamamlama olasılığını artırır.

Delete menu block

Bunu yaptıktan sonra, 'Harekete Geçirici Mesaj' etiketli düğmeyi tıklayın.

Metni 'Sepeti Görüntüle' yazacak şekilde değiştireceğiz.

Edit button text

Bu, kullanıcılarınızın ürün eklemek veya miktarı değiştirmek için sepet sayfasına geri dönmelerini sağlar.

Ardından, WooCommerce alışveriş sepeti sayfanızın URL'sini 'Bağlantı' etiketli kutuya ekleyin.

Bağlantıyı nofollow yapabilir veya yeni bir sekmede açabilirsiniz, ancak varsayılan ayarları bırakacağız.

Edit button URL

Ardından, 'Düzeninizi seçin:' bölümünde içerik ve kenar çubuğu düzenini tıklayın.

Bu, ödemeniz için bir bölüm ve ayrıca önerilen bir ürün bölümü oluşturmanıza olanak tanır.

Select two column layout

Bundan sonra, WooCommerce bölümünde 'Ödeme' bloğunu bulun ve sayfanıza sürükleyin.

Renk şeması, yazı tipi seçimi, bağlantı rengi, düğmeler ve daha fazlası dahil olmak üzere ödemenizin nasıl görüneceğini tamamen özelleştirebilirsiniz.

Add checkout block

Ardından, popüler ürünler veya önerilen ürünler bölümü ekleyebilirsiniz. Bu, alışveriş yapanların ilgi duyabileceği diğer ürünleri tanıtarak satışlarınızı artırmanıza olanak tanır.

Bunu eklemek için, 'WooCommerce' bölümünden 'En Çok Satan Ürünler' bloğunu sürüklemeniz yeterlidir.

Diğer WooCommerce ürün bloklarından herhangi birini de seçebilirsiniz.

Add WooCommerce products block

Ardından, popüler ürünlerin üstüne bir başlık ekleyebilirsiniz.

'Başlık' bloğunu popüler ürünlerin üzerindeki sayfanıza sürüklemeniz yeterlidir. Yazı tipini, boyutunu, metni, rengi ve daha fazlasını özelleştirebilirsiniz.

Add product headline block

Bunu yaptıktan sonra, bir referans bloğu ekleyebilirsiniz. Bu, sosyal kanıt görevi görür ve ziyaretçilerinizin doğru kararı vermelerini sağlar.

'Görüşler' bloğunu bulun ve popüler ürünlerinizin altına sürükleyin.

Add testimonials block

Referanslar bloğu tamamen özelleştirilebilir.

Bir müşteri fotoğrafı, iş unvanı ve daha fazlasını ekleyebilirsiniz.

Customize testimonials block

Sosyal kanıtı daha da geliştirmek için yapabileceğiniz başka bir şey de, referansınızın hemen altına bir yıldız derecelendirmesi eklemektir.

'Yıldız Derecelendirmesi' bloğunu seçin ve referansınızın altına sürükleyin.

Add star rating block

WooCommerce ödeme sayfanızı özelleştirmeyi bitirdikten sonra, 'Kaydet' düğmesinin yanındaki açılır oku tıklayarak ve 'Yayınla'yı seçerek bunu canlı hale getirebilirsiniz.

Publish checkout page

Şimdi, varsayılan WooCommerce ödemesi yerine, yüksek dönüşümlü bir WooCommerce ödeme sayfası oluşturdunuz.

Sayfanızı özelleştirmeye ve farklı öğeleri, bölümleri ve blokları test etmeye devam etmekten çekinmeyin.

WooCommerce checkout page example

Profesyonel ipucu: Özelleştirmelerinizin geliri artırıp artırmadığını görmek için WooCommerce ödeme sayfanızın performansını izleyebilirsiniz. Daha fazla ayrıntı için WooCommerce dönüşüm izlemenin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Ödeme Sayfanızı WooCommerce'e Atayın

Ödeme sayfanızı özelleştirmeyi bitirdikten ve canlı hale getirdikten sonra, varsayılan WooCommerce URL ayarlarını değiştirmeniz gerekir.

URL'yi değiştirmek, müşterilerinizin varsayılan seçenek yerine otomatik olarak yeni WooCommerce ödeme sayfanıza gitmesini sağlar.

Önce WooCommerce »Ayarlar'a gidin ve 'Gelişmiş' sekmesine tıklayın.

Change WooCommerce cart URL

Ardından, açılır menüden yeni WooCommerce ödeme sayfası URL'sini seçin.

Ekranın altındaki 'Değişiklikleri kaydet'i tıkladığınızdan emin olun.

Şimdi, bir ziyaretçi 'Ödemeye devam et'i tıkladığında, az önce oluşturduğunuz yeni, yüksek dönüşüm sağlayan sayfanıza yönlendirilecektir.

Bazı WooCommerce temaları, müşterilere doğrudan ödeme sayfasına gitme seçeneği bile sunar.

Direct to checkout example

Ödeme Sayfası Terk Etme Nasıl Azaltılır

Ödeme sayfasından vazgeçme, bir müşterinin ödeme sürecini başlatmasına rağmen ödemesini tamamlamamasıdır. Sepeti terk etmeye benzer, ancak ödemeyi tamamlama ve müşteri olma yolunda bir adım daha.

Ödeme sayfanızı yukarıdaki öğreticiyle özelleştirmek, ödeme sayfanızı dönüşümler için optimize etme konusunda uzun bir yol kat edecektir.

Ancak, ödemeden vazgeçmeyi daha da azaltmak için yapabileceğiniz birkaç şey vardır.

Herhangi Bir Eklenti Ödeme Ücretini Azaltın

Müşteriler sepetlerine ulaştıklarında toplam fiyatın toplam ürün fiyatlarına yakın olmasını beklerler.

Ödemeyi yapıp vergileri, yüksek nakliye ücretlerini ve diğer ek ücretleri görürlerse, satın alma işlemini tamamlamama ihtimalleri yüksektir.

Added fees example

Bir müşteri, maliyetlerin haklı olduğunu düşünürse satın almaya devam edebilir. Ancak, yapılacak en iyi şey, fiyatlandırmanızı önceden yapmaktır.

Ürünlerinizi göndermek için çok fazla ek ücretiniz varsa, bunları toplam ürün fiyatlarınıza ekleyin. Veya ek maliyetlerin nedenini açıklayın.

Amazon, 2 günlük ücretsiz kargo hizmeti sunarak e-ticaret alanına hakim olmayı başardı.

Ürünleriniz için ücretsiz gönderim veya belirli bir tutarın üzerindeki siparişlere ücretsiz gönderim teklif etmeyi düşünün.

Hesap Oluşturmayı İsteğe Bağlı veya Daha Basit Hale Getirin

Bir satın alma işlemini tamamlamadan önce hesap kaydının talep edilmesi, terk edilmeye neden olabilir. Bu, e-posta abonelerinizi artırabilir, ancak satın alma sürecine daha fazla sürtünme katar.

Kullanıcılarınızın bir hesap oluşturmasına izin verebilirsiniz, ancak bunu bir gereklilik haline getirmeniz gerekmez.

Bunun yerine, kullanıcı satın alma işlemini tamamladıktan sonra e-posta listenizi büyütmek için bir kayıt formu oluşturabilirsiniz.

Ödeme sayfasındaki gerekli alanları da basitleştirebilirsiniz. Daha fazla bilgi toplamanız gerekiyorsa, bunu ödeme işleminden sonra yapabilirsiniz.

Amaç, satın alma işlemini tamamlayabilmeleri için kullanıcının yolundan olabildiğince çok alanı (sürtünme noktası) ortadan kaldırmak olmalıdır.

Daha Fazla Ödeme Ödeme Seçeneği Sunun

Ziyaretçilerinizin ödeme sürecini takip etmemesinin bir başka nedeni de yeterli ödeme seçeneği sunmamanızdır.

Çevrimiçi mağazanız en yaygın ödeme seçeneklerini sağlamalıdır.

Payment options example

Müşterileriniz kendileri için en uygun olan ödeme yöntemini kullanacaktır.

Daha fazla ayrıntı için WordPress için en iyi WooCommerce ödeme ağ geçitleri listemize bakın.

Bu makalenin WooCommerce ödeme sayfasını kolayca özelleştirmenize yardımcı olacağını umuyoruz. Ayrıca, en iyi WooCommerce barındırma uzman seçimlerimizi ve mağazanız için en iyi WooCommerce eklentileri listemizi görmek isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi Twitter ve Facebook'ta da bulabilirsiniz.

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Divi's Theme Builder ile Özel Global Başlık Nasıl Oluşturulur

Artık Tema Oluşturucu burada olduğuna göre, web sitenizi A'dan Z'ye kurmanıza yardımcı olacak yeni eğitimlere dalmak için sabırsızlanıyoruz. Buna Divi'nin yerleşik seçeneğini kullanarak özel başlıklar oluşturma da dahildir. Bu eğitimde Divi's Theme Builder'ı kullanarak global bir başlık oluşturmaya odaklanacağız. Bu sayfaya veya gönderiye farklı bir başlık atamadıysanız, web sitenizin her yerinde genel bir başlık görünecektir.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir