ویرایش و حذف فیلدهای اضافی فرم تسویه‌ حساب ووکامرس [ویدئوی آموزشی]

مقدمه

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

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

منظور از فرم تسویه‌ حساب ووکامرس چیست؟

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

ازآنجایی‌که وب‌سایت‌های وردپرسی غالباً از افزونه ووکامرس برای ایجاد فروشگاه استفاده می‌کنند. در ووکامرس امکان خرید محصولات فیزیکی (نظیر گوشی موبایل) و دیجیتال (نظیر یک فایل ویدئویی) مقدور است؛ به همین دلیل فرم نهایی ثبت سفارش به‌صورت پیش‌فرض اطلاعاتی نظیر آدرس کامل، کد پستی، نام شرکت و… را نیز علاوه بر اطلاعات ضروری نظیر نام و نام خانوادگی، ایمیل، شماره تماس و… دریافت می‌کند.

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

 چرا حذف فیلدهای اضافی فرم تسویه حساب ووکامرس لازم است؟

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

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

در چنین شرایطی بهتر است فرم تسویه‌حساب را به ساده‌ترین شکل ممکن طراحی کنید و فیلدهای اضافی را تاحدامکان حذف نمایید تا کاربر در سریع‌ترین زمان ممکن سفارش خود را ثبت نماید.

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

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

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

روش اول: استفاده از کد در فایل فانکشن

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


