جلسه 13 : ویرایش صفحه تسویه حساب و فرم پرداخت محصولات در ووکامرس + آموزش ویدیویی

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

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

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

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

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

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

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

ویرایش فرم پرداخت به کمک کد نویسی :

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

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

/* Remove Woocommerce User Fields by mihanacademy.org */
add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );
add_filter( 'woocommerce_billing_fields' , 'custom_override_billing_fields' );
add_filter( 'woocommerce_shipping_fields' , 'custom_override_shipping_fields' );
 
function custom_override_checkout_fields( $fields ) {
  unset($fields['billing']['billing_state']);
  unset($fields['billing']['billing_country']);
  unset($fields['billing']['billing_company']);
  unset($fields['billing']['billing_address_1']);
  unset($fields['billing']['billing_address_2']);
  unset($fields['billing']['billing_postcode']);
  unset($fields['billing']['billing_city']);
  unset($fields['shipping']['shipping_state']);
  unset($fields['shipping']['shipping_country']);
  unset($fields['shipping']['shipping_company']);
  unset($fields['shipping']['shipping_address_1']);
  unset($fields['shipping']['shipping_address_2']);
  unset($fields['shipping']['shipping_postcode']);
  unset($fields['shipping']['shipping_city']);
  return $fields;
}
function custom_override_billing_fields( $fields ) {
  unset($fields['billing_state']);
  unset($fields['billing_country']);
  unset($fields['billing_company']);
  unset($fields['billing_address_1']);
  unset($fields['billing_address_2']);
  unset($fields['billing_postcode']);
  unset($fields['billing_city']);
  return $fields;
}
function custom_override_shipping_fields( $fields ) {
  unset($fields['shipping_state']);
  unset($fields['shipping_country']);
  unset($fields['shipping_company']);
  unset($fields['shipping_address_1']);
  unset($fields['shipping_address_2']);
  unset($fields['shipping_postcode']);
  unset($fields['shipping_city']);
  return $fields;
}
/* End - Remove Woocommerce User Fields */

خب شما بعد از اینکه این کد بالا را در فایل Functions.php قالب سایت خود قرار دادید ، شما یک فرم پرداخت ساده و چند گزینه ای دارید که می توانید در سایت خود قرار دهید.

ویرایش صفحه پرداخت ووکامرس با Checkout Field Editor for WooCommerce

Checkout Field Editor for WooCommerce

روش دیگر برای اینکه شما بتوانید در سایت ووکامرسی خود به کمک افزونه های ووکامرسی صفحه پرداخت را ویرایش کنید باید یک افزونه ای به نام Checkout Field Editor for WooCommerce که در مخزن وردپرس رایگان در دسترس شما می باشد را نصب و فعالسازی کنید و در ضمن اگر که نمی دانید در وردپرس چگونه افزونه نصب کنید می توانید آموزش نصب افزونه در وردپرس را در میهن آکادمی مطالعه کنید

با اینکه ما در فیلم آموزشی بالا در اول مقاله به شما استفاده از این افزونه را به صورت کامل آموزش داده ایم ولی برای رضایت شما دوستان آموزش محتوای این افزونه هم قرار می دهیم

ویرایش فرم پرداخت در ووکامرس

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

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

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

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

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

موفق و پیروز باشید.

دانلود افزونه صفحه افزونه