ویرایش صفحه پرداخت ووکامرس و فرم تسویه حساب
- مقالات آموزشی آموزش ووکامرس افزونه وردپرس
- بروزرسانی شده در
در دنیای تجارت الکترونیکی، صفحه پرداخت یکی از حیاتیترین جنبههای هر فروشگاه آنلاین است، چرا که تجربه کاربری در این بخش مستقیماً بر تبدیل بازدیدکنندگان به مشتریان تأثیر میگذارد. ویرایش صفحه پرداخت ووکامرس به شما این امکان را میدهد که فیلدهای اضافی را حذف کنید، تا کاربر شما سریعتر فرایند خرید را تکمیل کند.
ووکامرس به عنوان یکی از محبوبترین پلتفرمهای فروشگاه ساز وردپرس، امکانات فراوانی را برای تنظیم و شخصیسازی صفحه پرداخت فراهم میکند. ویرایش صفحه پرداخت ووکامرس این امکان را به شما میدهد تا تجربه پرداخت را برای مشتریان خود بهینه سازید، از افزودن گزینههای پرداخت گرفته تا تغییر طرحبندی و متنهای استاندارد.
در این مقاله، به بررسی چگونگی ویرایش صفحه پرداخت در ووکامرس و نکات کلیدی برای افزایش کارایی آن میپردازیم، به گونهای که سهولت استفاده برای مشتریان و همچنین سئوی سایت شما بهینهسازی شود.
آنچه در این مقاله میخوانید
ویرایش صفحه پرداخت ووکامرس
خب تا اینجا متوجه شدید که فرایند خرید در میزان رضایت کاربر از سایت شما تأثیر زیادی دارد. امروزه کاربران به دلیل مشغلههای زیادی که دارند تمایل دارند که خرید خود را سریعاً انجام بدهند. درواقع اولویت اصلی کاربران این است که در کمترین زمان ممکن به هدف خودشان برسند.
در پایان پسازاینکه کاربران تمام مراحل را طی کردند نوبت به صفحه تسویهحساب میرسد. در این صفحه فیلدهای مختلفی وجود دارد که کاربران باید حتماً این فیلدها را پر کنند. پس از پر شدن این فیلدها توسط کاربر مراحل خرید او بهپایان میرسد. برخی از این فیلدها باید بهاجبار پر شوند و برخی دیگر لزومی به پر شدن آنها نیست.
همانطور که در تصویر بالا مشاهده میکنید این فیلدها شامل موارد مختلفی میباشد که پر کردن برخی از آنها اجباری و برخی اختیاری میباشد. اما شما میتوانید آنها را کم کرده و سرعت خرید کاربر را بالا ببرید. برخی از افراد با استفاده از ووکامرس یک فروشگاه اینترنتی ساخته که در آن محصولات دانلودی خود را بهفروش میرسانند. این دسته از مدیران فروشگاه میتوانند یک سری فیلدهای اضافی نظیر کد پستی، آدرس و… که نیازی به آن ندارند را حذف کنند.
بدون نیاز به نصب افزونه
شما امکان این را دارید که این کار را توسط کد نویسی انجام دهید. اگر شما به کد نویسی آشنایی داشته باشید میتوانید مطابق با آموزش زیر این کار را بهراحتی انجام دهید. این کار توسط فایل فانکشن انجامپذیر است. شما قادر هستید بهراحتی با افزودن کدهای زیر در 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 میباشد. کار با این افزونه بسیار راحت است و شما میتوانید بهراحتی و بدون یک خط کد نویسی تنظیمات فروشگاه خود را کنترل کنید.
شما این امکان را دارید که این افزونه را از مخزن وردپرس دریافت کرده و در سایت وردپرسی خود نصب کنید. شما میتوانید مراحل نصب افزونه وردپرس را در سایت میهن وردپرس مطالعه کرده و بهسادگی در عرض چند دقیقه آن را نصب نمایید. پس از نصب این افزونه شما میتوانید با مراجعه به تنظیمات ووکامرس فیلدهای اضافی را حذف کنید. همچنین شما این امکان را دارید که فیلدهای جدید که به آنها نیاز دارید را بسازید.
این افزونه کاملاً رایگان در اختیار کاربران ووکامرس قرارگرفته است. توسط این افزونه شما قادر هستید فیلدهای صفحه تسویهحساب فروشگاه خود را تنها با چند کلیک ساده کنترل و مدیریت کنید. با این کار میتوانید کاری کنید که کاربر یک تجربه کاربری عالی از خرید در سایت شما را داشته باشد و آن را به بقیه کاربران نیز معرفی کند.
شما پسازاینکه افزونه را نصب کردید با ورود به قسمت Checkout میتوانید تنظیمات مختلف این افزونه را مشاهده کنید. پس از آن باید وارد قسمت Shipping شوید. در این قسمت شما تنظیمات مختلف فیلدهای صفحه تسویهحساب را مشاهده میکنید و میتوانید آنها را ویرایش و حذف نمایید.
همچنین با انتخاب گزینه Add New Field شما میتوانید یک فیلد جدید برای این صفحه بسازید.
استفاده از افزونه ویرایشگر فرم پرداخت ووکامرس
ابتدا باید افزونه را از صفحه وردپرس دریافت و نصب کنید. پس از نصب، برای فعالسازی افزونه به بخش ‘افزونهها’ در پیشخوان وردپرس بروید و ‘Woo Checkout Field Editor Pro’ را فعال کنید.
دسترسی به تنظیمات افزونه
پس از فعالسازی، به منوی ‘ووکامرس’ در پیشخوان بروید و روی گزینه ‘Checkout Fields’ کلیک کنید تا به صفحه تنظیمات افزونه هدایت شوید.
افزودن و ویرایش فیلدها
در صفحه تنظیمات، شما میتوانید فیلدهای موجود را ویرایش، حذف یا فیلدهای جدید اضافه کنید. برای اضافه کردن یک فیلد جدید، روی دکمه ‘Add Field’ کلیک کنید و مشخصات مورد نیاز مانند نام فیلد، نوع فیلد (متن، انتخاب، چکباکس و غیره) و سایر تنظیمات را وارد کنید.
تنظیمات پیشرفته
افزونه امکانات پیشرفتهای مانند افزودن شرط برای نمایش فیلدها بر اساس محصولات خاص، کاربران خاص یا مقادیر دیگر را فراهم میکند. این ویژگیها به شما کمک میکنند تا تجربه خرید سفارشیتری را برای مشتریان خود فراهم آورید.
ذخیره تنظیمات
پس از تنظیم یا تغییر فیلدها، مطمئن شوید که تغییرات خود را با کلیک بر روی دکمه ‘Save changes’ ذخیره کنید تا روی فروشگاه شما اعمال شود.
موفق باشید. 🙂
سلام دوستان .
من سایتم فروش کد هست و اینکه نیازی به گرفتن اطلاعات آدرس کاربر نیست ولی هر تغییری که توی فرم پرداخت ووکامرس انجام میدم روی سایت اعمال نمیشه . هم css زدم هم کد هم کش و پاک کردم و …. الان مشکل چیه ؟ قالب اهورا هست
با سلام . در فرم پرداختم گزینه شماره تماس به حالت اختیاری هستش و میخواستم این مورد رو به حالت الزامی تغییر بدم. اگر بخوام بدون کد گذاری این کارو انجام بدم به چه صورت هست
سلام روزتون خوش من قالب اهورا رو ازتون خریدم و دمو کلاسیک فروشگاهی رو نصب کردم و طبق آموزش های ووکامرس سایتتون پیش میرم و الان به یه مشکلی خوردم وقتی روی مشاهده سبد و ادامه خرید میرم به جای سبد خرید فقط عکس یه گوشی برام میاد البته چند تا مشکل دیگه هم داشتم ولی این از همه اش مهمتر بود ضمنن من تازه شروع به آموزش دوره رایگانتون کردم ممنون میشم راهنمایی کنید
سلام.
از آنجایی که برای پشتیبانی محصولات و بررسی دقیقتر سوال شما نیاز به دانش فنی بخش پشتیبانی است، لطفا سوالات خود را از بخش پشتیبانی ارسال بفرمایید:
https://mihanwp.com/support/
درود وقت بخیر
رنگ بکگراند سایت را تغییر دادم و حالا عناوین فیلدهای صفحه ی تسویه حساب با رنگ جدید بگراند سایت تشابه دارد و این باعث ناخوانایی عناوین شده است.
لطفا راهنمایی می کنید چگونه رنگ متن عناوین فیلدهای صفحه تسویه حساب را تغییر بدهم؟
مرسی که هستید♥
سلام. من این افزونه ویرایشگر پرداخت رو نصب کردم. فیلد تاریخ تولد فرزند رو به صورتحساب اضافه کردم. ولی هرکار میکنم نمیتونم تاریخ رو شمسی کنم.
سلام دوست عزیز
بسیار عالی بود ممنون
ولی من یه مشکلی پیدا کردم ، به طور پیش فرض در صفحه پرداخت در قسمت کد پستی و شماره تلفن اعداد باید انگلیسی وارد و تایید بشه
چجوری میشه این رو تغییر داد و فارسی رو هم قبول بکنه؟ چون خیلی از کاربر ها حتی با وجود اعلان سایت بازم متوجه این موضوع هنگام خرید نمیشن
سلام، وقت بخیر؛
خسته نباشید.
هنگامی که روی سایت خود قصد آزمایش خرید محصول را دارم، پس از کلیک روی دکمۀ “تسویه حساب”، این صفحه باز نمیشود و وارد صفحۀ “خانه” سایت میشود. لطفاً بفرمایید مشکل چیست.
متشکرم.
بدلیل نبودن افزونه ووکامرس. شما فقط دموی قالب رو بدونه هیچ افزونه اضافی ای مشاهده کردید
یک سری تنظیمات هست که داخل وردپرس بعد از راه اندازی قالب و نصب ووکامرس باید انجام بدید
سلام، بعد از انتهاب استان و شهر تهران، همیشه یه فیلد جدید با عنوان “محله” ظاهر میشه. که تو هیچکدوم از پلاگین های ویرایش فرم پرداخت هم نمیشه حذفش کرد. چطور باید محله رو حذف کنم؟
بدلیل نبودن افزونه ووکامرس. شما فقط دموی قالب رو بدونه هیچ افزونه اضافی ای مشاهده کردید
یک سری تنظیمات هست که داخل وردپرس بعد از راه اندازی قالب و نصب ووکامرس باید انجام بدید
من میخوام وقتی کاربری که وارد سایت میشه و 1 بار خرید انجام میده و اطلاعاتش رو وارد میکنه برای بار دوم که وارد صفحه تسویه حساب میشه دیگه این اطلاعات به صورت پیش فرض پر شده باشن و فقط کاربر تایید کنه و بره مرحله بعد ایا امکانش هست؟
چون برای من هر سری که وارد فرم تسویه حساب میشه باید اطلاعاتش رو دوباره وارد کنه
ممنون عالی بود
سلام مراحلی که بالا در کلیپ بالا بود انجام دادم ولی در صفحه پرداخت قسمت تلفن نمیاد چه کاری باید انجام بدم؟
سلام وقت بخیر
تشکر از توضیحات خوبتون
من همه فیلدها رو طبق ویدئوی آموزشی شما پاک کردم فقط «یادداشت های سفارش (اختیاری)» در کنار جزئیات صورت حساب هست که میخوام اینم حذف بشه
ممنون میشم راهنمایی بفرمایید
سلام روزتون بخیر
چطور میتونیم امکان انتخاب محل تحویل سفارش روی نقشه توسط کاربر رو به صفحه پرداخت ووکامرس اضافه کنیم؟
با سلام . در فرم پرداختم گزینه شماره تماس به حالت اختیاری هستش و میخواستم این مورد رو به حالت الزامی تغییر بدم. اگر بخوام بدون کد گذاری این کارو انجام بدم به چه صورت هستش؟
سلام وقت بخیر تو صفحه سفارشات ،همه اطلاعات سفارش رو نمایش میده غیر از استان و شهر ،،لطف میکنید راهنمایی کنید
سلام عرض ادب وقتتون بخیر
من میخوام تو صفحه تسویه حساب یک فیلد اضافه کنم و وقتی کاربر فعالش کرد و تیکشو زد مبلغ 290 تومان به مجموع هزینه سفارش اضافه بشه
چطور میتونم این قابلیت رو اضافه کنم ، ممنون میشم راهنمایی کنید
سلام من اینکار را رو میکنم ولی باز برام تغییرات مدنظر اعمال نمیشه و همون فرم پرداخت اصلیه ووکامرسه، ممنون میشم راهنمایی کنید
من هر افزونه ای که برای تغییر فرم صورت حساب امتحان میکنم خروجی نمیده. تو تنظیمات اعمال شده ولی توی سایت همون حالت اولیه رو نشون میده
من یک سوال داشتم. چطور میشه صفحه تسویه حساب رو قبل از ورود شخصی سازی کرد. در واقع زمانی که کاربر وارد نشده، میخوام پیامی نشون بده که برای ادامه خرید نیاز هست که عضو سایت باشی. اگر عضو سایت هستی لینک زیر وارد شی و اگر عضو نیستی می بایست توسط این لینک عضو بشی.
در حال حاضر برای من این پیام نشون میده.
قبلا ثبت نام کردهاید؟ برای ورود اینجا را کلیک کنید
برای پرداخت باید وارد شوید. New customer? Click here to register
میخوام این متن رو اصلاح کنم. چطور می تونم این کارو انجام بدم.
متشکرم از آموزش های خوبتون.
خیلی ممنون. واقعا تمام مواردی که مزاحمت ایجاد می کرد رو حذف کرد. متشکرم.
امکان شخصی سازی هست؟ مثلا روی نسخه موبایل یک فیلد خاصی رو بخوایم نباشه(فقط موبایل)
سلام عرض ادب
من در فیلد شماره موبایل در فرم صورتحساب با مشکل مواجه شدم.
مشکل هم این هست که کاربر زمانی که شماره موبایل رو به اعداد فارسی بنویسه، با ارور مواجه میشه و پیامکش ارسال نمیشه.
اما قصد دارم زمانی که کاربر اعداد رو حتی به فارسی هم وارد کرد، به صورت خودکار تبدیل به انگلیسی بشه.
راهمکار پیشنهادی شما برای این کار چی هست؟
من صفحه تسویه حساب را با المان المنتور ساختم. ولی یه قسمت بصورت چک باکس داره که میگه اخبار را برای من ایمیل کن. اون را چطوری میتونم حذف کنم؟ توی قسمت سفارشی سازی قالب هم نبود . توی تنظیمات این المان ه نیست
سلام وقت بخیر
یه سوال داشتم ممنون میشم راهنمایی بفرمایید
آیا میشه ووکامرس رو جوری تنظیم کرد که برای محضولات فیزیکی طبق روال عادی عمل کنه اما برای محصولات دانلودی فقط نام نام خانوادگی و شماره تماس رو بخواد از کاربر و بعد مستقیم وارد صفحه پرداخت بشه؟
یه سوال دیگه هم داشتم استاد ، اینکه ایا درون یک پست میشه لینک محصول رو بدم و یه دکمه با اسم دلخواه بسازم که کاربر وقتی روش کلیک کرد مستقیم وارد صفحه پرداخت بشه؟
سلام وقتتون بخیر
چطور میتونم ووکامرس رو به میهن پنل متصل کنم ؟
یعنی کاربر بعد از زدن دکمه افزودن به سبد خرید وارد بخش تسویه حساب میهن پنل بشه
در معرفی این افزونه گفتید که به طور پیشفرض این قابلیت روی میهن پنل هستش، ولی برای من همچین چیزی نیست
درود بر شما و وقت بخیر
من تو فروشگاه سایت ام هم محصول فیزیکی دارم و هم دانلودی
میخواهم تو فرم پرداخت وقتی مشتریان فقط محصولات فیزیکی رو خریداری می کنند، فیلد ایمیل دیگه نمایش داده نشه
چطور میتونم این کار رو انجام بدم؟
با تشکر فراوان
سلام با این افزونه نمیشه ولی با کد اختصاصی میشه. باید شرطی کنید فیلدهای تسویه حساب رو.
سپاسگزارم رضای عزیز
سلام و عرض ادب .
من این تکیه کد رو به فانکشن قالبم اضافه کردم اما تغییری ایجاد نشد .
قالبم اختصاصی هستش و خودم دارم کد میزنم واسش .
هیچ افزونه ای بجز ووکامرس هم روش نصب نیست .
هم کش مرورگر رو خالی کردم و هم با مرورگر دیگه ای تست کردم .
ممنون میشم راهنمایی کنید .
با سپاس.
سلام شاید صفحه تسویه حساب قالب شما اختصاصی باشه. شورت کد تسویه حساب رو دستی اضافه کنید تو صفحه تسویه حساب
سلام خسته نباشید
چطور میشه شهر های یک استان مثلا تهران رو ویرایش کرد مثلا یک شهر رو حذف و یا اضافه نمود
ممنون میشم راهنمایی بفرمایید
سلام ندیدم چنین قابلیتی رو مگر اینکه با افزونه انجام بشه. یه سرچ کنید تو گوگل انگلیسی
سلام و درود
بنده قالب اهورا رو نصب کردم و درگاه زرین پال رو هم افزونه شو گرفتم وتنظیماتشو انجام دادم ولی چیزی در قسمت پرداخت نمیاره یعنی هیچ گزینه پرداختی وجود نداره لطفا راهنمایی کنیم تمام راه ها رو رفتم و ویدیوهارو دیدم ولی مشکلم حل نشده😬
سلام قالب رو به قالب دیگری تغییر و افزونه های دیگر رو غیرفعال کنید و تست کنید. احتمالا افزونه ای جلوی نمایش این درگاه رو گرفته.