ویرایش صفحه پرداخت ووکامرس و فرم تسویه حساب

برای بهبود تجربه خرید مشتری در فروشگاه‌های آنلاین ووکامرس، می‌توان صفحه تسویه حساب را با دو روش اصلی سفارشی کرد: استفاده از افزونه "Checkout Field Editor (Checkout Manager) for WooCommerce" برای افزودن، ویرایش، یا حذف فیلدها. استفاده از کد PHP برای حذف فیلدهای اضافی، تغییر ترتیب فیلدها، و افزودن فیلدهای جدید. این تغییرات به افزایش نرخ تبدیل و رضایت مشتریان کمک می‌کند.
ویرایش صفحه پرداخت ووکامرس و فرم تسویه حساب - صفحه تسویه حساب

فهرست مطالب

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

در ادامه ما به دو روش (با افزونه و کد) این فرآیند را توضیح خواهیم داد. با ما همراه باشید.

روش اول: با استفاده از افزونه Checkout Field Editor (Checkout Manager) for WooCommerce
روش اول: با استفاده از افزونه Checkout Field Editor (Checkout Manager) for WooCommerce

ویرایش صفحه تسویه حساب ووکامرس با ۲ روش

روش اول: با استفاده از افزونه Checkout Field Editor (Checkout Manager) for WooCommerce

افزونه‌ی Checkout Field Editor (Checkout Manager) for WooCommerce یکی از ابزارهای قدرتمند برای مدیریت و شخصی‌سازی فیلدهای موجود در صفحه تسویه حساب (Checkout) ووکامرس است. با استفاده از این افزونه می‌توانید فیلدهای اضافی ایجاد کنید، فیلدهای موجود را ویرایش کنید، یا فیلدهای غیرضروری را حذف کنید. در ادامه مراحل نصب و استفاده از این افزونه توضیح داده شده است:

۱. نصب افزونه

۱. ورود به پیشخوان وردپرس: وارد پنل مدیریت وردپرس خود شوید.
۲. نصب افزونه: از بخش “افزونه‌ها” گزینه “افزودن” را انتخاب کنید. سپس در نوار جستجو عبارت “Checkout Field Editor” را جستجو کرده و افزونه “Checkout Field Editor (Checkout Manager) for WooCommerce” را نصب و فعال کنید.

۲. دسترسی به افزونه

۱. دسترسی به تنظیمات افزونه: پس از نصب و فعال‌سازی، به بخش “ووکامرس” و سپس “Checkout Fields” مراجعه کنید. این بخش مخصوص مدیریت فیلدهای صفحه تسویه حساب است.

۳. مدیریت فیلدها

در این قسمت شما می‌توانید فیلدهای موجود در صفحه تسویه حساب را مدیریت کنید:
۱. افزودن فیلد جدید:
– برای افزودن فیلد جدید، روی دکمه “Add Field” کلیک کنید.
– مشخصات فیلد جدید مانند نام، نوع فیلد (متنی، انتخابی، چک‌باکس و…)، و محل نمایش آن را تعیین کنید.
– پس از وارد کردن اطلاعات لازم، تغییرات را ذخیره کنید.
۲. ویرایش فیلدهای موجود:
– در لیست فیلدها، فیلد مورد نظر خود را پیدا کرده و روی دکمه “Edit” کنار آن کلیک کنید.
– می‌توانید نام، نوع، مکان، و ویژگی‌های دیگر فیلد را تغییر دهید.
– پس از اتمام ویرایش، تغییرات را ذخیره کنید.
۳. حذف فیلد:
– اگر فیلدی غیرضروری یا ناخواسته وجود دارد، می‌توانید آن را با کلیک روی دکمه “Delete” حذف کنید.

۴. مرتب‌سازی فیلدها

– شما می‌توانید فیلدها را با درگ و دراپ (کشیدن و رها کردن) مرتب کنید تا ترتیب نمایش آنها در صفحه تسویه حساب تغییر کند.

۵. بازگردانی تنظیمات به حالت پیش‌فرض

– اگر نیاز داشتید که همه تنظیمات را به حالت پیش‌فرض بازگردانید، می‌توانید از دکمه “Reset to default” استفاده کنید.

نکات پایانی

– حتماً پس از اعمال تغییرات، صفحه تسویه حساب را بررسی کنید تا مطمئن شوید همه چیز به درستی کار می‌کند.
– این افزونه انعطاف‌پذیری بالایی دارد و با اکثر قالب‌ها و افزونه‌های ووکامرس سازگار است.
ویرایش صفحه پرداخت ووکامرس
ویرایش صفحه پرداخت ووکامرس

روش دوم: بدون استفاده از افزونه (کد PHP)

برای ویرایش صفحه پرداخت ووکامرس و فرم تسویه حساب بدون استفاده از افزونه، می‌توانید از کدهای سفارشی در فایل functions.php قالب وردپرس خود استفاده کنید. این روش به شما امکان می‌دهد تا فیلدهای تسویه حساب را سفارشی کنید، فیلدهای غیرضروری را حذف کرده و برخی فیلدها را اختیاری کنید.

۱. حذف فیلدهای اضافی از فرم تسویه حساب

برای حذف فیلدهای غیرضروری از فرم تسویه حساب، می‌توانید از فیلتر woocommerce_checkout_fields استفاده کنید. در مثال زیر نحوه حذف فیلدهای آدرس خط دوم و نام شرکت آورده شده است:

