WooCommerce Mağazanızdaki Ödeme Sayfasını Nasıl Özelleştirirsiniz?

WooCommerce mağazanızdaki ödeme sayfasını özelleştirmek istiyorsanız şu adımları izlemelisiniz: 1. WordPress web sitenize giriş yapın. 2. Eklentiler > Yeni Ekle'ye gidin. 3. WooCommerce Özel Ödeme Alanlarını arayın. 4. Eklentiyi kurun ve etkinleştirin. 5. WooCommerce > Ödeme Alanları'na gidin. 6. Burada alanları ekleyebilir, düzenleyebilir veya silebilirsiniz. 7. İşiniz bittiğinde, Değişiklikleri Kaydet düğmesine tıklayın. Bu kadar. WooCommerce mağazanızdaki ödeme sayfasını başarıyla özelleştirdiniz.

Ödeme sayfası, bir çevrimiçi mağazada satın alma işlemini tamamlamanın en önemli adımlarından biridir. WooCommerce ödeme sayfasını düzenlemek için hem eklentiler hem de programlı olarak kullanılabilir. Bu kılavuzda, ödeme sayfanızı her iki şekilde nasıl düzenleyeceğinizi inceleyeceğiz. WooCommerce Checkout Manager'ı kullanarak ad ve soyadı, şirket adı, ülke, şehir, posta kodu, adres, telefon numarası, e-posta adresi ve diğerleri gibi alanlar ekleyebilir veya gizleyebilirsiniz. Müşterilerin ödeme işlemi sırasında herhangi bir dosya türünü yüklemesine izin vermek için WooCommerce ödeme sayfasını da değiştirebilirsiniz. WooCommerce Checkout Manager'da bir ödeme sayfasını düzenlemek istiyorsanız, bu basit bir çözümdür. İstediğiniz kadar koşul uygularken aynı zamanda sınırsız özel alan oluşturmanıza olanak tanır.

Bu bölümde, kodlama kullanarak WooCommerce ödeme sayfasının nasıl düzenleneceğini inceleyeceğiz. WooCommerce, web sitenizin ödeme sayfasına içerik eklemenize olanak tanır. Bunu yapabilmek için özel alanların değerlerini veritabanından alabilmeniz gerekir. Sayfayı düzenlemek için alanları isteğe bağlı da yapabilirsiniz. Diğer alanlara koşullu alanlar eklemek, değerlerine göre görünmelerine veya kaybolmalarına olanak tanır. Ödeme sayfanıza iki şekilde ek ücret ekleyebilirsiniz. Ayrıca hesabınıza sabit veya yüzde bir ücret ekleyebilirsiniz.

Ödeme ağ geçitlerinin tam olarak tahsil edilmemesi veya ekstra vergilerin alınması avantajlı olabilir. Mağazanıza ücret ekleme hakkında daha fazla bilgiyi kılavuzumuzda bulabilirsiniz. Herhangi bir WordPress, WooCommerce veya özel kısa kodun yardımıyla mağazanızın ödeme sayfasını kolayca düzenleyebilirsiniz. WooCommerce ödeme sayfasının stilini değiştirmek için bir dizi başka seçenek de kullanılabilir. Bir sayfanın arka plan rengi de özel bir CSS stili içerecek şekilde değiştirilebilir. Bu sayfayı düzenlemek için WooCommerce'de çeşitli ödeme kancaları kullanabilirsiniz. Küçük değişiklikler bile dönüşüm oranlarını ve satışları artırabilir. Önceki örneğimizde, ödemenin farklı yönlerini düzenlemenin beş farklı yolunu gösterdik, ancak sonsuz seçenek var. Ödeme sürecini kısaltmak istiyorsanız, WooCommerce için hızlı satın alma eklentisi veya doğrudan ödeme bağlantıları kullanmanızı öneririz.

Bu şablonlar ve ödeme bölümleri WooCommerce eklenti klasöründe bulunur. Woocommerce/templates/checkout klasörü temanın klasöründe bulunabilir ve kullanmak istediğiniz şablonları kopyalayabilirsiniz.

WooCommerce Ödeme Sayfasını Özelleştirebilir miyiz?

Ödeme alanlarını özelleştirmenin en basit yolu, Ödeme Alanı Düzenleyici eklentisini kullanmaktır. Bu eklenti, basit bir kullanıcı arayüzü sağlayarak ödeme alanlarını taşımayı, düzenlemeyi, eklemeyi veya kaldırmayı kolaylaştırır. Tipten etikete ve pozisyona kadar tüm alanlar düzenlenebilir.