/* 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. راهنمای ویرایش فایل فانکشن وردپرس

این کد تمامی فیلدهای فرم تسویه‌حساب را حذف می‌کند. اگر مجدداً کد بالا را با دقت بیشتری ملاحظه کنید متوجه می‌شوید که در کنار کد مربوط به حذف فیلد نام، نام خانوادگی و شماره تماس عبارت //  درج شده است. این عبارت باعث می‌شود دستور غیرفعال شود؛ بنابراین در کد بالا همه فیلدها به‌جز نام، نام خانوادگی و شماره تماس از صفحه تسویه‌حساب حذف می‌شوند.

راهنمایی ۱: اگر می‌خواهید فیلد شماره تماس نیز حذف شود کافی است // را از ابتدای کد بردارید.

راهنمایی ۲: اگر می‌خواهید فیلد ایمیل مجدداً نمایش داده شود کافی است در ابتدای کد مربوطه // درج کنید.

روش دوم: استفاده از افزونه ویرایش فرم تسویه‌ حساب

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

اگر همچنان مایل به کدنویسی هستید در مقاله How to Add Custom Fields to WooCommerce Checkout Page روش کار توضیح داده است. اما اگر زیاد به سروکله زدن با کدهای php علاقه ندارید می‌توانید از افزونه‌ها استفاده کنید. افزونه‌های زیادی برای این کار وجود دارند که اغلب در دو نسخه رایگان و پولی ارائه می‌شوند. در نسخه رایگان به شما اجازه حذف، اضافه و ویرایش فیلدها را خواهند داد و در نسخه حرفه‌ای می‌توانید فیلدهای حرفه‌ای نظیر آپلود فایل، ایجاد کنید و امکانات بیشتری نظیر ایجاد شرط برای نمایش فیلدها را در اختیار داشته باشید.

برای شروع کار، ما به شما نسخه رایگان افزونه Checkout Fields Manager for WooCommerce را پیشنهاد می‌کنیم. نسخه رایگان این افزونه اکثر امکانات موردنیاز شما را دارد و به‌راحتی می‌توانید بخش‌های مختلف صفحه تسویه‌حساب را ویرایش نمایید. در نسخه پریمیوم آپشن‌های بیشتری در اختیار دارید و می‌توانید نمایش فیلد‌ها را بر اساس قیمت، وضعیت کالا و … داینامیک کنید و قوانین شرطی ایجاد نمایید.

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

در این ویدئوی آموزشی کار با افزونه Checkout Fields Manager for WooCommerce را به شما آموزش دادیم. همچنین ایده‌هایی برای کاهش تعداد فیلدهای غیر ضروری عنوان شده است.

رفع مشکل جابه‌جایی شهر و استان در فرم پرداخت

در برخی سایت‌های وردپرس فیلد استان و شهر جا‌به‌جا شده است. در حالت پیش‌فرض فیلد اول استان است و بعد از آن فیلد شهر قرار دارد اما در برخی سایت‌ها در صفحه پرداخت این جای این دو فیلد عوض شده است. برای رفع این مشکل می‌توانید از همین افزونه Checkout Fields Manager for WooCommerce استفاده کنید و محل آنها را تغییر دهید.

همچنین با فعال‌سازی افزونه ووکامرس فارسی می‌توانید مشکل را حل کنید. برای این کار کافی است وارد بخش “ووکامرس فارسی > ابزارها > تسویه‌حساب ” شوید و گزینه “جابه‌جایی استان و شهر” را فعال کنید.

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

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

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

برای رفع این مشکل کافی است افزونه ووکامرس فارسی را نصب کنید. در ادامه وارد بخش “ووکامرس فارسی > ابزارها > تسویه‌حساب” شوید و گزینه “فعال‌سازی شهرهای ایران” را فعال کنید. همچنین گزینه ” حل مشکل لیست استان‌ها” نیز می‌بایست فعال باشد.

افزونه ووکامرس فارسی

حذف فیلدهای مرتبط با آدرس در هنگام خرید محصولات مجازی (دانلودی)

اگر در سایت خود هم محصولات فیزیکی ارائه می‌کنید هم محصولات مجازی این روش برای شما مناسب است. محصولات مجازی نیاز به ارسال پستی ندارند (مانند خرید کارت شارژ یا ثبت‌نام در یک دوره آموزشی)؛ بنابراین نیازی نیست که از کاربر آدرس و مشخصات پستی دریافت شود.

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

برای این کار کافی است افزونه ووکامرس فارسی را نصب کنید. در ادامه وارد بخش “ووکامرس فارسی > ابزارها > تسویه‌حساب” شوید و گزینه ” حذف فیلدهای غیرضروری” را فعال کنید.

  1. صفحه افزونه ووکامرس فارسی

 

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

روش مجازی کردن محصول ووکامرس

حذف تیک قوانین و مقررات در برگه تسویه حساب

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

برای حذف این گزینه می‌بایست وارد بخش “ووکامرس > پیکره بندی > پیشرفته” شوید و در همان تب “راه‌اندازی برگه” فیلد “شرایط و ضوابط” را خالی کنید (اگر برگه‌ای مشخص شده بود آن را بردارید)

حذف شرایط و ضوابط از صفحه تسویه حساب

اگر هم تصمیم دارید برای این بخش قوانین درست‌وحسابی! بنویسید بهتر نیاز است ابتدا یک برگه برای این موضوع بسازید و در فیلد “شرایط و ضوابط” برگه موردنظر خود را انتخاب نمایید.

اگر در نوشتن متن قوانین سایت با مشکل مواجه شدید می‌توانید به سایت‌های بزرگ حوزه کاری خود مراجعه نمایید (به‌عنوان‌مثال دیجی‌کالا برای سایت‌های فروشگاهی مرجع مناسبی است) و از صفحه قوانین و مقررات آنها الگوبرداری کنید.

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

غیرفعال‌کردن اجبار به ثبت‌نام در هنگام تکمیل سفارش

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

عموماً ساخت حساب کاربری برای پیگیری خرید موردنیاز است ولی در برخی از سایت‌های فروشگاهی نیاز مبرمی به ثبت‌نام نیست و می‌توان آن را از حالت اجباری خارج کرد. برای این کار کافی است وارد بخش “ووکامرس > پیکربندی > حفظ حریم خصوصی حساب‌های کاربری” شوید. در دو بخش “پرداخت مهمان” و “ساخت حساب کاربری” می‌توانید شرایط و سناریوهای مختلفی را پیاده‌سازی نمایید.

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

اگر از این مطلب خوشتون اومده برای دوستاتونم ارسالش کنید!

28 پاسخ

    1. درود بر شما :
      ابتدا باید بررسی کنید این بخش مربوط به افزونه خاصی هست یا توسط ووکامرس درج میشه . اگر مربوط به خود ووکامرس هست به بخش پیکربندی ووکامرس برید و در تب همگانی گزینه “مکان های حمل و نقل” رو غیر فعال کنید و نتیجه رو بررسی بفرمایید .

  1. سلام.مرسی از سایت خوبتون.عنوان توضیحات تکمیلی رو چطور حذف کنیم؟با کدها فیلدها حذف شدن اما عنوانش موند.

    1. درود بر شما :
      بعضی از بخش ها توسط طراح در قالب درج شدن که ارتباطی با فیلد ها ندارن. باید بررسی بشه سایتتون و در صورتی که مربوط به فیلد ها نباشه باید با استفاده از کدهای css اون رو مخفی کرد.

    2. از این کد در انتهای فایل فانکشن استفاده کنید:
      add_filter( ‘woocommerce_enable_order_notes_field’, ‘__return_false’ );

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

  3. سلام من کشور رو دیزیبل میکنم از طریق افزونه ولی بازم غیرفعال نمیشه یک سوال امکانش هست که فیلد کامل حذف نشه و فقط کشور هارو محدود کنم؟ یعنی فیلدش باشه ولی فقط کشور ایران معلوم باشه

    1. درود بر شما :
      احتمالا یا تنظیمات افزونه رو اشتباهی انجام دادید یا اینکه تداخلی با سایر افزونه ها دارید. در خصوص سوال دوم هم میتونید در بخش پیکربندی ووکامرس فروش رو فقط برای کشور ایران محدود کنید.

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

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

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

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

    1. درود بر شما محمد عزیز:
      در این خصوص احتمال میدم تداخل دارید. افزونه ها رو غیر فعال کنید و فقط ووکامرس فعال باشه (بهمراه افزونه های ضروری قالب). اونوقت تست کنید ببینید مشکل حل شده یا نه. اگر حل نشده بود باید با طراح قالبتون صحبت کنید. نمیتونید از یک قالب دیگه صفحه تسویه حساب رو بردارید. صفحه تسویه حساب در واقع برگه وردپرسی سایت شماست که شورتکد ووکامرس داخلش قرار میگیره.

    2. سلام
      مشکل اصلی پیدا نشد ولی مشکل از طریق کد css زیر حل شد.
      این راه حل منه…
      بدرستی کار میکنه:
      /*جهش دروپ دون*/
      .select2-container, .select2-dropdown, .select2-search, .select2-results {
      -webkit-transition: none !important;
      -moz-transition: none !important;
      -ms-transition: none !important;
      -o-transition: none !important;
      transition: none !important;
      }

      اون رو تو قسمت سفارشی سازی css گذاشتم.

  7. سلام خسته نباشید
    در برگه تسویه حساب دو متن هست :
    قبلا ثبت نام کرده‌اید؟ برای ورود اینجا را کلیک کنید
    کد تخفیف دارید؟ برای نوشتن کد اینجا کلیک کنید
    این دو متن را چطور باید حذف کرد ممنون میشم راهنمایی بفرمایید

    1. درود بر شما مسیح عزیز:
      برای اولی باید از بخش پیکره بندی ووکامرس » حساب های کاربری اقدام کنید.
      برای دومی فکر میکنم باید سیستم کوپن تخفیف رو غیر فعال کنید یا از طریق کدهای CSS این بخش رو مخفی کنید. از این راه میشه برای متن اول هم استفاده کرد.

  8. سلام
    با این افزونه میشه کاری کرد که فیلد شماره موبایل همون شماره ای باشه که مشتری باهاش ثبت نام کرده و نتونه اون رو تغییر بده؟
    من از افزونه digits برای تایید ثبت نام (وردپرس-ووکامرس) استفاده میکنم که بدون مشکل در هنکام ثبت نام پیام ارسال میکند اما در صفحه مشخصات پرداخت که فیلدهایی مثل آدرس ، کدپستی و … وجود داره، شماره تلفن رو بدون تایید دریافت میکنه.
    آیا راهی هست که بشه در اون قسمت هم شماره موبایل رو تایید کنه و یا از همون شماره موبایل تایید شده در هنگام ثبت نام بصورت خودکار استفاده بشه و مشتری نتونه اون شماره رو تغییر بده؟
    با تشکر

    1. درود بر شما:
      نه چنین چیزی با این افزونه امکان پذیر نیست. احتمالا شما باید کاری کنید که کاربران برای خرید مجبور به لاگین باشن. و نکته دیگه اینه که حساب کاربری رو به کمک افزونه ای دیگه قفل کنید تا کاربر مجبور به تایید شماره موبایل باشه. اینطوری هر کس که خرید میکنه قطعاً عضو سایت هست و شماره تماسش تایید شده

  9. سلام قربان
    برای سایت مون، نیاز به کمی شخصی سازی و کد نویسی برای این صفحه “تسویه حساب ووکامرسی” داریم
    شما وقت دارید انجام بدید؟
    با تشکر

    1. درود بر شما: اگر نیاز به برنامه نویسی داشته باشه خیر انجام نمیدیم. اگر تغییراتتون نیاز به برنامه نویسی نداشته باشه قابل انجام هست. از طریق تلگرام و واتساپ با ما در ارتباط باشید.

  10. سلام وقت بخیر.
    آیا امکان اضافه کردن فیلد جدید (مثلاً یک checkBox) هم بدون افزونه هستش؟
    ممنون می‌شم راهنمایی کنید.

    1. درود بر شما:
      شاید با کدنویسی php بشه این کار رو انجام داد ولی پیشنهاد نمی کنم. افزونه های مرتبط سنگین نیستن و مشکلی رو ایجاد نمیکنن و خیلی راحت میتونید فیلدهای مورد نظرتون رو اضافه کنید.

  11. سلام وقت بخیر
    سپاس بابت آموزش عالی و کاربردیتون
    یک سوال:
    برای تغییر نام فیلدهای پرداخت از طریق کد، کدام فایل در هاست را باید ویرایش کرد؟
    در نمایش سایت با زدن گزینه inspect کد قسمت مورد نظر را پیدا می کنم اما نام فایل مورد نظر در هاست را برای ادیت این قسمت پیدا نمی کنم.
    مثلاً میخوام نام فیلد آدرس خیابان را به آدرس کامل تغییر بدم.
    ممنون میشم راهنمایی بفرمایید.

    1. درود بر شما:
      میتونید از افزونه Loco translate برای ترجمه عبارت‌های افزونه استفاده کنید. موارد اینچنینی نیاز به تغییر در فایل‌های قالب نداره.

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

نشانی ایمیل شما منتشر نخواهد شد.

دانلود کتاب الکترونیکی

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