Wooocommerce ödeme kancaları nasıl kullanılır
Bu kılavuzda, WooCommerce’de ödeme kancalarının nasıl kullanılacağını öğreneceksiniz. Bazı ana kancaları göreceğiz ve size onunla neler yapabileceğinize dair bazı örnekler vereceğiz. Bu nedenle, ödeme sayfanızı ayarlamaya ve dönüşüm seviyenizi artırmaya hazır olun. Hook WooCommerce nedir? Hooks, çekirdek dosyayı değiştirmek zorunda kalmadan kod değiştirmenizi veya eklemenizi sağlayan harika bir işlevdir. Kancalar çok fazla esneklik sağlar ve geliştiriciler Woocommerce’in varsayılan işlevselliğini değiştirmek için kullanır. İki farklı kanca türü vardır:
Eylem kancaları, bir olay meydana geldiğinde belirli işlemleri yapmak için özel bir kod eklemenizi sağlar.
Kanca filtresi, değişkenlerin veya var olan işlevlerin davranışını değiştirir.
WooCommerce Hook sayesinde, geliştiriciler çok pratik ve esnek bir şekilde çok uyarlanmış bir çözüm yapabilir. WooCommerce’deki en önemli kancalardan bazıları ödeme kancalarıdır. Ve çevrimiçi bir mağazanız varsa, ödemeyi ayarlamak ve dönüşüm seviyenizi artırmak için kullanmalısınız.
WooCommerce Ödeme Kancaları Ödeme Kancaları, WooCommerce tarafından desteklenen sadece bir tür kanca türüdür ve ödeme sayfasında yürürler. Bu ödeme kancasını notları düzenlemek, faturalandırma alanından önce, sipariş incelemesinden önce veya ödeme formundan sonra bazı içerik eklemek, fiyatları yükseltmek veya kullanıcıları rollere göre sınırlamak için bazı mantık uygulamak ve daha fazlasını kullanabilirsiniz. WooCommerce kancaları tam olarak WordPress’in orijinal kancaları gibi çalışır. Yani, WordPress kancalarına alışkınsanız, WooCommerce Hook’a hakim olmak kolay olacaktır. Kancaya atlamadan önce başlamadan önce, bir çocuk teması yapmanızı öneririz. Kullanabileceğiniz birçok araç var. WordPress için en iyi çocuk tema eklentilerinin listesini veya eklenti veya manuel olarak bir alt tema oluşturma konusunda ayrıntılı kılavuzumuzu görebilirsiniz. Bu, ilk kez bir kanca kullanıyorsanız, bu komut dosyasını kopyalayıp doğrudan eklersiniz. İşlevler.php dosyası çocuk temanızdan. Gönderinin sonunda, size bazı fikirler vermek için bir ödeme kancasıyla yapabileceğiniz bazı şeyler örnekleri bulacaksınız. WooCommerce Checkout Hook’u nasıl kullanırım? Daha önce gördüğümüz gibi, bir WooCommerce ve Hook filtre eylemleri kancası vardı ve her ikisi de benzer bir sözdizimi vardı. Bu eylem kancasının bir örneğidir: add_action (‘wooocommerce_aft_checkout_billing_form’, ‘quadLayers_callback_function’);
quadLayers_callback_function () işlevi {
# Kodunuzu buraya ekleyin
}
WOOOCOMMERCE_AFT_CHECKOUT_BILLING_Form Hook ve QuadLayers_Callback_function Is, özel komut dosyamızı eklemek için oluşturduğumuz bir işlevdir.
Filtre kancaları ise aynı şekilde çalışır, ancak işlevdeki parametreleri almaları ve geri yüklemeleri gerekir. Örneğin: add_filter (‘wooocommerce_breadcrumb_defaults’, ‘quadlayers_change_breadcrumb’); quadLayers_change_breadcrumb işlevi ($ content) {
$ Content. = “QuadLayers”;
$ Content iade;
}
WooCommerce için ödeme listesi listesi, ödeme sayfasında kullanabileceğiniz birçok WooCommerce kancası vardır. Ana olanlardan bazıları:
wooocommerce_beefore_checkout_form
wooocommerce_checkout_beefore_customer_details
wooocommerce_checkout_billing
wooocommerce_beefore_checkout_billing_form
wooocommerce_checkout_shipping
wooocommerce_beefore_order_notes
wooocommerce_after_order_notes
wooocommerce_checkout_after_order_review
wooocommerce_checkout_aftomer_details
wooocommerce_review_order_beefore_cart_contents
wooocommerce_review_order_before_shipping
wooocommerce_review_order_after_order_total
wooocommerce_checkout_order_review
wooocommerce_review_order_beefore_submit
wooocommerce_review_order_beefore_payment
wooocommerce_review_order_after_submit
wooocommerce_review_order_after_payment
wooocommerce_aft_checkout_form
Her şeyin oldukça net bir adı var. Wooocoommerce kancalarının tam bir listesini görmek istiyorsanız, bu belgelere bakın. Ve her kancanın nasıl çalıştığını görmek için bu gönderiye bakın.
Örneğin, faturalandırma formundan sonra ve nakliye departmanının başlığından önce biraz içerik eklemek istersiniz. Bunun gibi bir şey kullanacaksınız: add_action (‘wooocommerce_aft_checkout_billing_form’, ‘quadLayers_callback_function’);
quadLayers_callback_function () işlevi {
Echo ‘burada metin veya html’de’;
}
Bu durumda, yalnızca birkaç metin ekliyoruz, ancak karmaşık bir HTML yapısı ekleyebilir ve PHP işleviyle özel mantığınız oluşturabilirsiniz. WooOcommerce Checkout’un nasıl kullanılacağı hakkında size bazı fikirler vermek için birkaç örneğe bakalım. Ödeme sayfasını Wooocommerce Hook ile Nasıl Ayarlayabilirsiniz Burada, kasayı ayarlamak için neler yapabileceğinize dair bazı örnekler göstereceğiz. Sitenizdeki WooCommerce Hook’u kullanarak sayfa. Siparişler İncelemelerine Resim Ekle Sipariş İnceleme sayfasına resim ekleyebilirsiniz. Bu durumda, QR kodunu ekledik, ancak diğer resimler, animasyonlu GIF’ler veya arka plan görüntüleri ekleyebilirsiniz. Add_action (‘wooocommerce_review_order_before_payment’, ‘örnek_callback’);
Örnek_petan () {
echo ‘
}
QR kodunu sipariş incelemesine ekleyin. Ödeme sayfasındaki ekmek kırıntılarını değiştirin, ekmek kırıntılarını düzenleyerek kullanıcıların ana sayfaya geri dönmesini önleyebilirsiniz. Bu örnekte, mağaza için ekmek kırıntılarındaki ana sayfa metnini nasıl değiştireceğinizi göstereceğiz.
add_filter (‘woocommerce_breadcrumb_default’, ‘quadLayers_change_breadcrumb’);
‘QuadLayers_change_breadcrumb’ ($ varsayılan) işlevi { $ varsayılan [‘ev’] = ‘dükkan’;
Dönüş $ Varsayılan;
}
Ekmek kırıntıları ödeme sayfası düzenleyin. Woocommerce Checkout Kait Siparişi, güven oluşturmak ve satın alacakları zaman müşterilere huzurlu bir zihin vermek için bazı harika seçenekler sunan düğmenin yanındaki güven rozetini görüntüleyin. Sipariş düğmesinin hemen yanındaki güven rozetini göstererek, dönüşüm oranını artırabilir ve markanızın etrafında güven oluşturabilirsiniz.
quadLayers_trust_badges () işlevi {
echo ‘
Yukarıdaki güven rozetini WooCommerce’s Hooks ile ekledim ‘;
}
Ödeme sayfasında Trust Rozeti göster wooocommerce. Ödeme sayfasını tamamen ayarlamanın en iyi yoluna sahip ödeme alanını düzenleyin Etiketi ve yer tutucu alanını düzenlemektir. Bu örnekte, WOOOCOMMERCE_CHECKOUT_FIELDS’i kullanarak Sipariş Notu için ad ve yer için etiketi düzenleyeceğiz.
add_filter (‘wooocommerce_checkout_fields’, ‘quadlayers_labels_placeholders’, 9999);
QuadLayers_labels_placeholder ($ f) işlevi {
$ f [‘faturalandırma’] [‘Billing_first_name’] [‘etiket’] = ‘Adınız nedir?’;
geri $ f;
}
Yer tutucuyu değiştirin ve WooCommerce Checkout formunu etiketleyin. Sonunda özel kasalar ekleyin, bu daha karmaşık bir örnektir. Müşterilerin ödeme sırasında bülteninize abone olmalarını sağlayan yeni bir alan oluşturacağınızı göstereceğiz. Bu nedenle, iki kanca kullanacağız: biri abone olmak için bir alanı görüntülemek için, diğeri düğmenin durumunu veritabanında (kontrol edilip edilmemiş olsun ya da olmasın) saklamak için. ;
Add_action (‘wooocommerce_checkout_update_order_meta’, ‘quadLayers_save_function’);
// Ödeme WooCommerce kutusunu girin
QuadLayers_subscribe_checkout ($ checkut) işlevi { wooocommerce_form_field (‘abone’, dizi (
‘type’ => ‘onay kutusu’,
‘Sınıf’ => dizi (‘misha-saha formu çapında’),
‘Etiket’ => ‘Bültenimize abone olun.’,
), $ checkout-> get_value (‘abone’));
}
// Alan değerini kaydedin
quadLayers_save_function işlevi ($ sipariş_id) {
if (! boş ($ _post [‘ContactMethod’]))))
update_post_meta ($ sipariş_id, ‘contactMethod’, sendize_text_field ($ _post [‘contactMethod’]));
if (! boş ($ _post [‘abone’])))) && $ _post [‘abone’] == 1)
update_post_meta ($ sipariş_id, ‘abone’, 1);
}
WooCommerce Checkout sayfasına bir onay kutusu ekleyin. Ödeme sayfasını eklentilerle ayarlayın, kancaları kullanarak rahatsızsanız, bir eklenti kullanarak ödeme sayfasını da ayarlayabilirsiniz. Orada birçok araç var ama bu ikisini tavsiye ediyoruz:
WooCommerce için ödeme yöneticisi: 70.000’den fazla aktif kurulumla bu, WooCommerce için en popüler ödeme eklentilerinden biridir. Ödeme Yöneticisi, ödeme sayfasındaki alanları ayarlamanıza, eklemenize, düzenlemenize ve silmenize olanak tanır. Ücretsiz bir sürüm ve 20 USD arasında 3 premium pakete sahiptir. Doğrudan Woocommerce için kontrol: Bu freemium aracı ile ödeme işlemini basitleştirebilir ve dönüşüm seviyenizi artırabilirsiniz. Müşterilerinizi ürün sayfasından doğrudan kasiyere yönlendirerek satın alma işlemini kısaltabilirsiniz. Direct Checkout, 20 USD’den (bir ödeme) başlayarak ücretsiz bir sürüm ve premium pakete sahiptir.
Bu eklentiyi nasıl kullanacağınız ve ödeme sayfasını nasıl artıracağınız hakkında daha fazla bilgi için ayrıntılı kılavuzumuza bakın. Sonuç Genel olarak, WooCommerce kancaları ile ödeme sayfanızı ayarlayabilir ve dönüşüm oranını artırabilirsiniz. Burada, ödemenizin çeşitli bölümlerinizi kişiselleştirmek için bu kancayı nasıl kullanacağınıza dair bazı örnekler gösterdik. Ancak, yapabileceğiniz çok daha fazlası var! Bu yüzden, onlarla oynamanızı ve yaratıcılığınızı serbest bırakmanızı öneririz. WooCommerce Checkut sayfasının nasıl ayarlanacağı hakkında daha fazla örnek ve bilgi için bu adım adım kılavuza bakın. Sorularınız varsa aşağıdaki yorumlar bölümünde bize söyleyin. Ve okumaktan hoşlanıyorsanız, lütfen bu yazıyı sosyal medyada paylaşın!