Müşterilerinize bir WordPress sitesine kaydoldukları anda bir ödeme sayfası görüntülersiniz. Dönüşüm oranlarınızın önemli ölçüde artmasını istiyorsanız, ödeme süreci düzenli olmalıdır. WordPress'in bir WooCommerce ödeme sayfasını özelleştirmenin iki basit yolu vardır. Her iki çözümün içeriği de tamamen güçlü bir web sitesi oluşturucuda yazılmıştır. SeedProd müşterisi olma yolundaki ilk adımınız, profesyonelce tasarlanmış 150 açılış sayfası şablonumuzdan birini kullanmak olacaktır. Her şablon daha sonra aşağıdakiler gibi esnek sayfa blokları kullanılarak görsel düzenleyicide özelleştirilebilir: Ek olarak, SeedProd, sepete ekle düğmeleri, ödeme düğmeleri, alışveriş sepeti ızgaraları ve ürün açıklamalarını içeren WooCommerce açılış sayfası bloklarına sahiptir. SeedProd'u kullanarak, WooCommerce ödeme sayfanızı sıfırdan nasıl oluşturacağınızı ve özelleştireceğinizi göstereceğiz.

Bu derste, bunu bir sürükle ve bırak düzenleyicisi olan Boş Şablon ile nasıl yapacağınızı göstereceğiz. İlk adım, temel bir ödeme sayfası yapısı oluşturmaktır. Bundan sonra, Ödeme bloğunu tıklayın ve sütunlardan birine sürükleyin. Blok panelinde, bölümleri görüntülemek için Bölümler'e tıklayın. Buradaki tek bir resme tıklayarak sayfanıza hızlı ve kolay bir şekilde önceden hazırlanmış birçok düzen ekleyebilirsiniz. Sayfanızdaki herhangi bir yeni bölüm genellikle en alta eklenir. Farenizi taşımak istediğiniz bölümün üzerine getirin ve ardından bölüm taşıma simgesine tıklayın.

SeedProd bir WooCommerce ödeme sayfası oluşturduğunda, global olarak özelleştirilebilir. Ödeme sayfanızın biraz farklı görünmesini sağlamak için yazı tiplerini, renkleri, arka planı ve özel CSS'yi değiştirebilirsiniz. E-posta pazarlama ayarlarını kullanıyorsanız, açılış sayfanızı e-posta listenize bağlamak kolaydır. Spam'in sitenizin performansına müdahale etmesini engellemek için Recaptcha'yı ve sitenizin performansını izlemek için Google Analytics'i kullanabilirsiniz. SeedProd'un Profesyonel Planını kullanıyorsanız, herhangi bir açılış sayfasına mevcut web sitenize bağlı olmayan özel bir alan adı verebilirsiniz. Yalıtım Modu, belirli üstbilgi ve altbilgi komut dosyalarını devre dışı bırakır ve bu nedenle sayfa performansını sınırlar. Mobil uyumlu bir ödeme sayfanız varsa, web siteniz tabletler ve akıllı telefonlar gibi daha küçük dokunmatik ekranlarda daha iyi performans gösterecektir.

Kullanmak için önce WooCommerce web sitenizin varsayılan ödeme sayfasını oluşturmalısınız. Bir seedprod web sitesi aynı zamanda yerleşik WooCommerce tema oluşturucusunu ve web sitesi kitlerini içerecek ve bu da onu eksiksiz WooCommerce siteleri oluşturmak için ideal bir seçim haline getirecektir. Yukarıda listelenen yöntemlerden birini kullanmak, WooCommerce ödeme sayfanızı dönüşüm dönüşümleri için optimize etmenize yardımcı olabilir. Mağazanız yalnızca birkaç ödeme seçeneğine izin veriyorsa, müşteriler çevrimiçi ödemeden vazgeçebilir. Bu sorunla mücadele etmek için, kullanıcılar ödeme sayfasına gelmeden önce fiyatlandırmanızın net olduğundan emin olun. Müşteri, ödeme yapmadan önce bir hesaba kaydolmak zorunda kalırsa, ödemeden vazgeçme oranı yükselebilir.

WooCommerce Ödeme Sayfası Php'sini Düzenle

WooCommerce ödeme sayfasını düzenlemek için WooCommerce ayarları sayfasına erişmeniz ve Ödeme sekmesine tıklamanız gerekir. Buradan, Ödeme Sayfası seçeneğini seçip Düzenle düğmesine tıklayabilirsiniz. Bu, WordPress düzenleyicide değişikliklerinizi yapabileceğiniz ödeme sayfasını açacaktır.

