Ekran ödeme sayfası nasıl ayarlanır
Herhangi bir çevrimiçi mağazadaki ödeme işlemi, alıcının yolculuğunda en önemlisidir. Bunun nedeni, alıcıları alışveriş yapmaya ikna etmek için son fırsatınızdır. Buna ek olarak, kullanıcı son adımda fikrini değiştirdiğinde birçok alışveriş sepetinin terk edildiği belirtilmelidir. Ödeme Ödeme Özelleştirme, nakliye maliyetleri ve ödeme seçenekleri gibi faktörler, sepetin ihmal edilmesinin ana nedenidir. Ancak, ödeme sayfası da büyük bir rol oynar. Ödeme formu çok karmaşıksa veya tamamlanması uzun sürerse, müşteriler başka bir yerden satın alabilir. Ayrıca, hassas bilgi isteyen ödeme alanının silmesini öneririm.
Ödeme formunu optimize etmenin en iyi yolu gerekli alanlara sahip olmaktır. İşletmenizin ve hedef kitlenizin ihtiyaçlarına dayanmalıdırlar. Bu yazı, hedef kitleyi ve işletme ihtiyaçlarınızı karşılamak için ödeme sayfasını ayarlayarak size rehberlik edecektir. Ödeme düzlemi ödeme sayfasını ayarlayın, müşterilerden aşağıdakileri istemektedir:
Fatura Detayları
İlk adı
soyadı
Firma Adı
Ülke
Adres
Şehir/Şehir
Alan
Posta Kodu/Zip
Telefon
E -posta adresi
Sipariş notu Ödeme düzlemini ayarlamanın en iyi yolu bir kod görüntüsü kullanmaktır. Tüm sınıfları ve seçmenleri görmek için, ayarlamak istediğiniz doğru öğeleri bulmak için web sitenizde tarayıcı müfettişinizi kullanın.
.WooCommerce Form. Form-Serçe {
Genişlik:%100! Önemli;
}
.WOOCOMMERCE-CHECKOUT #Payment Div.payment_box Input.input-Text, .WOOOCOMMERCE-CHECKOUT #Payment div.payment_box textarea {
Genişlik:%100! Önemli;
Rulman: 8px;
}
.WOOCOMMERCE #Payment .Form-Row Select, .WOOOCOMMERCE-PAGE #Payment .Form-ROW SELECT {
Genişlik:%100;
Yükseklik: 30 piksel;
}
.WOOCOMMERCE .Col2-Set .col-1, .WOOCOMMERCE-PAGE .col2-set .col-1, .wooocommerce .col2-set .col-2, .wooocommerce-page .col2-set .col-2 {
şamandıra: sol;
Genişlik:%100;
}
.Custom-checkout H3 {
Arka plan rengi: #165F1C; /**** ****/genişlik başlığının arka planı için kullanmak istediğiniz rengi değiştirin:%45;
Metnin hizalanması: orta;
Rulman: 10 piksel;
Sınırlar: 5 piksel;
Marj-Top: 50px;
Renk: #fff;
şamandıra: doğru;
}
WOOOCOMMERCE FORM. Form-Sıra Giriş.
Rulman: .6180469716em;
Arka plan rengi: #f2f2f2;
Renk: #43454b;
Anahat: 0;
Sınır: 0;
-Webkit görünümü: yok;
Sınırlar: 2 piksel;
Kutu Boyutu: Sınır Kutusu;
Font-Heavy: 400;
Sınır: katı 2px #e4e4e4;
}
#wc_checkout_add_on {
Genişlik:%45;
şamandıra: doğru;
Metnin hizalanması: orta;
}
@Media ekranı ve (min genişliği: 980px) {
WOOCOMMERCE-SONRAKLARI H3, .WOOOCOMMERCE BAZLAMA ALANLARI H3 {Genişlik:%100;}
.WOOCOMMERCE .Col2-Set, .WOOCOMMERCE-PAGE .Col2-set {
Genişlik:%45;
şamandıra: sol;
}
.WOOCOMMERCE-CHECKOUT-REVIEW-SERME {
Genişlik:%45;
şamandıra: doğru;
}
}
@Media ekranı ve (maksimum genişlik: 979px) {
.Custom-checkout H3 {
Genişlik:%100;
}
}
Sonuç bu:
Ödeme uçağını silmek için adımlar, izlemeniz gereken adımlardır:
WordPress sitenizi girin ve yönetici kullanıcısı olarak gösterge tablosuna erişin. Gösterge Tablosu menüsünden görünüm menüsü> Tema Düzenleyici menüsüne tıklayın. Tema düzenleyicisi sayfası açıldığında, ödeme alanını silmek için tema işlevi dosyasını arayın.
PHP dosyasına aşağıdaki kodu ekleyin. Ancak, tüm kodları eklemek, ödeme sayfasından tüm alanları siler, bu nedenle yalnızca silmek istediğiniz alanı eklediğinizden emin olun.
/**
İzin veren tüm alanları silin
**/
Wc_remove_checkout_fields işlevi ($ fields) {
// faturalandırma alanı
unset ($ fields [‘faturalandırma’] [‘Billing_company’]);
unset ($ fields [‘faturalandırma’] [‘Billing_email’]);
unset ($ fields [‘faturalandırma’] [‘Billing_state’]);
unset ($ fields [‘faturalandırma’] [‘Billing_first_name’]);
unset ($ fields [‘faturalandırma’] [‘Billing_last_name’]);
unset ($ fields [‘faturalandırma’] [‘Billing_address_1’]);
unset ($ fields [‘faturalandırma’] [‘Billing_address_2’]);
unset ($ fields [‘faturalandırma’] [‘Billing_city’]);
unset ($ fields [‘faturalandırma’] [‘Billing_postcode’]);
// teslimat alanı
unset ($ fields [‘nakliye’] [‘nakliye_payan’]);
Unset ($ fields [‘nakliye’] [‘nakliye_ telefon’]);
unset ($ fields [‘nakliye’] [‘nakliye_state’]);
unset ($ fields [‘nakliye’] [‘nakliye_nama_pertama’]);
unset ($ fields [‘nakliye’] [‘nakliye_last_name’]);
unset ($ fields [‘nakliye’] [‘nakliye_address_1’]);
unset ($ fields [‘nakliye’] [‘nakliye_address_2’]);
unset ($ fields [‘nakliye’] [‘nakliye_ciki’]);
unset ($ fields [‘nakliye’] [‘nakliye_postcode’]);
// Mesaj alanı
unset ($ fields [‘sipariş’] [‘sipariş_comments’]);
$ Field Return;
}
add_filter (‘wooocommerce_checkout_fields’, ‘wc_remove_checkout_fields’); Devlet alanının gerekli olduğu belirtilmelidir. Bu alanı silerseniz, müşteri siparişleri tamamlanamaz. Bunun nedeni, “Lütfen devam etmek için adresi girin” yazan bir hata mesajı alacağınızdır.
Zorunlu bir alan yapma adımları zorunlu değil Bu örnekte, faturalandırma telefon alanını düzenleyeceğim. Takip etmeniz gereken adımlar şunlardır: WordPress sitenizi girin ve yönetici kullanıcısı olarak kontrol paneline erişin.
Gösterge Tablosu menüsünden görünüm menüsü> Tema Düzenleyici menüsüne tıklayın. Tema düzenleyicisi sayfası açıldığında, gerekli alanları oluşturmak için tema işlevleri dosyasını arayın.
İşleve aşağıdaki kodu ekleyin. PHP dosyası
Custom_override_checkout_fields işlevi ($ fields)
{
unset ($ fields [‘faturalandırma’] [‘Billing_address_2’]);
$ Fields [‘faturalandırma’] [‘Billing_company’] [‘yer tutucu’] = ‘işletme adı’;
$ fields [‘faturalandırma’] [‘Billing_company’] [‘etiket’] = ‘işletme adı’;
$ fields [‘faturalandırma’] [‘Billing_first_name’] [‘yer tutucu’] = ‘ad adı’;
$ fields [‘nakliye’] [‘nakliye_first_name’] [‘yer tutucu’] = ‘ad adı’; $ fields [‘nakliye’] [‘nakliye_last_name’] [‘yer tutucu’] = ‘soyadı’;
$ fields [‘nakliye’] [‘nakliye_comsani’] [‘yer tutucu’] = ‘şirket adı’;
$ Fields [‘faturalandırma’] [‘Billing_last_name’] [‘yer tutucu’] = ‘soyadı’;
$ fields [‘faturalandırma’] [‘Billing_email’] [‘yer tutucu’] = ‘e -posta adresi’;
$ Fields [‘faturalandırma’] [‘Billing_phone’] [‘yer tutucu’] = ‘telefon’;
$ Field Return;
}
Sonuç bu olacak:
Kısacası, ödeme alanını ödeme sayfasındaki nasıl ayarlayabileceğinizi paylaştım. Bu sayfayı optimize etmek önemlidir, çünkü bu, alıcıları alışveriş yapmaya ikna etmek için son fırsatınızdır.
Ayrıca, ihtiyacınız olan bilgileri iş ihtiyaçlarına ve hedef kitleye göre toplamanız gerekir. Bu, sepetlerin ihmalini azaltmanıza ve mağazanızdaki satışları önemli ölçüde artırmanıza yardımcı olacaktır. Ancak, paylaştığım kod görüntülerini değiştiremiyorsanız, sitenize zarar vermemeniz için lütfen bir geliştirici kiralayın. Benzer makaleler
Wooocommerce Ödeme Formuna ekstra bir alan nasıl eklenir
WOOOCOMMERCE Ürünleri Arama Sonuçlarından Nasıl Gizlenir
Wooocommerce ile dijital ürünler nasıl satılır Wooocommerce’deki ürüne GTIN numarası nasıl eklenir
WooCommerce’e Özel Siparişler Durumu Nasıl Eklenir
WooCommerce Ürün sayfasından miktar alanını gizleyin veya silin
Woocommerce Vitrin Tema Kategorisi Nasıl Gizlenir
Belirli kategoriler için ödeme yöntemleri nasıl devre dışı bırakılır Woocommerce penceresinden hücresel altbilgi nasıl gizlenir
Mağaza Düğmesi Renk Teması Nasıl Değiştirilir
Sıra başına ürün sayısı nasıl değiştirilir
WooCommerce Vitrini’ndeki bir sonraki ürün sekmesini nasıl kapatılır
WooCommerce Vitrin Temasıyla İlgili Ürünler Nasıl Silinir
Giriş düğmesi oluşturmak için WooCommerce Oturum Açma PHP örnekleri
Sayfa başına ürün nasıl değiştirilir wooocommerce mağaza teması
Footter’da Wooocommerce Ödeme simgesi nasıl eklenir [HTML]
Sepetler Vekili Tema Başlıklarından Nasıl Silinir
Ürün mağazası temalarının sırasını nasıl değiştirir
WooCommerce Storefront temasının yazı tipi boyutu nasıl değiştirilir
Woocommerce’deki sipariş durumu mesajının adını nasıl değiştirilir
Ödeme formunu optimize etmenin en iyi yolu gerekli alanlara sahip olmaktır. İşletmenizin ve hedef kitlenizin ihtiyaçlarına dayanmalıdırlar. Bu yazı, hedef kitleyi ve işletme ihtiyaçlarınızı karşılamak için ödeme sayfasını ayarlayarak size rehberlik edecektir. Ödeme düzlemi ödeme sayfasını ayarlayın, müşterilerden aşağıdakileri istemektedir:
Fatura Detayları
İlk adı
soyadı
Firma Adı
Ülke
Adres
Şehir/Şehir
Alan
Posta Kodu/Zip
Telefon
E -posta adresi
Sipariş notu Ödeme düzlemini ayarlamanın en iyi yolu bir kod görüntüsü kullanmaktır. Tüm sınıfları ve seçmenleri görmek için, ayarlamak istediğiniz doğru öğeleri bulmak için web sitenizde tarayıcı müfettişinizi kullanın.
Metin giriş kutusunun arka plan rengini ve düzenini değiştirmek ve onlara yuvarlak bir açı vermek için adımlar izlemeniz gereken basit adımlar:
WordPress sitenizi girin ve yönetici kullanıcısı olarak gösterge tablosuna erişin.
Gösterge Tablosu menüsünden görünüm menüsüne tıklayın> Özelleştir.
Görünen tarafın sol tarafındaki ek CSS’ye gidin.
CSS ekle
[Type = “text”] {
Sınırlar: 10 piksel! Önemli;
Arka plan rengi: aqua! Önemli;
}
Sonuç bu:
Alanın düzenini değiştirmek için aşağıdaki CSS kodunu ekleyin:
.WooCommerce Form. Form-Serçe {
Genişlik:%100! Önemli;
}
.WOOCOMMERCE-CHECKOUT #Payment Div.payment_box Input.input-Text, .WOOOCOMMERCE-CHECKOUT #Payment div.payment_box textarea {
Genişlik:%100! Önemli;
Rulman: 8px;
}
.WOOCOMMERCE #Payment .Form-Row Select, .WOOOCOMMERCE-PAGE #Payment .Form-ROW SELECT {
Genişlik:%100;
Yükseklik: 30 piksel;
}
.WOOCOMMERCE .Col2-Set .col-1, .WOOCOMMERCE-PAGE .col2-set .col-1, .wooocommerce .col2-set .col-2, .wooocommerce-page .col2-set .col-2 {
şamandıra: sol;
Genişlik:%100;
}
.Custom-checkout H3 {
Arka plan rengi: #165F1C; /**** ****/genişlik başlığının arka planı için kullanmak istediğiniz rengi değiştirin:%45;
Metnin hizalanması: orta;
Rulman: 10 piksel;
Sınırlar: 5 piksel;
Marj-Top: 50px;
Renk: #fff;
şamandıra: doğru;
}
WOOOCOMMERCE FORM. Form-Sıra Giriş.
Rulman: .6180469716em;
Arka plan rengi: #f2f2f2;
Renk: #43454b;
Anahat: 0;
Sınır: 0;
-Webkit görünümü: yok;
Sınırlar: 2 piksel;
Kutu Boyutu: Sınır Kutusu;
Font-Heavy: 400;
Sınır: katı 2px #e4e4e4;
}
#wc_checkout_add_on {
Genişlik:%45;
şamandıra: doğru;
Metnin hizalanması: orta;
}
@Media ekranı ve (min genişliği: 980px) {
WOOCOMMERCE-SONRAKLARI H3, .WOOOCOMMERCE BAZLAMA ALANLARI H3 {Genişlik:%100;}
.WOOCOMMERCE .Col2-Set, .WOOCOMMERCE-PAGE .Col2-set {
Genişlik:%45;
şamandıra: sol;
}
.WOOCOMMERCE-CHECKOUT-REVIEW-SERME {
Genişlik:%45;
şamandıra: doğru;
}
}
@Media ekranı ve (maksimum genişlik: 979px) {
.Custom-checkout H3 {
Genişlik:%100;
}
}
Sonuç bu:
Ödeme uçağını silmek için adımlar, izlemeniz gereken adımlardır:
WordPress sitenizi girin ve yönetici kullanıcısı olarak gösterge tablosuna erişin. Gösterge Tablosu menüsünden görünüm menüsü> Tema Düzenleyici menüsüne tıklayın. Tema düzenleyicisi sayfası açıldığında, ödeme alanını silmek için tema işlevi dosyasını arayın.
PHP dosyasına aşağıdaki kodu ekleyin. Ancak, tüm kodları eklemek, ödeme sayfasından tüm alanları siler, bu nedenle yalnızca silmek istediğiniz alanı eklediğinizden emin olun.
/**
İzin veren tüm alanları silin
**/
Wc_remove_checkout_fields işlevi ($ fields) {
// faturalandırma alanı
unset ($ fields [‘faturalandırma’] [‘Billing_company’]);
unset ($ fields [‘faturalandırma’] [‘Billing_email’]);
unset ($ fields [‘faturalandırma’] [‘Billing_state’]);
unset ($ fields [‘faturalandırma’] [‘Billing_first_name’]);
unset ($ fields [‘faturalandırma’] [‘Billing_last_name’]);
unset ($ fields [‘faturalandırma’] [‘Billing_address_1’]);
unset ($ fields [‘faturalandırma’] [‘Billing_address_2’]);
unset ($ fields [‘faturalandırma’] [‘Billing_city’]);
unset ($ fields [‘faturalandırma’] [‘Billing_postcode’]);
// teslimat alanı
unset ($ fields [‘nakliye’] [‘nakliye_payan’]);
Unset ($ fields [‘nakliye’] [‘nakliye_ telefon’]);
unset ($ fields [‘nakliye’] [‘nakliye_state’]);
unset ($ fields [‘nakliye’] [‘nakliye_nama_pertama’]);
unset ($ fields [‘nakliye’] [‘nakliye_last_name’]);
unset ($ fields [‘nakliye’] [‘nakliye_address_1’]);
unset ($ fields [‘nakliye’] [‘nakliye_address_2’]);
unset ($ fields [‘nakliye’] [‘nakliye_ciki’]);
unset ($ fields [‘nakliye’] [‘nakliye_postcode’]);
// Mesaj alanı
unset ($ fields [‘sipariş’] [‘sipariş_comments’]);
$ Field Return;
}
add_filter (‘wooocommerce_checkout_fields’, ‘wc_remove_checkout_fields’); Devlet alanının gerekli olduğu belirtilmelidir. Bu alanı silerseniz, müşteri siparişleri tamamlanamaz. Bunun nedeni, “Lütfen devam etmek için adresi girin” yazan bir hata mesajı alacağınızdır.
Zorunlu bir alan yapma adımları zorunlu değil Bu örnekte, faturalandırma telefon alanını düzenleyeceğim. Takip etmeniz gereken adımlar şunlardır: WordPress sitenizi girin ve yönetici kullanıcısı olarak kontrol paneline erişin.
Gösterge Tablosu menüsünden görünüm menüsü> Tema Düzenleyici menüsüne tıklayın. Tema düzenleyicisi sayfası açıldığında, gerekli alanları oluşturmak için tema işlevleri dosyasını arayın.
İşleve aşağıdaki kodu ekleyin. PHP dosyası
add_filter (‘wooocommerce_billing_fields’, ‘wc_unrequire_wc_phone_field’);
wc_unrequire_wc_phone_field function ($ fields) {
$ Fields [‘Billing_phone’] [‘zorunlu’] = false;
$ Field Return;
}
Sonuç bu:
Etiketi ve yer tutucu giriş alanlarını değiştirme adımları, takip etmeniz gereken basit adımlardır:
WordPress sitenizi girin ve yönetici kullanıcısı olarak gösterge tablosuna erişin.
Gösterge Tablosu menüsünden görünüm menüsü> Tema Düzenleyici menüsüne tıklayın. Tema düzenleyicisi sayfası açıldığında, giriş ve yer tutucu alan etiketini değiştirmek için tema işlevi dosyasını arayın.
PHP dosyasına aşağıdaki kodu ekleyin
Custom_override_checkout_fields işlevi ($ fields)
{
unset ($ fields [‘faturalandırma’] [‘Billing_address_2’]);
$ Fields [‘faturalandırma’] [‘Billing_company’] [‘yer tutucu’] = ‘işletme adı’;
$ fields [‘faturalandırma’] [‘Billing_company’] [‘etiket’] = ‘işletme adı’;
$ fields [‘faturalandırma’] [‘Billing_first_name’] [‘yer tutucu’] = ‘ad adı’;
$ fields [‘nakliye’] [‘nakliye_first_name’] [‘yer tutucu’] = ‘ad adı’; $ fields [‘nakliye’] [‘nakliye_last_name’] [‘yer tutucu’] = ‘soyadı’;
$ fields [‘nakliye’] [‘nakliye_comsani’] [‘yer tutucu’] = ‘şirket adı’;
$ Fields [‘faturalandırma’] [‘Billing_last_name’] [‘yer tutucu’] = ‘soyadı’;
$ fields [‘faturalandırma’] [‘Billing_email’] [‘yer tutucu’] = ‘e -posta adresi’;
$ Fields [‘faturalandırma’] [‘Billing_phone’] [‘yer tutucu’] = ‘telefon’;
$ Field Return;
}
Sonuç bu olacak:
Kısacası, ödeme alanını ödeme sayfasındaki nasıl ayarlayabileceğinizi paylaştım. Bu sayfayı optimize etmek önemlidir, çünkü bu, alıcıları alışveriş yapmaya ikna etmek için son fırsatınızdır.
Ayrıca, ihtiyacınız olan bilgileri iş ihtiyaçlarına ve hedef kitleye göre toplamanız gerekir. Bu, sepetlerin ihmalini azaltmanıza ve mağazanızdaki satışları önemli ölçüde artırmanıza yardımcı olacaktır. Ancak, paylaştığım kod görüntülerini değiştiremiyorsanız, sitenize zarar vermemeniz için lütfen bir geliştirici kiralayın. Benzer makaleler
Wooocommerce Ödeme Formuna ekstra bir alan nasıl eklenir
WOOOCOMMERCE Ürünleri Arama Sonuçlarından Nasıl Gizlenir
Wooocommerce ile dijital ürünler nasıl satılır Wooocommerce’deki ürüne GTIN numarası nasıl eklenir
WooCommerce’e Özel Siparişler Durumu Nasıl Eklenir
WooCommerce Ürün sayfasından miktar alanını gizleyin veya silin
Woocommerce Vitrin Tema Kategorisi Nasıl Gizlenir
Belirli kategoriler için ödeme yöntemleri nasıl devre dışı bırakılır Woocommerce penceresinden hücresel altbilgi nasıl gizlenir
Mağaza Düğmesi Renk Teması Nasıl Değiştirilir
Sıra başına ürün sayısı nasıl değiştirilir
WooCommerce Vitrini’ndeki bir sonraki ürün sekmesini nasıl kapatılır
WooCommerce Vitrin Temasıyla İlgili Ürünler Nasıl Silinir
Giriş düğmesi oluşturmak için WooCommerce Oturum Açma PHP örnekleri
Sayfa başına ürün nasıl değiştirilir wooocommerce mağaza teması
Footter’da Wooocommerce Ödeme simgesi nasıl eklenir [HTML]
Sepetler Vekili Tema Başlıklarından Nasıl Silinir
Ürün mağazası temalarının sırasını nasıl değiştirir
WooCommerce Storefront temasının yazı tipi boyutu nasıl değiştirilir
Woocommerce’deki sipariş durumu mesajının adını nasıl değiştirilir
