سلام و درود خدمت همراهان عزیر ملت وب

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

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

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

• برای تغییر المان های پیشفرض ووکامرس مثل فونت و استایل
• برای افزودن المان های برندینگ مثل لوگو، رنگ و لینک های مستندات و پشتیبانی
• برای حذف موارد اضافی و سرعت بخشیدن به روند پرداخت
• برای حدف یا اضافه کردن فیلدهای سفارشی
• و...

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

1.استفاده از تنظیمات پیشفرض خود ووکامرس

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

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

ووکامرس دارای تنظیمات داخلی برای خودکار کردن محاسبه مالیات و پذیرش کد تخفیف در هنگام پرداخت است. برای فعال کردن به ووکامرس > پیکربندی رفته و در زبانه عمومی فعال کردن مالیات را فعال کنید.

برای افزودن کد تخفیف نیز تیک گزینه فعالسازی کدهای تخفیف را بزنید و تنظیمات را ذخیره کنید.

1.2 نمایش قیمت محصول با مالیات یا بدون مالیات

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

1.3. تنظیم های حمل و نقل (ارسال محصول)

در ووکامرس > پیکربندی و زبانه حمل ونقل تنظیمات حمل ونقل قرار دارد:

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

مقصد حمل و نقل : برای تنظیم آدرس های پیش فرض ارسال در پرداخت

1.4 زبانه دیگر در ووکامرس > پیکربندی گزینه حریم خصوصی میباشد که میتوانید متن قوانین و حریم خصوصی را بنویسید.:

1.5. تنظیمات پیشرفته و صفحات ووکامرس

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

همچنین با فعال کردن گزینه پرداخت امن میتوانید ssl را در صفحه پرداخت اجباری کنید.

1.6 سفارشی سازی طرح صفحه پرداخت در نمایش > سفارشی سازی وردپرس

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

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

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

2.1 باز کردن صفحه پرداخت در المنتور

برای اینکار به برگه ها رفته و برگه پرداخت را پیدا کرده و روی ویرایش کلیک کنید.

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

2.2. حدف کد کوتاه ووکامرس

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

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

حالا میتوانید از ستون سمت راست جهت استایل دهی وتنظیمات پیشرفته استفاده کنید:

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

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

• Flexible Checkout Fields for WooCommerce
• Checkout Field Editor (Checkout Manager) for WooCommerce
• Checkout Field Editor and Manager for WooCommerce
• Multi-Step Checkout for WooCommerce

هریک از افزونه های بالا امکانات مشابه یا متفاوتی را ارائه میدهند و برای یک نمونه افزونه Checkout Field Editor (Checkout Manager) for WooCommerce  را باهم بررسی میکنیم. پس از نصب وفعال سازی افزونه گزینه جدیدی تحت عنوان فرم پرداخت به ووکامرس اضافه میکند که با کلیک روی آن تنظیمات فیلد های ووکامرس قابل مشاهده خواهد بود:

با انتخاب هر یک از فیلدها میتوانید آن را فعال - غیرفعال یا ویرایش نمایید. و یا با کلیک روی گزینه افزودن فیلد یک فیلد جدید اضافه کنید

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