Elementor olmadan WooCommerce Ödeme Sayfası Nasıl Düzenlenir?

Donuk göründüğü ve ödeme süreci de uzun olduğu için varsayılan WooCommerce ödeme sayfanızı sevmiyor musunuz? Bu, sayfanızı düzenlemek için doğru zaman olabilir. Bu şekilde müşterileriniz siparişlerini hızlı bir şekilde verebilir ve bu da daha fazla dönüşüm sağlamaya yardımcı olabilir.

Ancak WooCommerce ödeme sayfanızı tam olarak nasıl özelleştirebilirsiniz? Görünüşe göre, manuel düzenleme, eklentileri kullanma ve Elementor sayfa oluşturucu dahil olmak üzere 3 etkili yol var. Bununla birlikte, en iyi yöntem, hangisiyle çalışmayı kolay bulduğunuza bağlıdır.

Şimdi lafı daha fazla uzatmadan önce ödeme sayfanızı neden özelleştirmek isteyebileceğinizi öğrenelim. Bundan sonra , Elementor & Shopready kombinasyonunu kullanarak WooCommerce ödeme sayfanızı nasıl düzenleyeceğinize bakabiliriz.

WooCommerce Ödeme Sayfanızı Neden Düzenlemek İsteyebilirsiniz?

WooCommerce ödeme sayfanız, sipariş satın alma sürecinde büyük bir fark yaratabilir. Bu nedenle, düzenlemek isteyebileceğiniz pek çok neden var. Bunlar şunları içerir:

Kullanıcı deneyimini geliştirin

Herhangi bir varsayılan WooCommerce'deki ödeme işlemi oldukça uzundur. Bu nedenle, sayfayı düzenlemeyi ve ödeme sürecini kısaltmayı seçebilirsiniz. Bu sayede müşterileriniz daha iyi bir alışveriş deneyimi yaşayacaktır.

Ödemeyi güvenli hale getirin

Müşterileriniz faturalarının ve kişisel bilgilerinin güvende olmadığını düşünüyorsa, büyük olasılıkla bir satın alma işlemi yapmadan ayrılacaktır. Bu nedenle, ödeme sayfası şablonunuzu güvenli bir ödeme ağ geçidi içerecek şekilde düzenlemeyi düşünmelisiniz.

Hızlı ve kolay satın alma işlemlerine izin verin

WooCommerce ödeme sayfasını özelleştirmek isteyebileceğiniz başka bir neden, müşterilerinizin siparişlerini hızlı bir şekilde vermelerine yardımcı olmaktır. Örneğin, ayrıntıları otomatik doldurma seçeneğini dahil edebilirsiniz.

Markalaşmayı geliştirin

Markanızın kalabalığın arasından sıyrılmadığını mı düşünüyorsunuz? Profesyonel bir görünüm ve his vermek için WooCommerce ödeme sayfanızı düzenlemek isteyebilirsiniz. Bunu yapmanın bir yolu, tasarımını ve hatta sayfa şablonunu değiştirmek olabilir.

WooCommerce Ödeme Sayfası WO Elementor Nasıl Düzenlenir?

WooCommerce ödeme sayfanızı düzenlemenin birçok yöntemi vardır. Elementor & Shopready kombinasyonunu kullanarak veya eklentileri kullanarak manuel olarak yapmayı seçebilirsiniz. Seçim senin. Öyleyse, her yöntemin nasıl çalıştığını tartışalım.

Yöntem 1: El ile düzenleme

Bu yöntem, ödeme sayfası şablonunuzu düzenlemek için bir kod kullanmayı içerir. Sonuç olarak, diğer düzenleme yöntemlerini kullanmaya kıyasla size özelleştirme üzerinde daha fazla kontrol sağlar. Aşağıda bunun nasıl yapılacağına ilişkin basit adımlar verilmiştir.

1. Adım: Ödeme alanlarını özelleştirmek için filtreler seçin

Ödeme alanlarınızı düzenlemek için e-Ticaret web sitenizdeki functions.php dosyasını kullanacaksınız. Bu kolay olmalı çünkü WooCommerce, ödeme alanlarını özelleştirmenize izin veren bir filtre listesi sağlar. Örneğin, şu var:

• WooCommerce_shipping_fields
• WooCommerce_after_checkout_form
• WooCommerce_billing_fields
• WooCommerce_checkout_after_terms_and_conditions

2. Adım: Yer tutucu metni düzenleyin

Ardından, order_comments_fields üzerindeki yer tutucu metnini özelleştirerek başlayın. Bunu, function.php dosyanıza aşağıdaki kod parçasını ekleyerek yapabilirsiniz.