WooCommerce'de ödeme sayfanızı özelleştirmek, dönüşüm oranınızı artıracaktır. Vakaların %31'inde, ödeme sayfasını optimize ederek alışveriş sepetini terk etme azaltılabilir. Ödeme sayfası bir satın alma işlemindeki son engel olduğundan, mümkün olduğunca basitleştirilmesi çok önemlidir. Ödeme süreciniz kolaylaştırılırsa, müşteriler siparişlerini daha verimli bir şekilde tamamlayabilecektir. Baymard Enstitüsü araştırmasına göre, ödeme sayfasında yalnızca altı ila sekiz alan gereklidir. Standart WooCommerce ödeme sayfasında doldurulması gereken 18 ila 20 alan vardır. Satır içi alan etiketlerindeki hatalar, ödeme sayfanızdaki alanları doldurmayı zorlaştırabilir.

Tüm satır içi etiketleri kaldırmak ve bunları giriş alanlarının üzerine yerleştirmek en iyisidir. Kullanıcılar, mobil cihazlarında keyifli, akıcı ve düzenli bir ödeme deneyimi bulacaklar. Müşterilerin yaklaşık %70'i yüksek nakliye maliyetleri, karmaşık ödeme süreçleri ve diğer faktörler nedeniyle sepetlerini terk ediyor. Terk edilmiş bir sepet kurtarma özelliğine sahip olmak, herhangi bir WooCommerce mağazasının önemli bir yönüdür. WooCommerce ödeme sayfasına sipariş çarpmaları eklemek için CartFlows eklentisini nasıl kullanacağınızı öğreneceksiniz. CartFlows'a erişmek için site yöneticisi olarak oturum açmanız gerekir. Bu ekranda görünen bir dizi akış şablonu vardır.

Kendi şablonunuzu oluşturun veya önceden yapılmış bir şablon seçin. Kısa kodu Ayarlar sekmesinden ödeme sayfasına kopyalayabilirsiniz. WooCommerce ödeme sayfasında 18 – 20 alan bulunur ve bunlardan bazıları bir siparişi tamamlamak için gerekli değildir. CartFlows, ödeme sayfanıza alanlar eklemenize veya kaldırmanıza olanak tanır. Alanlar, Ödeme Ayarları sekmesine tıklanarak ödeme sayfası ayarları bölümünde değiştirilebilir. Bir müşteriyi, sepetindeki ürünün daha pahalı bir versiyonunu daha fazla satarak satın almaya teşvik edebilirsiniz. Ödeme akışınıza bir üst satış teklifi eklemek için Yeni Adım Ekle'ye gidin ve Yeni Teklif Ekle'yi seçin.

Bildirim, atanmış ürün olmadığı konusunda sizi bilgilendirecektir. Siparişin acil olması durumunda alanı eklemeniz önerilir. Bir ödeme akışı kullanıyorsanız, Yeni Adım Ekle sayfasına gidin. Bu adımın bir sonucu olarak ödeme işlemi daha kolay hale getirilecektir. Bir sonraki adım, ürün listesindeki Düzenle bağlantısından bir ürün seçmektir. Bir upsell yapmakla aynı olan bir upsell yapmadan önce ürünün fiyatını düşürmeniz gerekir. Bir siparişi tamamladığınızda, gönderim ve fatura bilgilerinizi girmenizin isteneceği bir ödeme sayfası görüntülenecektir.

Ödeme sayfasında, öğeleri kaldırmak için eylem kancaları da kullanılabilir. Önceden tanımlanmış eylemler kullanılarak WordPress ve WooCommerce'e özel kod eklenebilir. Bir ödeme sayfasındaki alanları, bir freemium eklentisi olan Checkout Manager for WooCommerce ile özelleştirebilirsiniz. Ek olarak, eklenti, belirli kullanıcı rollerinin görünür veya gizlenmesine izin veren özel bir özellik içerir. Ödeme işlemini bölmenize izin veren bir eklenti arıyorsanız, WooCommerce Çok Adımlı Ödeme'yi deneyebilirsiniz. WooCommerce Multi-Step Checkout eklentisi ile WooCommerce mağazanızın ödeme sayfasını özel ihtiyaçlarınızı karşılayacak şekilde özelleştirebilirsiniz. Ödeme sayfası birkaç küçük adıma bölünmüştür ve en üstte bir ilerleme çubuğu içerir.

