نحوه افزودن فیلد پنهان در صفحه پرداخت ووکامرس

برخی از شرایط صاحبان فروشگاه را ملزم می کند تا بر اساس نیاز شما فیلدهای پرداخت سفارشی را در صفحه پرداخت اضافه کنند. ممکن است بخواهید یک قسمت مخفی به صفحه پرداخت اضافه کنید ، اما این می تواند یک کار سنگین باشد. بنابراین ، من یک آموزش برای کمک به شما در راه اندازی کردم. در این پست ، من به شما نشان خواهم داد که چگونه می توانید یک فیلد مخفی را که می تواند با استفاده از یک چک باکس نمایش داده شود ، اضافه کنید.

ووکامرس فیلد پنهان را در صفحه پرداخت اضافه کنید

گزینه های زیادی برای تغییر صفحات پرداخت شما وجود دارد. می توانید از افزونه های شخص ثالث ، برنامه های افزودنی ووکامرس ، توسعه سفارشی استفاده کنید. در این پست ، ما از قطعه کد PHP سفارشی که ایجاد کرده ام برای بهینه سازی صفحه پرداخت شما استفاده می کنیم.

فیلد پرداخت سفارشی ووکامرس در جمع آوری داده های بیشتر خریداران قبل از تکمیل سفارش مهم است.

مراحل افزودن یک چک باکس برای مخفی کردن/نمایش فیلد پرداخت

در اینجا مراحلی وجود دارد که باید انجام دهید:

• وارد سایت وردپرس خود شوید و به عنوان کاربر مدیر به داشبورد دسترسی پیدا کنید
• از منوی داشبورد ، روی منوی ظاهر> منوی ویرایشگر تم کلیک کنید. وقتی صفحه ویرایشگر تم باز شد ، به دنبال فایل توابع موضوع با پسوند functions.php بگردید. این فایل توابع را برای افزودن تابع برای افزودن یک کادر انتخاب برای مخفی کردن/نمایش یک قسمت پرداخت سفارشی باز کنید.
• کد زیر را در فایل functions.php اضافه کنید:

/**

* @snippet       Add a Checkbox to Hide/Show Checkout Field - WooCommerce

*/

add_filter( 'woocommerce_checkout_fields' , 'njengah_display_checkbox_and_new_checkout_field' );

function njengah_display_checkbox_and_new_checkout_field( $fields ) {

$fields['billing']['checkbox_trigger'] = array(

'type'      => 'checkbox',

'label'     => __('Checkbox label', 'woocommerce'),

'class'     => array('form-row-wide'),

'clear'     => true

);

$fields['billing']['new_billing_field'] = array(

'label'     => __('New Billing Field Label', 'woocommerce'),

'placeholder'   => _x('New Billing Field Placeholder', 'placeholder', 'woocommerce'),

'class'     => array('form-row-wide'),

'clear'     => true

);

return $fields;

}

add_action( 'woocommerce_after_checkout_form', 'njengah_conditionally_hide_show_new_field', 9999 );

function njengah_conditionally_hide_show_new_field() {

wc_enqueue_js( "

jQuery('input#checkbox_trigger').change(function(){

if (! this.checked) {

// پنهان کردن اگر بررسی نشده است

jQuery('#new_billing_field_field').fadeOut();

jQuery('#new_billing_field_field input').val('');

} else {

// اگر بررسی شد نشان دهید

jQuery('#new_billing_field_field').fadeIn();

}

}).change();

");

}

نتیجه

به طور خلاصه ، شما آموخته اید که چگونه با استفاده از قطعه کد سفارشی که ایجاد کرده ام ، یک قسمت جدید در صفحه پرداخت ایجاد کنید. قطعه کد همچنین به کاربران اجازه می دهد تا با استفاده از یک جعبه پرداخت ، زمینه را مخفی کرده یا نشان دهند.

در بسیاری از موارد ، صاحبان فروشگاه ووکامرس اغلب از صفحه پرداخت به عنوان محل جمع آوری داده های مشتری جایگزین استفاده می کنند. همراه با صفحات فرود و سایر تاکتیک های جمع آوری داده ها ، صاحبان فروشگاه ها می توانند به داده های مشتریان با کیفیت بسیار بالا دسترسی داشته باشند.

در صورت نیاز به چسباندن کد در سایت خود ، لطفاً با یک توسعه دهنده واجد شرایط وردپرس تماس بگیرید.