3. Adım: Alanları kaldırma

Bir alanı kaldırmak istiyorsanız, aşağıdaki kodu function.php dosyanıza eklemeniz yeterlidir.

4. Adım: Gerekli alanları ekleyin

WooCommerce ödeme sayfanıza alanlar eklemek için aşağıdaki kodu function.php dosyanıza eklemeniz yeterlidir.

Kodu girdikten sonra, fazladan bir alanın görüneceğini fark edeceksiniz. Yine de endişelenecek bir şey yok. Verilerin doğrulanması için aşağıdaki kodu kopyalamanız yeterlidir.

Son Adım: Verilerinizi kaydedin

Son olarak, müşterilerinizin ödeme sayfasında girdiği her detayın kaydedildiğinden emin olmak için aşağıdaki kodu girin.

Yöntem 2: Elementor Sayfa Oluşturucuyu Kullanma

Ödeme sayfanızı manuel olarak düzenlemek, kodlama deneyimine sahip olmanızı gerektirir. Neyse ki, teknoloji konusunda bilgili bir adam değilseniz, en iyi WordPress sayfa oluşturucularından biri olan elementor'u kullanabilirsiniz. Elementor kullanarak düzenlemenin nasıl yapılacağına ilişkin adımlar aşağıdadır.

1. Adım: Ödeme sayfasını bulun

İlk olarak, WordPress kontrol panelinize gidin ve Sayfalar listesini bulun. Sayfalar listesinin altında varsayılan ödeme sayfasını bulabilirsiniz. WordPress düzenleyiciyi başlatmak için Düzenle düğmesini tıklamanız yeterlidir. Ardından, Elementor'u etkinleştirmek için Elementor ile Düzenle seçeneğini seçin ve ardından Elementor düzenleyicisini başlatın.

2. Adım: Elementor ödeme widget'ı ekleyin

Ardından, elementor'da varsayılan ödeme sayfasını açın ve mevcut WooCommerce ödeme widget'ını veya kısa kodunu silin. Ardından, ödeme widget'ını Elementor Düzenleyici'ye ekleyin. Ödeme sayfanızın canlı bir önizlemesini görebilmeniz gerekir.

3. Adım: Ödeme sayfasındaki içeriği düzenleyin

Elementor kenar çubuğunda bulunan İçerik sekmesi altında Genel ayarlar'a tıklayın. Ayarlardan, içeriği düzenlemek ve özelleştirmek için bir veya iki sütunlu bir düzen seçmeye karar verebilirsiniz.

Ayrıca, fatura ve gönderim ayrıntılarını, ek bilgileri, siparişinizi, kuponunuzu ve ödeme ayrıntılarınızı düzenleyebilirsiniz. Ve bir kupon kutusu eklemek isterseniz, bu da mümkündür.

4. Adım: Ödeme sayfası stilinizi düzenleyin

İçerik sekmesinin hemen yanında, ödeme sayfanızın stilini daha da özelleştirmek için Stil sekmesine tıklayın. Özel ödeme sayfanızın tasarımının mağazanızın tasarımıyla eşleştiğinden emin olmak istiyorsunuz.

Stil sekmesi altında, Bölümler, Tipografi, Formlar, Sipariş özeti ve Satın Al düğmesi dahil olmak üzere farklı tasarım seçeneklerini seçebilirsiniz. Ödeme sayfanızı öne çıkaran bir stil bulmak için ince ayar yapın ve farklı seçenekleri deneyin.

5. Adım: Değişikliklerinizi kaydedin

Ödeme sayfası şablonunuzun stilini özelleştirmeyi tamamladığınızda, tüm değişiklikleri kaydedin. Ardından, nihayet sayfanızı yayınlamadan önce değişiklikleri önizleyin.

Yöntem 3: Eklentileri Kullanma

WooCommerce ödeme sayfanızı düzenlemenin bir başka kolay ve hızlı yolu bir eklenti kullanmaktır. Şimdi, aralarından seçim yapabileceğiniz bir avuç eklenti seçeneği var. Ancak bu yazıda Elementor ve Shopready kombinasyonunu kullanmaya odaklanacağız.

1. Adım: Elementor için Shopready eklentisini kurun

Bu eklentiyi yüklemeden önce WordPress'inizin bir Elementor sayfa oluşturucusu olduğundan emin olun. Bunun nedeni Shopready'nin tek başına çalışamamasıdır. Ardından, WordPress kontrol panelinizde eklentilere tıklayın ve Yeni Ekle'yi seçin. Ardından, arama kutusunda Shopready'yi bulun ve Etkinleştir düğmesini tıklayın.

