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

3.8 / 5. تعداد رای: 60

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

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

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

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

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

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

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

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

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

شما امکان این را دارید که این کار را توسط کد نویسی انجام دهید. اگر شما به کد نویسی آشنایی داشته باشید می‌توانید مطابق با آموزش زیر این کار را به‌راحتی انجام دهید. این کار توسط فایل فانکشن انجام‌پذیر است. شما قادر هستید به‌راحتی با افزودن کدهای زیر در 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. U360049 ۱۷ آذر ۱۴۰۳

    سلام دوستان .
    من سایتم فروش کد هست و اینکه نیازی به گرفتن اطلاعات آدرس کاربر نیست ولی هر تغییری که توی فرم پرداخت ووکامرس انجام میدم روی سایت اعمال نمیشه . هم css زدم هم کد هم کش و پاک کردم و …. الان مشکل چیه ؟ قالب اهورا هست

  2. U362861 ۱۴ آذر ۱۴۰۳

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

  3. U356972 ۲۹ مهر ۱۴۰۳

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

    • تیم پشتیبانی تیم پشتیبانی ۲۹ مهر ۱۴۰۳

      سلام.
      از آنجایی که برای پشتیبانی محصولات و بررسی دقیق‌تر سوال شما نیاز به دانش فنی بخش پشتیبانی است، لطفا سوالات خود را از بخش پشتیبانی ارسال بفرمایید:
      https://mihanwp.com/support/

  4. U30907 ۱۷ مهر ۱۴۰۳

    درود وقت بخیر
    رنگ بکگراند سایت را تغییر دادم و حالا عناوین فیلدهای صفحه ی تسویه حساب با رنگ جدید بگراند سایت تشابه دارد و این باعث ناخوانایی عناوین شده است.
    لطفا راهنمایی می کنید چگونه رنگ متن عناوین فیلدهای صفحه تسویه حساب را تغییر بدهم؟
    مرسی که هستید♥

  5. U356617 ۱۶ مهر ۱۴۰۳

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

  6. U356512 ۱۵ مهر ۱۴۰۳

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

  7. U354619 ۲۶ شهریور ۱۴۰۳

    سلام، وقت بخیر؛
    خسته نباشید.

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

    متشکرم.

    • U354633 ۳۰ شهریور ۱۴۰۳

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

  8. U351542 ۲۴ مرداد ۱۴۰۳

    سلام، بعد از انتهاب استان و شهر تهران، همیشه یه فیلد جدید با عنوان “محله” ظاهر میشه. که تو هیچکدوم از پلاگین های ویرایش فرم پرداخت هم نمیشه حذفش کرد. چطور باید محله رو حذف کنم؟

    • U354633 ۳۰ شهریور ۱۴۰۳

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

  9. U350442 ۱۳ مرداد ۱۴۰۳

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

  10. U350236 ۱۱ مرداد ۱۴۰۳
    • U351276 ۲۲ مرداد ۱۴۰۳

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

  11. U349455 ۳ مرداد ۱۴۰۳

    سلام وقت بخیر
    تشکر از توضیحات خوبتون
    من همه فیلدها رو طبق ویدئوی آموزشی شما پاک کردم فقط «یادداشت های سفارش (اختیاری)» در کنار جزئیات صورت حساب هست که میخوام اینم حذف بشه
    ممنون میشم راهنمایی بفرمایید

  12. U311104 ۱ مرداد ۱۴۰۳

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

  13. U348693 ۲۷ تیر ۱۴۰۳

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

  14. U333107 ۲۲ تیر ۱۴۰۳

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

  15. U344904 ۷ خرداد ۱۴۰۳

    سلام عرض ادب وقتتون بخیر

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

    چطور میتونم این قابلیت رو اضافه کنم ، ممنون میشم راهنمایی کنید

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  27. U337026 ۲۵ دی ۱۴۰۲

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

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

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

  28. U336231 ۱۴ دی ۱۴۰۲

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

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

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