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

راهنمای جامع ساخت صفحه تسویه حساب ووکامرس در المنتور و JetWooBuilder

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

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

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

1. نصب و فعال‌سازی المنتور پرو

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

پیشنهاد میکنیم ویدیوی المنتور چیست؟ را ببینید.

2. ایجاد یا ویرایش صفحه تسویه حساب

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

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

woocommerce_checkout

3. استفاده از ویجت‌های ووکامرس

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

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

4. طراحی و سفارشی‌سازی صفحه تسویه حساب

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

5. پیش‌نمایش و تست صفحه

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

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

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

1. نصب و فعال‌سازی JetWooBuilder

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

2. ایجاد قالب تسویه حساب با JetWooBuilder :

پس از فعال‌سازی، یک بخش جدید به نام CrocoBlock به منوی وردپرس شما اضافه خواهد شد.

• به بخش “CrocoBlock” در منوی وردپرس بروید و روی “سازنده صفحه ووکامرس” کلیک کنید.
• در صفحه باز شده در تب سبد خرید وارد شوید تا قالب های ایجاد شده قبلی را ببینید.
• روی دکمه “ایجاد قالب جدید” کلیک کنید و نامی برای قالب خود وارد کنید.

3. استفاده از ویجت‌های JetWooBuilder

JetWooBuilder ویجت‌های خاصی برای طراحی صفحه تسویه حساب ارائه می‌دهد. از جمله ویجت‌هایی که می‌توانید استفاده کنید عبارتند از:

• ویجت WooCommerce Checkout: این ویجت به شما امکان می‌دهد که صفحه تسویه حساب را طراحی کرده و فیلدهای مختلف آن را نمایش دهید.
• ویجت Billing Details و Shipping Details: با استفاده از این ویجت‌ها می‌توانید جزئیات صورتحساب و حمل و نقل را به شکلی منظم و سفارشی‌سازی شده نمایش دهید.
• ویجت Payment Method: این ویجت به شما کمک می‌کند که روش‌های پرداخت مختلف را به صورت بصری طراحی کنید و آن‌ها را به دلخواه خود تنظیم کنید.

4. طراحی و سفارشی‌سازی صفحه تسویه حساب

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

5. پیش‌نمایش و تست

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

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

• رابط کاربری ساده و بصری: هر دو افزونه المنتور و JetWooBuilder رابط کاربری بصری و ساده‌ای دارند که به شما این امکان را می‌دهند تا به راحتی و بدون نیاز به کدنویسی ساخت صفحه تسویه حساب ووکامرس در المنتور را انجام دهید.
• سفارشی‌سازی بی‌نهایت: شما می‌توانید تمامی اجزای صفحه تسویه حساب، از جمله فیلدها، رنگ‌ها، فونت‌ها و ترتیب نمایش اطلاعات را به دلخواه خود سفارشی‌سازی کنید.
• سازگاری کامل با ووکامرس: هر دو افزونه با ووکامرس به طور کامل سازگار هستند و هیچگونه تداخلی با عملکرد فروشگاه شما نخواهند داشت.

نتیجه‌گیری

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