add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );
function custom_override_checkout_fields( $fields ) {
    // حذف فیلد یادداشت
unset($fields['order']['order_comments']);
    // حذف فیلد نام شرکت
unset($fields['billing']['billing_company']);
    // حذف فیلد نام
unset($fields['billing']['billing_first_name']);
    // حذف فیلد نام خانوادگی
unset($fields['billing']['billing_last_name']);
    // حذف فیلد آدرس خط اول
unset($fields['billing']['billing_address_1']);
    // حذف فیلد آدرس خط دوم
unset($fields['billing']['billing_address_2']);
    // حذف فیلد شهر
unset($fields['billing']['billing_city']);
    // حذف فیلد کد پستی
unset($fields['billing']['billing_postcode']);
    // حذف فیلد کشور
unset($fields['billing']['billing_country']);
    // حذف فیلد استان
unset($fields['billing']['billing_state']);
    // حذف فیلد شماره تماس
unset($fields['billing']['billing_phone']);
    // حذف فیلد ایمیل
unset($fields['billing']['billing_email']);
    // حذف فیلد رمز عبور
unset($fields['account']['account_password']);
    // حذف فیلد تکرار رمز عبور
unset($fields['account']['account_password-2']);
return $fields;
}

۲. اختیاری کردن فیلدهای فرم تسویه حساب

اگر می‌خواهید برخی فیلدهای تسویه حساب را از حالت اجباری به حالت اختیاری تغییر دهید، می‌توانید با استفاده از کد زیر این کار را انجام دهید:

function custom_optional_checkout_fields( $fields ) {
    // اختیاری کردن فیلد نام
    $fields['billing']['billing_first_name']['required'] = false;
    // اختیاری کردن فیلد نام خانوادگی
    $fields['billing']['billing_last_name']['required'] = false;
    // اختیاری کردن فیلد آدرس ۲
    $fields['billing']['billing_address_2']['required'] = false;
    // اختیاری کردن فیلد ایمیل
    $fields['billing']['billing_email']['required'] = false;
    // اختیاری کردن فیلد تلفن
    $fields['billing']['billing_phone']['required'] = false;
    return $fields;
}
add_filter( 'woocommerce_checkout_fields', 'custom_optional_checkout_fields' );
افزونه ویرایش صفحه تسویه حساب ووکامرس
افزونه ویرایش صفحه تسویه حساب ووکامرس

۳. تغییر ترتیب فیلدهای فرم تسویه حساب

برای تغییر ترتیب نمایش فیلدها در صفحه تسویه حساب، می‌توانید از این کد استفاده کنید:

function custom_add_checkout_field( $fields ) {
    $fields['billing']['billing_custom_field'] = array(
        'type'        => 'text',
        'label'       => 'کدملی',
        'placeholder' => '۱۲۳۴۵۶۷۸۹',
        'required'    => true,
        'priority'    => 25,
    );
    return $fields;
}
add_filter( 'woocommerce_checkout_fields', 'custom_add_checkout_field' );

 

۴. اضافه کردن فیلد جدید به فرم تسویه حساب

اگر نیاز دارید فیلد جدیدی به فرم تسویه حساب اضافه کنید، از کد زیر استفاده کنید:

function custom_add_checkout_field( $fields ) {
    $fields['billing']['billing_custom_field'] = array(
        'type'        => 'text',
        'label'       => 'عنوان دلخواه',
        'placeholder' => 'توضیحات دلخواه',
        'required'    => true,
        'priority'    => 25,
    );
    return $fields;
}
add_filter( 'woocommerce_checkout_fields', 'custom_add_checkout_field' );

در این مثال، یک فیلد متنی جدید با نام billing_custom_field و برچسب “عنوان دلخواه” به فرم تسویه حساب اضافه می‌شود.

۵. ذخیره و نمایش اطلاعات فیلد سفارشی

اگر فیلد جدیدی اضافه کرده‌اید و می‌خواهید اطلاعات آن را ذخیره کرده و در بخش سفارشات نمایش دهید، از کد زیر استفاده کنید:

// ذخیره فیلد سفارشی
function custom_save_checkout_field( $order_id ) {
    if ( ! empty( $_POST['billing_custom_field'] ) ) {
        update_post_meta( $order_id, '_billing_custom_field', sanitize_text_field( $_POST['billing_custom_field'] ) );
    }
}
add_action( 'woocommerce_checkout_update_order_meta', 'custom_save_checkout_field' );
// نمایش فیلد سفارشی در پنل مدیریت
function custom_display_checkout_field_in_admin_order_meta( $order ) {
    $custom_field = get_post_meta( $order->get_id(), '_billing_custom_field', true );
    if ( $custom_field ) {
        echo '<p><strong>' . __( 'Custom Field' ) . ':</strong> ' . esc_html( $custom_field ) . '</p>';
    }
}
add_action( 'woocommerce_admin_order_data_after_billing_address', 'custom_display_checkout_field_in_admin_order_meta', 10, 1 );

نکات پایانی

پشتیبان‌گیری: قبل از هر تغییری در فایل functions.php، از فایل‌های خود پشتیبان تهیه کنید.

کدنویسی: به دقت کدها را در مکان‌های مناسب قرار دهید تا از بروز مشکلات احتمالی جلوگیری شود.

تست: پس از اعمال تغییرات، صفحه تسویه حساب را تست کنید تا مطمئن شوید که همه چیز به درستی کار می‌کند.

این روش‌ها به شما امکان می‌دهند تا صفحه تسویه حساب ووکامرس خود را به دلخواه سفارشی کنید و تجربه کاربری مشتریان را بهبود بخشید.

سخن آخر

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

امتیاز شما به این مطلب:

0 / 5. تعداد رای: 0

 
اشتراک گذاری مطلب:
مطالب مرتبط:

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *