Ödeme sayfasına özel bir alan nasıl eklenir wooocommerce

Ödemenizi ayarlamak ister misiniz? Bu kılavuzda, mağazanızı bir sonraki seviyeye getirmek için Woocommerce’deki ödeme sayfasına nasıl özel bir alan ekleyeceğinizi göstereceğiz. Neden WooCommerce Checkout’u ayarlayalım? QuadLayers’da daha önce Woocommerce’deki mağaza sayfalarının nasıl ayarlanacağını görmüştük. Bugün, aynı şeyi nasıl yapacağımızı ve kasiyere özel bir alan ekleyeceğiz. Checkout, her çevrimiçi mağaza için en önemli sayfalardan biridir. Bu, alıcınızı getirmek istediğiniz yerdir, böylece satın alma işlemini tamamlar ve satışları kapatırsınız. Dolayısıyla, dönüşüm seviyenizi ve gelirinizi artırmak için, ödemeleri özel bir alanla optimize etmek şarttır.
Mükemmel ödeme sayfası nedir? Gerçekten işinize bağlı. Örneğin, fiziksel ürünler için kontroller dijital ürünler için ödemelerden farklıdır. Tek sayfalık ödeme veya çok sayfalık seçin, bir alanı görüntüler veya gizlersiniz, farklı renkler kullanırlar, vb. Bununla birlikte, en önemli şey, kasanızın kullanıcılara güven üretmesi, rahatsızlığı olmaması ve harcamaların mümkün olduğunca az zaman harcaması için optimize edilmesidir. WooCommerce Checkout sayfasına nasıl özel bir alan ekleyebilirim? WooCommerce’deki ödeme sayfasına özel alanlar eklemenin veya gizlemenin iki ana yolu vardır:
Eklentilerle
Programlanmış
Kodlama becerileriniz yoksa, bu eklentiyi kontrol etmenizi öneririz:
WooCommerce Direct Checkout: Bu, ödeme işlemini basitleştirmek ve kullanıcıyı ürün sayfasından kasaya yönlendirmek için mükemmel bir araçtır. Ücretsiz bir sürüme ve 19 USD.WOOOCOMMERCE CHECKOUT Manager’dan başlayan birinci sınıf bir pakete sahiptir: 90.000’den fazla etkin kurulumla, Checkout Manager dönüşüm oranınızı artırmak için iyi bir eklentidir. Bu, ödeme sayfasına alanları eklemenize, ayarlamanıza ve silmenize olanak tanır. Bu, ücretsiz bir sürüme ve 19 USD’den başlayan bir pro pakete sahip bir freemium aracıdır.

Ödeme eklentisi çok iyi bir seçimdir ve işi sorunsuz bir şekilde tamamlayacaktır. Ancak, herhangi bir eklenti yüklemek istemiyorsanız, çözümünüzü kodlayabilirsiniz. Bu kılavuzda, Woocommerce Checkout sayfasına birkaç kodlama ile nasıl özel alanlar ekleyebileceğinize odaklanacağız.

Bu bölümde programlanan ProgramMmerce Checkout’a özel bir alan ekleyin, programlanan ProgramMmerce Checkout sayfasına özel alanların nasıl ekleneceğini öğreneceksiniz. Size nasıl gireceğinizi göstereceğiz:

