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

3.6 / 5. تعداد رای: 46

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

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

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

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

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

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

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

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

بدون نیاز به نصب افزونه

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

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

/* Remove Woocommerce User Fields by mihanwp.com */
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 */

استفاده از افزونه WooCommerce Checkout Manager

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

woocommerce checkout manager

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

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

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

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

همچنین با انتخاب گزینه Add New Field شما می‌توانید یک فیلد جدید برای این صفحه بسازید.

اضافه کردن فیلد جدید در ووکامرس
اضافه کردن فیلد جدید در ووکامرس

استفاده از افزونه ویرایشگر فرم پرداخت ووکامرس

ابتدا باید افزونه را از صفحه وردپرس دریافت و نصب کنید. پس از نصب، برای فعال‌سازی افزونه به بخش ‘افزونه‌ها’ در پیشخوان وردپرس بروید و ‘Woo Checkout Field Editor Pro’ را فعال کنید.

دسترسی به تنظیمات افزونه

پس از فعال‌سازی، به منوی ‘ووکامرس’ در پیشخوان بروید و روی گزینه ‘Checkout Fields’ کلیک کنید تا به صفحه تنظیمات افزونه هدایت شوید.

افزودن و ویرایش فیلدها

در صفحه تنظیمات، شما می‌توانید فیلدهای موجود را ویرایش، حذف یا فیلدهای جدید اضافه کنید. برای اضافه کردن یک فیلد جدید، روی دکمه ‘Add Field’ کلیک کنید و مشخصات مورد نیاز مانند نام فیلد، نوع فیلد (متن، انتخاب، چک‌باکس و غیره) و سایر تنظیمات را وارد کنید.

تنظیمات پیشرفته

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

ذخیره تنظیمات

پس از تنظیم یا تغییر فیلدها، مطمئن شوید که تغییرات خود را با کلیک بر روی دکمه ‘Save changes’ ذخیره کنید تا روی فروشگاه شما اعمال شود.

موفق باشید. 🙂

نکته خاصی هست که این مقاله رو تکمیل‌تر کنه؟

  1. U343830 ۱۹ اردیبهشت ۱۴۰۳

    سلام من اینکار را رو میکنم ولی باز برام تغییرات مدنظر اعمال نمیشه و همون فرم پرداخت اصلیه ووکامرسه، ممنون میشم راهنمایی کنید

  2. U343117 ۱۶ اردیبهشت ۱۴۰۳

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

  3. U342742 ۳ اردیبهشت ۱۴۰۳

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

    در حال حاضر برای من این پیام نشون میده.

    قبلا ثبت نام کرده‌اید؟ برای ورود اینجا را کلیک کنید
    برای پرداخت باید وارد شوید. New customer? Click here to register

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

  4. U342742 ۳ اردیبهشت ۱۴۰۳

    خیلی ممنون. واقعا تمام مواردی که مزاحمت ایجاد می کرد رو حذف کرد. متشکرم.

  5. U337903 ۲۷ فروردین ۱۴۰۳

    امکان شخصی سازی هست؟ مثلا روی نسخه موبایل یک فیلد خاصی رو بخوایم نباشه(فقط موبایل)

  6. U42631 ۲۶ فروردین ۱۴۰۳

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

  7. U339931 ۱۴ اسفند ۱۴۰۲

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

  8. U333004 ۱ اسفند ۱۴۰۲

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

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

  9. U324439 ۲۶ بهمن ۱۴۰۲

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

  10. U335576 ۱۰ بهمن ۱۴۰۲

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

  11. U323655 ۵ بهمن ۱۴۰۲

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

    • Reza Rad رضا راد ۷ بهمن ۱۴۰۲

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

  12. U337026 ۲۵ دی ۱۴۰۲

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

    • Reza Rad رضا راد ۲۶ دی ۱۴۰۲

      سلام ندیدم چنین قابلیتی رو مگر اینکه با افزونه انجام بشه. یه سرچ کنید تو گوگل انگلیسی

  13. U336231 ۱۴ دی ۱۴۰۲

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

    • Reza Rad رضا راد ۱۴ دی ۱۴۰۲

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