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

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

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

نکات مهم قبل از ادغام سبد خرید و تسویه حساب

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

پس از اینکه محتوای قسمت سبد خرید را وارد صفحه تسویه حساب کنیم ، پس نیازی به برگه سبد خرید نیست و باید حذف شود یا در حالت پیش نویش قرار گیرد ( بخاطر مسائل احتمالی بعدی مثلا مجدد تفکیک کردن صفحات سبد و تسویه حساب ) و همچنین از قسمت پیکربندی ووکامرس نیز برخی تنظیمات را روی برگه های پیشفرض فروشگاه انجام دهیم . برای ترکیب سبد خرید و تسویه حساب کافیست تا کد زیر را در داخل فایل functions.php قرار دهید :

function cart_on_checkout_page() {
if ( is_wc_endpoint_url( 'order-received' ) ) return;
echo do_shortcode('[woocommerce_cart]');
}
add_action( 'woocommerce_before_checkout_form', 'cart_on_checkout_page', 5 );

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

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

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

چه زمانی نیاز داریم تا سبد خرید و تسویه حساب ووکامرس را یکی کنیم ؟

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

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