Metin
Onay kutusu
Radyo girişi türü
Ekleyebileceğiniz başka özel alanlar da vardır, ancak lütfen alanın çeşitli doğrulama türleri gerektirebileceğini unutmayın. Bu nedenle, bu öğreticide, bu 3 türe odaklanacağız ve girilen değerin doğrulanmasını gerektiren alanı geçeceğiz. Ayrıca, arka uç ve e -posta şablonları listesinde özel alanlar görüntüleyeceğiz.
Not: Projenize başka alanlar eklemek istiyorsanız, güvenlik doğrulamasını uygulamanız gerektiğini unutmayın. WooCommerce Checkout sayfasına özel bir alan eklemek için iki seçenek vardır: Komut dosyalarınızı çocuk temasında kodlayabilirsiniz
Özel bir eklenti yapın
Daha ölçeklenebilir ve iyi organize edilmiş bir çözüm oluşturmak için özel bir eklenti yapacağız. Ayrıca, çocuğun tema yaklaşımından farklı olarak, özel eklentiler daha fazla gelişme için bir başlangıç ​​noktası olabilir. Ancak, bir çocuk teması kullanmayı tercih ediyorsanız, bu kılavuzu okumanızı öneririz. Üç dosyaya sahip olacağımız özel bir eklenti ile WooCommerce kontrolüne özel bir alan ekleyin.
Ana
Ön
geri
Ana dosya, ön uç komut dosyamız için kullanacağımız ön uç dosyanın kapısının girişi görevi görür. Ayrıca, arka uç komut dosyasının bulunduğu üçüncü bir dosya ekleyeceğiz. Bu ön uç dosyasının ana temel dosya olacağına ve daha fazla sınıf eklerseniz düşük seviyeli bir hiyerarşi dosyasına (arka uç dosyamız gibi) aktarılması gerektiğine dikkat edilmelidir. Şimdi, özel bir eklenti kullanarak WooCommerce Checkout sayfasına nasıl özel alanlar ekleyeceğinize bakalım. 1. En sevdiğiniz fikri açın ve üç dosyaya sahip bir klasör oluşturun: quadlayers_checkout_fields /__ sınıflar /__/__class_qlccf_base.php (ön dosya) /__/__class_qlccf_back.php (backend dosya) /__quadlayers_checkout_fieldsds.php (ana dosya)
2. Ana dosyanın ana dosyası quadLayers_checkout_fields.php: <? Php
/**
* @link https://quadlayers.com/
* @sejak 1.0.0
* Eklenti Adı: QuadLayers Consout Custom Fields
* Uri eklentisi: https://quadlayers.com/
* Açıklama: WooCommerce Checkut sayfasında özel bir alan oluşturmak için eklenti, arka uç sipariş ve e -posta şablonunda yazdır* Sürüm: 1.0.0
* Yazar: Sebastopolys
* Yazar uri: https://quadlayers.com/
* Metin alanı: QLCCF
*/
if (! Tanımlı ('abspath')) {die ('-1');}
elseif (! class_exists ('run_init'))) {
Final sınıfı run_init {
Genel statik işlevler () {
Dahili_once eklenti_dir_path (__file__). 'Sınıflar/class_qlccf_base.php';
}
}
Run_init :: run ();
}
Değilse {
echo "

hata – quadlayers_checkout_fields.php!
}
Eklenti bilgilerini, işlevlerini ve dosya adlarını değiştirebilir ve kendiniz yerleştirebilirsiniz. Ancak, nasıl çalıştığını daha iyi anlamanız için hiçbir şey düzenlemeden komut dosyasını kopyalamanızı ve eklemenizi öneririz.
3. Ön uç sınıf dosyaları ön uç dosyaları class_qlccf_base.php’dir. Ana sınıfın yaşadığı ve sınıf ve işlevlerin sınırsız miktarlarda girebileceği yer burasıdır. Soyut sınıflar kullanılamaz, bu nedenle diğer birkaç sınıf tarafından miras alınmalıdır. Bu ön uç dosyası ve koddan sonra ayrıntılı açıklama: <? Php
if (! Tanımlı ('abspath')) {die ('-1');}
Elseif (! Class_exists ('base_class'))) {
soyut sınıf baz_class {
public const sürümü = '1.1.0'; // <- eklenti sürümü
public const önek = 'qlccf'; // <- eklenti önek
Public const peldir = __dir__; // <- eklenti dir yolu
public const plpat = __file__; // ‘onay kutusu’,
// ‘zorunlu’ => doğru,
‘Class’ => dizi (‘özel alan form sırası’),,
‘Etiket’ => ” Bültenimize abone olun. ‘
), $ checkout-> get_value (‘Suscriptor’));
}
// kasaya metin ekleyin wooocommerce – kanca: After_billing_form
public işlevi quadLayers_EMAIL_CHECKOUT ($ checkut2) {
wooocommerce_form_field (‘Altmail’, dizi (
‘type’ => ‘e -posta’,
// ‘zorunlu’ => doğru,
‘Class’ => dizi (‘özel alan form sırası’),,
‘Etiket’ => ‘alternatif e -posta.’
), $ checkout2-> get_value (‘altmail’)));
}
// WooCommerce Checkout’ta özel radyo düzlemini girin – Hook: Önce_order_notes
genel işlev quadLayers_radio_checkout ($ checkut3) {
wooocommerce_form_field (‘yem’, dizi (
‘type’ => ‘radyo’,
// ‘zorunlu’ => doğru,
‘Class’ => dizi (‘özel alan form sırası’),,
‘Etiket’ => ‘Bizi nasıl buluyorsunuz?
‘Seçenekler’ => dizi (
‘Google’ => ‘Google’,
‘Arkadaşlar’ => ‘arkadaşlar’,
‘Facebook’ => ‘Facebook’, ‘YouTube’ => ‘YouTtube’,
‘Diğerleri’ => ‘Diğer’
)
));
}
// Tüm özel alan değerlerini kaydedin
genel işlev quadLayers_save_function ($ sipariş_id) {
if (! boş ($ _post [‘Suscriptor’])))) {
update_post_meta ($ sipariş_id, ‘Suscriptor’, sendize_text_field ($ _Post [‘Suscriptor’]));
}
if (! boş ($ _post [‘Altmail’])))) {
update_post_meta ($ sipariş_id, ‘Altmail’, sendize_text_field ($ _post [‘Altmail’]));
}
if (! boş ($ _post [‘feed’]))) {
update_post_meta ($ sipariş_id, ‘feed’, sendize_text_field ($ _post [‘feed’]));
}
}
} // bir arka uç sınıfı ekleyin
Incld_once (plugin_dir_path (__file__). ‘class_qlccf_back.php’);
}
Değilse {
echo ”

Başlatma Hatası – Mevcut Base_Class Sınıfı!

“;
}
Sınıfı bildirdikten sonra, daha sonra kullanabileceğimiz bazı sabitleri tanımlarız.Ardından, add_base_hooks () dediğimiz bir yöntemde kullanacağımız tüm Woocommerce kancalarını ekliyoruz.
Soyut sınıf kullanılamadığından, bu yöntemi burada bildirilen tüm kancaları çalıştıracak şekilde arka uç dosyamızdan çalıştırırız. Her kancayı farklı görevler için kullanırız, her biri için aşağıdaki yöntemlerden birini ayarlarız. Yani bu kanca: wooocommerce_after_order_notes add_base_hooks () yöntemindeki quadLayers_subscribe_checkout () yöntemini çalıştırırız, her ikisi de base_class sınıfında tanımlanır. WordPress ve WooCommerce’in çeşitli işlevlerini nasıl kullandığımızı unutmayın: woocommerce_form_field (), Woocommerce Checkut formunda özel bir alana sahiptir. Update_post_meta () Bu orijinal WordPress işlevi, veritabanı meta veri gönderisini, ürününü ve diğer özel yayın türlerini güncellemek için yaygın olarak kullanılır. Ayrıca, mevcut giriş sütunu türü: metin Select radyo