WordPress deposunda, sürekli güncellenen 10.000'den fazla eklenti kurulumu vardır. WooCommerce Menü Sepeti eklentisi, WooCommerce tabanlı web sitenizin gezinme çubuğuna bir sepet düğmesi eklemenize olanak tanır. YITH WooCommerce Ajax Ürün Filtresi, kullanıcıların hangi ürün arama terimlerini kullanmak istediklerini belirtmelerine olanak tanır. Kullanıcılar, aramalarını hassaslaştırabilecek ve aradıklarını daha hızlı bulabilecek ve bu da daha fazla satışla sonuçlanacaktır.

WooCommerce Ödeme Sayfası Eklentisini Özelleştirin

İyi bir WooCommerce ödeme sayfası eklentisi , ödeme sürecini mağazanızın ihtiyaçlarına daha iyi uyacak şekilde özelleştirmenize izin verir. Düzen, renkler, yazı tipleri gibi şeyleri değiştirebilecek ve hatta kendi özel alanlarınızı ekleyebileceksiniz. Bu, ödeme sürecini çok daha akıcı ve verimli hale getirebilir ve ayrıca alışveriş sepetini terk etmeyi azaltmaya da yardımcı olabilir.

Elementor ve ShopEngine ile e-Ticaret işletmeleri artık WooCommerce ödeme sayfalarını özel ihtiyaçlarını karşılayacak şekilde özelleştirebilir. Şirket türünüze bağlı olarak, müşterilerinizin ürün satın almasını kolaylaştırmak için WooCommerce ödeme sayfasını değiştirmelisiniz. Ödeme sayfası, gelecekte pazarlama stratejiniz için ihtiyaç duyacağınız kullanıcı verilerini toplamak için en iyi yerdir. Başlamak için önce Elementor ve ShopEngine'i WordPress wooCommerce sitenize yüklemelisiniz. ShopEngine ile sürükle ve bırak düzenlemesi basittir ve WooCommerce ödeme sayfasını değiştirmenize olanak tanır. Her öğe düzeni, widget'ların eklenmesi de dahil olmak üzere istediğiniz şekilde yapılandırılabilir. Bir ödeme sayfası şablonu oluşturmak için özel kod veya CSS gerekmez.

Ödeme sayfası, adımları göstermenin en iyi yolu olarak ilerleme veya adım tamamlama ile yaklaşık 5 adıma sahip olmalıdır. Henüz bilmiyorsanız, müşteriniz size kaç adım atması gerektiğini söyleyebilmelidir. Bir müşterinin siteden çıkışı, genellikle ödemeyi tamamlamak için başka bir sayfaya gitmesinden kaynaklanır. Artan satışlar ve çapraz satışlar sunan e-ticaret siteleri en iyi seçeneklerden bazılarıdır. Ödeme sayfanız mobil uyumlu değilse çok fazla müşteri kaybedersiniz. ShopEngine, WooCommerce ödeme sayfanızı özelleştirmek için en iyi eklentidir.

Bir WooCommerce Eklentisini Nasıl Özelleştiririm?

Özel bir dosya oluşturmak istiyorsanız alt temanızda yeni bir dizin oluşturmalısınız. Bunu temanızın WP-content/themes/yourthemename/ dizinine eklemelisiniz. WooCommerce güncellemenizden sonra WooCommerce veya ana temanızdaki değişiklikleriniz silinmez.

WooCommerce Ödeme Sayfası Şablonu

WooCommerce ödeme sayfası şablonu , çevrimiçi mağazanız için özelleştirilmiş bir ödeme sayfası oluşturmak için kullanılabilecek önceden tasarlanmış bir düzendir. Bu şablon, ödeme sayfanızın görünümünü ve verdiği hissi değiştirmek ve ayrıca özellikler eklemek veya kaldırmak için kullanılabilir.

WooCommerce One Page Checkout'ta tek bir ürün, bir ürün seçimi ve ödeme formu ile görüntülenebilir. Bir müşteri sipariş verdikten sonra, ürün ekleyip çıkarabilir ve sayfadan ayrılmadan ödemeyi tamamlayabilir. Ek olarak, herhangi bir sayfaya, gönderiye veya özel gönderi türüne [woocommerce_one_page_checkout] kısa kodunu ekleyebilirsiniz. Ürünleri belirli kategorilerde görüntülemek istiyorsanız, kategori_kimlikleri özelliğini kullanın. Öznitelikte tanımlanan bir veya daha fazla ürün kimliği geçersizse diğer ürünler görünmeye devam eder. One Page Checkout dışında bir sepete ekle düğmesi kullanıyorsanız hiçbir ürünü göstermek istemeyebilirsiniz. Ürün Listesi şablonu, kullanıcıların bir ürün listesinden bir seçenek seçmesine olanak tanıyan bir radyo düğmesi içeren bir ürün listesi görüntüler.