2. Adım: Shopready ödeme sayfanızın içeriğini özelleştirin

WordPress kontrol panelinizde Shopready'yi açmayı seçin. Shopready'nin kontrol paneline yönlendirileceksiniz. Panonun altında, sayfanızı özelleştirmenize yardımcı olacak Widget'lar, Modüller ve Şablonlar seçenekleri bulunur. İçeriği düzenlemek ve özelleştirmek için herhangi bir seçeneği seçebilirsiniz.

3. Adım: Widget'ları etkinleştirin

Widget'lar seçeneğine tıklayın ve Tümünü Etkinleştir sekmesini seçin. Ardından, Değişiklikleri kaydet'i seçin. Ancak tüm alanları etkinleştirmek istemiyorsanız, tercih ettiğiniz seçenekleri seçmeniz ve değişiklikleri kaydetmeniz yeterlidir.

Adım 4: Modülleri Etkinleştir

Ardından, Modüller seçeneğini seçin ve Tümünü Etkinleştir'e tıklayın. Ayrıca Tümünü devre dışı bırak seçeneğini seçebilir veya yalnızca birkaçını seçerek etkinleştirebilirsiniz. İşiniz bittiğinde, Değişiklikleri Kaydet düğmesine tıklayın.

Adım 5: Şablonları Etkinleştirin

Bu bölümün altında Mağaza, Ödeme sayfası, Sepet, ürün ayrıntıları sayfası ve daha fazlası gibi seçenekler bulacaksınız. Tercih ettiğiniz şablon seçeneklerinde Etkinleştir sekmesini ve ardından Kaydet'i tıklayın.

6. Adım: Para birimi API'sini etkinleştirin

API sekmesine tıklayın ve sağlanan boş alana para birimi API anahtarınızı girin. Ardından, işlemi tamamlamak için Değişiklikleri Kaydet seçeneğini seçin.

WooCommerce Ödeme Sayfasını Düzenlemek İçin Shopready'i neden kullanmalısınız?

ShopReady, Elementor için basit bir eklentidir. QuomodoSoft tarafından geliştirilen bu eklenti, WooCommerce özel ödeme sayfanızı düzenlemek için kullanırken pek çok avantaj sunar. Bunlar şunları içerir:

Geniş widget yelpazesi

Bu eklenti, Elementor sayfanıza kolayca ekleyebileceğiniz 100'den fazla mağaza sayfası widget'ı sağlar. Sonuç olarak, WooCommerce ödeme sayfasını ihtiyaçlarınıza göre hızlı bir şekilde özelleştirebilirsiniz .

Önceden oluşturulmuş şablonlar

Yeni bir WooCommerce kullanıcısıysanız, ödeme sayfalarınızı düzenlemek için Shopready kullanmayı düşünmelisiniz. Bunun nedeni, eklentinin özelleştirme kolaylığı için önceden tasarlanmış şablonlara sahip olmasıdır.

Müşteri odaklı özellikler

WooCommerce sayfanızı düzenlemek için bu eklentiyi kullanmanızın bir başka nedeni de müşteri odaklı özellikleridir. Bunlardan bazıları Teşekkür Sayfası, kupon kutusu seçeneği ekleme ve ürün karşılaştırmalarını içerir.

Mobil uyumlu

Bu eklenti, ödeme sayfanızı düzenlemenize ve mobil uyumlu hale getirmenize olanak tanır. Sonuç olarak müşterileriniz, kullandıkları cihazdan bağımsız olarak mükemmel bir alışveriş deneyimi yaşayabilir.

Çözüm

Genel olarak, WooCommerce ödeme sayfanızı düzenlemek isteyebileceğiniz pek çok neden var. Müşterinizin kullanıcı deneyimini geliştirmek, sayfayı güvenli hale getirmek veya markanızı geliştirmek isteyebilirsiniz. Durum ne olursa olsun, eklentiler, elementor kullanarak düzenlemeyi veya manuel olarak yapmayı seçebilirsiniz.

Elbette eklentileri veya elementor & Shopready kombinasyonunu kullanmak en kolay yöntemdir. Bunun nedeni Shopready'nin aralarından seçim yapabileceğiniz geniş bir widget yelpazesi sunmasıdır. Sonuç olarak, ödeme sayfanızı düzenleyebilir ve istediğiniz kadar kişiselleştirebilirsiniz. Ancak kodlama konusunda deneyimliyseniz, sayfalarınızı her zaman manuel olarak düzenleyebilirsiniz.

WooCommerce W/O Eklentisinde İstek Listesi Nasıl Eklenir