şifre Tarih Zaman datetime-local

</ tarih ay

saat

> <> Tel

4. Dosya arka uç, class_qlccf_back.php Bu, qlccf_back_back_class class miras taban_cass'ın daha önce class_qlccf_base.php dosyasında tanımlanmıştır: <?
if (! Tanımlı ('abspath')) {die ('-1');}
if (! class_exists ('qlccf_back_class'))):
Qlccf_back_class class genişleyen baz_class {
Genel işlev __Construct () {

ebeveyn :: add_base_hooks ();
İf (is_admin ()):
add_filter ('manage_dit shop_order_columns', dizi ($ this, 'qlccf_checkbox'));
add_filter ('manage_dit shop_order_columns', dizi ($ this, 'qlccf_email'));
add_ace ('manage_shop_order_posts_custom_column', dizi ($ this, 'qlccf_column_content')); add_action ('woocommerce_email_order_meta', dizi ($ this, 'qlccf_email_template'));
eğer sona erdi;
}
# Arka uç sipariş listesinde özel alan değerlerini göster
Genel işlev qlccf_column_content ($ sütun) {
Global $ Post;
if ('müşteri' === $ sütunu) { # onay kutusu
$ sipariş = wc_get_order ($ post-> id);
$ C_meta = $ sipariş-> get_meta ('Suscriptor');
if ($ c_meta == 1): $ img_url = 'https: //www.sebastopolys.com/wp-content/uploads/2020/07/true-icon.png';
Diğerleri: $ img_url = 'https: //www.sebastopolys.com/wp-content/uploads/2020/07/false-icon.png';
eğer sona erdi;
echo '

';
}
elseif ('Altmail' === $ sütunu) { # alternatif mektup
$ sipariş = wc_get_order ($ post-> id);
$ e_meta = $ sipariş-> get_meta ('Altmail');
echo $ e_meta;
}
Değilse {}
}
# Onay kutusu sütununu ayarlayın
Genel işlev qlccf_checkbox ($ sütunlar) {
$ sütunlar ['Suscriptor'] = __ ('Suscriptor');
$ Sütunu döndür;
}
# Alt harfi sütununu ayarlayın
Qlccf_email genel işlevi ($ sütunlar1) {
$ columns1 ['altmail'] = __ ('alternatif harf');
$ Sütunlar1 döndür;
}
# Tamplate e -posta tuvaletine alt posta alanını ekleyin
Genel işlev qlccf_email_template ($ sipariş_obj) {
$ is_set = get_post_meta ($ sipariş_obj-> get_order_number ());
// Düzeltilmiş özel bir alan yoksa geri dön
if (boş ($ IS_SET))
dönüş;
// Tamam, devam ediyoruz ve özel alanları yankılıyoruz
$ alt_email = get_post_meta ($ sipariş_obj-> get_order_number (), 'altmail', true);
echo '

Özel alanım

Alternatif e -posta:'. $ alt_email. '
';}
}
$ Run = qlccf_back_bara sınıfı;
eğer sona erdi;
Bu dosyada, yapıcıyı diğer dosyalarımızda belirttiğimiz ön uç kancayı çalıştırmak için tanımlıyoruz. Ardından, IF () koşullu ve WordPress IS_ADMIN () işlevlerini kullanarak arka uç siparişleri ve Wooocommerce e -posta şablonları listesinde özel alanları görüntülemek için gereken kancaları ekledik, yalnızca kullanıcı arka uç yönetici ekranındaysa uygulamak için. Manage_shop_order_posts_custom_column () Sipariş listesindeki sütunları ekle, böylece qlccf_column_concent () işlevimizde alanı görüntüleyebiliriz.
WooCommerce döngüsüne bağlandıktan sonra, alanın adının özel alanlarımızdan birine ait olup olmadığını kontrol ettik ve evet ise yazdırıyoruz. IF () başka şartlı olarak kullanarak, tüm özel alanlarımızı aynı işlevde kontrol edebiliriz. Bundan sonra, arka uç siparişleri listesinde bir onay kutusu ve özel bir metin sütunu yaptık. Müşteri ödeme işlemini tamamladıktan ve siparişler yapıldıktan sonra özel sütunumuzu özel WooCommerce alanımızı görüntülemek için ayarlamamız gerekir. Son olarak, son yöntemde, özel metin alanlarımızı yönetici e -posta şablonunda görüntülemek için wooocommerce_email_order_meta kancasını kullanıyoruz. WordPress & Woocommerce Kullanılan işlevler: wc_get_order (): Geçerli sipariş nesnesini Get_meta () 'ye eklenmiş tüm verilerle alın: Get_post_meta () meta veri siparişini almak için: get_order_number () veritabanı ()' da saklanan özel alan değerini alın: to ID numarasını geçerli siparişten alın
Bir bütün olarak ambalaj, ödeme sayfasını ayarlamak her çevrimiçi mağaza için bir zorunluluktur.Bu kılavuzda, küçük bir kodlama ile programlanmış WooCommerce Checkout sayfasına nasıl özel alanlar ekleyeceğinizi gösterdik.Ödeme sürecini optimize etmek için özel bir eklenti nasıl adım adım yapacağınızı öğrendiniz.Buna ek olarak, ödeme sayfasını ayarlamak ve bir sonraki seviyeye taşımak istiyorsanız, -by -adım kılavuzunu kontrol etmenizi öneririz.Bu yöntemi denedin mi?Düzeltmenin yollarını düşünebilir misin?Lütfen aşağıdaki yorumlar bölümünde deneyiminizi bizimle paylaşın!WooCommerce'deki dönüşümünüzü artırmak istiyorsanız, bu kılavuzu görmenizi öneririz: WooCommerce için En İyi Hızlı Satın Al düğmesi
WooCommerce'de ödemeler nasıl optimize edilir
WooCommerce'deki mağaza sayfalarını kodlama yoluyla nasıl düzenleyebilirim?

admin

Bir Cevap Yazın

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