Bir ürünün resmi, örneğin bir maske seçerken iyi bir referans noktası olarak kullanılabilir ve bu şablon, karar vermenize yardımcı olacak öğeleri görüntülemek için idealdir. Tek Ürün şablonu, adına rağmen iki veya daha fazla ürünü görüntüleyebilir. Yerleşik fiyatlandırma tablosu ürünleri, ürün başlığı, fiyatı ve sipariş miktarı en üstte olacak şekilde iki ila beş sütun halinde görüntüler. Ürünler aynı ağırlıkta veya ölçülerde sevk edilirse, tablonun üst kısmında gösterilecektir. Taksonomi öznitelikleri ve özel ürün öznitelikleri, fiyatlandırma tablosunda sınıflandırma özniteliklerine ek olarak gösterilecektir. Patrick Rauland'ın talimatlarını izleyerek bir WooCommerce fiyatlandırma tablosu oluşturmanız gerekecektir. Her bir düğmenin URL'si aşağıdaki bilgileri içermelidir: *product-id *add-to-cart=*product-id Kolay Fiyatlandırma Tablosu ürün seçim şablonu, “easy_pricing_table” şablon kısa kod parametresinin ayarlanması gerektiğini belirtir.

$products değişkeni, $product değişkeninin yanı sıra bir ürün nesnesini temsil eden tüm öğeleri içerir. One Page Checkout, bir düğme, radyo düğmesi, onay kutusu düğmesi ve bir sayı düğmesine ek olarak bir düğme, radyo düğmesi, onay kutusu düğmesi ve bir sayı düğmesi içerir. Özel bir ürün seçim alanı oluşturabilmeniz için şablonunuza data-add_to_cart özniteliği eklemelisiniz. Ürün seçim alanları, özel bir şablonla WooCommerce One Page Checkout bölümünde görüntülenir. Çok sayıda talebiniz varsa, destek eklemeye öncelik vereceksiniz. Sepete bir ürün eklendiğinde oluşan otomatik kaydırmayı (yeniden odaklanma) devre dışı bırakmak mümkün değildir ancak ayarlar menüsünden bunu yapmak mümkündür. One Page Checkout kısa kodu, ödeme alanlarını herhangi bir sayfaya veya herhangi bir sayfadaki veya gönderideki gönderiye eklemenize olanak tanır.

Checkout Field Editor gibi bir WooCommerce uzantısı veya özel bir ödeme şablonu kullanarak alanlar ekleyebilir veya kaldırabilirsiniz. Bir ürün kapsayıcısındaki her bir alt ürün, kendi etiketiyle ayrılacaktır. Varyasyonlara sahip değişken ürünler, yalnızca Tek Ürün şablonu dışında bir kısa kodda kullanıldığında görüntülenir. Bu şablonlar, yalnızca tüm nitelikler için ayarlanmış bir değere sahip varyasyonların görüntülenmesine izin verir. Müşterinin seçimi yapması gerekir çünkü ayarlanmamış değeri olan bir öznitelik değerine sahip bir varyasyon, karşılık gelen bir varyasyon kimliğine sahip değildir. One Page Checkout kısa kodu, bir satın alma onayının yanı sıra bir makbuz görüntüler. Özel ödeme sayfanızın bağlantılarını kullanarak menülerinizdeki veya sitenizin başka yerlerindeki bağlantıları değiştirebilirsiniz.

Bunu yapmak için ürünü sepete bağlamak istediğiniz sayfaya kısa kodu ekleyin. Müşteriler, One Page Checkout'u kullanarak diğer sayfalardan ödeme yapabilir, ancak WooCommerce, ödeme sayfasında hala makbuz ve sipariş onay bilgilerini görüntüler. Sepet ve Ödeme sayfalarını içeren mağazanızı çalıştırmak için tüm WooCommerce Sayfaları hala gereklidir. Katalogdaki ürünlerinizin görünürlüğünün gizli olmadığından emin olun. Sayfadaki içerik, One Page Checkout'a konmadan önce çeşitli komut dosyalarında ve stillerde sıralanmalıdır. Radyo girişinin öğeleri, seçenekleri içeren iki Kolay Fiyatlandırma Tablosundan birini seçmek için kullanılabilir. Kolay Fiyatlandırma Tablosundan veya bir radyo girişinden yeni ürünler eklemeden önce sepetin halihazırda dolu olduğunu gösterir. Bu değişikliği yapmak için WooCommerce One Page Checkout – Do Not Empty Cart adlı ücretsiz bir eklenti kullanın.