مقالات وردپرس

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

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

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

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

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

 [woocommerce_checkout] 

این شورتکد صفحه پرداخت ووکامرس را بارگذاری می‌کند و محل قرارگیری آن در تنظیمات برگه‌ها یا قالب فروشگاه قابل تغییر است.

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

چرا باید فیلدهای صفحه پرداخت را ویرایش کنیم؟

دلایل زیادی برای ویرایش فیلدهای صفحه پرداخت وجود دارد، از جمله:

  • حذف فیلدهای غیرضروری برای ساده‌سازی فرآیند خرید
  • تنظیم اولویت نمایش فیلدها برای بهینه‌سازی تجربه کاربری
  • ایجاد یک فرم پرداخت اختصاصی برای مخاطبان خاص یا نوع خاصی از محصولات

 

 

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

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

  • برخی فیلدهای اضافی را حذف می‌کند
  • ترتیب نمایش فیلدها را تنظیم می‌کند تا فرم پرداخت مرتب‌تر باشد

 

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

 

add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );
function custom_override_checkout_fields( $fields ) {
// حذف فیلدهای اضافی
unset($fields['billing']['billing_company']);
unset($fields['billing']['billing_address_2']);
unset($fields['billing']['billing_country']);

// تنظیم ترتیب فیلدهای مدنظر
$fields['billing']['billing_first_name']['priority'] = 10;
$fields['billing']['billing_last_name']['priority'] = 20 ;
$fields['billing']['billing_state']['priority'] = 40;
$fields['billing']['billing_city']['priority'] = 50;
$fields['billing']['billing_address_1']['priority'] = 60;
$fields['billing']['billing_postcode']['priority'] = 70;
$fields['billing']['billing_phone']['priority'] = 80;
$fields['billing']['billing_email']['priority'] = 90;

return $fields;
}

add_filter( 'woocommerce_shipping_fields', 'custom_override_shipping_fields' );
function custom_override_shipping_fields( $fields ) {
// حذف فیلدهای اضافی
unset($fields['shipping_company']);
unset($fields['shipping_address_2']);
unset($fields['shipping_country']);
// تنظیم ترتیب فیلدهای مدنظر
$fields['shipping_first_name']['priority'] = 10;
$fields['shipping_last_name']['priority'] = 20;
$fields['shipping_state']['priority'] = 40;
$fields['shipping_city']['priority'] = 50;
$fields['shipping_address_1']['priority'] = 60;
$fields['shipping_postcode']['priority'] = 70;
return $fields;
}

نکته امنیتی: قبل از هرگونه ویرایش فایل functions.php، از سایت خود نسخه پشتیبان تهیه کنید. همچنین بهتر است این کدها را در قالب فرزند (Child Theme) اضافه کنید تا در صورت بروزرسانی قالب اصلی، تغییرات شما از بین نرود.

نتیجه‌گیری

شخصی‌سازی فرم پرداخت در ووکامرس یکی از راهکارهای مؤثر برای بهینه‌سازی تجربه کاربری و افزایش فروش است. با استفاده از فیلترهای ارائه‌شده، می‌توانید کنترل کاملی روی فیلدهای فرم داشته باشید و آن‌ها را بر اساس نیاز فروشگاه خود تنظیم کنید. اگر به دنبال فروشگاهی حرفه‌ای‌تر هستید، این تغییرات جزئی می‌توانند تأثیر قابل‌توجهی در روند خرید مشتریان شما ایجاد کنند.

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

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