ویرایش فرم تسویه حساب ووکامرس [2 روش کاربردی]

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

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

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

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

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

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

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

قبل از هر کاری ابتدا از فایل functions.php قالب خود ، بکاپ بگیرید تا در صورت بروز هر گونه مشکل ، بتوانید فایل قبلی را جایگزین کنید.

 /* WooCommerce: The Code Below Removes Checkout Fields */
 add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );
 function custom_override_checkout_fields( $fields ) {
		/* حذف فیلد نام */
	unset($fields['billing']['billing_first_name']); 
		/* حذف فیلد نام خانوادگی */
	unset($fields['billing']['billing_last_name']); 
		/* حذف فیلد نام شرکت */
	unset($fields['billing']['billing_company']); 
		/* حذف فیلد اول آدرس */
	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['order']['order_comments']); 
		/* حذف فیلد ایمیل  */
	unset($fields['billing']['billing_email']);
 return $fields;
 }

نحوه شناسایی فیلدهای فرم تسویه حساب و اطلاعات مشتری

1. تابع billing_first_name , billing_last_name : نام و نام خانوادگی مشتری
2. تابع billing_company : نمایش نام شرکت مشتری برای صدور صورتحساب
3. تابع billing_city , billing_country : نمایش فیلد شهر محل زندگی یا ارسال پستی کالا و کشور
4. تابع billing_postcode : جهت نمایش فیلد کدپستی محل ارسال
5. تابع billing_state : نمایش فیلد آدرس دقیق خیابان محل زندگی
6. متغییر order_comments : فیلد توضیحات اضافی خریدار در صفحه تسویه حساب ووکامرس

ویرایش فرم تسویه حساب ووکامرس توسط افزونه

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

افزونه Woocommerce checkout manager

افزونه رایگان و حرفه ای wooCommerce Checkout Manager را می توانید از مخزن وردپرس دریافت و روی سایت خود نصب کنید (آموزش نصب افزونه در وردپرس). این افزونه دارای امکانات بسیار خوبی است و شما می‌توانید به‌راحتی و بدون یک خط کد نویسی، مدیریت تمامی فیلد های فرم تسویه حساب را در دست بگیرید و به ویرایش فرم تسویه حساب ووکامرس بپردازید و از کار با این افزونه کاربردی لذت ببرید. فیلدهای اضافی را حذف و همچنین فیلدهای جدید مورد نیاز را ایجاد کنید. به کمک این افزونه می توانید تجربه کاربری خوبی را برای کاربران در سایت ایجاد کنید.

ویژگی‌های افزونه‌ WooCommerce Checkout Manager

• افزودن فیلد دلخواه مورد نیاز به فرم تسویه حساب ووکامرس
• قابلیت الزامی یا اختیاری کردن فیلد ها
• تغییر نوع فیلد (input type) به صورت text، password، email، phone
• فعال‌سازی یا غیرفعال‌سازی فیلدها
• دارای قابلیت جابه جایی فیلدهای فرم تسویه حساب
• قابلیت برگرداندن تنظیمات به حالت اولیه (ریست کردن)

آموزش کار با افزونه (WooCommerce Checkout Manager )

پس از نصب افزونه در سایت و فعالسازی آن در پیشخوان ، در منوی ووکامرس ، موردی با عنوان “فرم پرداخت” اضافه می‌شود.

• دکمه‌ی افزودن فیلد : جهت اضافه کردن یک فیلد جدید به فرم تسویه حساب
• دکمه‌ی حذف : جهت حذف یک فیلد ( ابتدا باید یک یا چند فیلد را از فرم انتخاب کنیم )
• دکمه‌ی غیرفعال‌سازی : جهت غیر فعال کردن یک فیلد خاص بدون حذف کردن آن فیلد
• دکمه‌ی فعال‌سازی : جهت فعالسازی فیلد های غیر فعال

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

ویرایش گزینه های فرم در افزونه WooCommerce Checkout Manager

برای ویرایش فرم تسویه حساب ووکامرس ، روی دکمه‌ی “ویرایش” که در سمت چپ هر فیلد قرار دارد کلیک کنید. مطابق با تصویر زیر با این صفحه مواجه می شوید.

• بخش برچسب : جهت تغییر لیبل یا عنوان فیلد
• بخش نگهدارنده : جهت قرار دادن placeholder یا متنی به عنوان راهنما از آن input
• بخش Default Value : جهت تعیین مقدار پیش‌فرض برای آن فیلد
• بخش Class : جهت اختصاص یک کلاسِ css برای استایل دهی و سفارشی کردن آن فیلد
• Display in Emails : آیا این فیلد در اطلاعات سفارش ایمیل ارسالی به مشتری نمایش داده شود یا خیر.
• Display in Order Detail Pages : آیا در صفحه‌ی جزییات سفارش نمایش داده شود یا خیر .

در نهایت پس از انجام تغییرات و ویرایش، روی “Save” کلیک کنید . همچنین با انتخاب گزینه ” افزودن فیلد ” شما می‌توانید یک فیلد جدید دلخواه در فرم پرداخت ووکامرس ایجاد کنید.صفحه ای مثل صفحه ویرایش فیلد باز می شود که شما باید نام فیلد مورد نظر را مطابق با عبارت داخل پرانتز (نام فیلد_biling) وارد و موارد دیگر را تکمیل کنید.

تفاوت Billing و Shipping در ووکامرس

به طور کلی billing ( آدرس صورتحساب مشتری ) اطلاعات مربوط به صورتحساب و فیلدهای مورد نیاز پرداخت و بخش اصلی است که ما با آن سر و کار داریم و اما Shipping ( آدرس حمل و نقل مشتری) اطلاعات تماس و حمل و نقل است برای زمانی که محصولی را خریداری می کنید و قرار است برای شخص دیگه ای به عنوان هدیه ارسال کنید که مسلماً اطلاعات تماس و آدرس فرد دریافت کننده محصول با خریدار فرق می کند و یا برای خودتان است ولی می خواهید به آدرس دیگری ارسال شود که این امکان در وکامرس به راحتی فراهم است و میتوان جزئیات فرم و فیلد های هر قسمت را تغییر داد.

چکیده آموزش و نتیجه‌گیری

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