ووکامرس یک ابزار قدرتمند برای ساخت فروشگاه‌های آنلاین با وردپرس است که همه چیز از ویترین محصولات گرفته تا پردازش خرید، مدیریت مالیات و موارد دیگر را مدیریت می‌کند. یکی از ویژگی‌های برجسته ووکامرس توانایی آن در حفظ اطلاعات دقیق سفارش است. تمام جنبه‌های یک سفارش، از جمله مبلغ، ارز، جزئیات حمل و نقل، مالیات و موارد دیگر را با دقت ذخیره می‌کند. این اطلاعات دقیق هم برای صاحبان فروشگاه و هم برای مشتریان ارزشمند است. تصور کنید صفحه‌ای ایجاد کنید که در آن کاربران بتوانند بدون زحمت جزئیات سفارش ووکامرس با شناسه سفارش را دریافت کنند.
این مطلب شما را در مراحل ساخت یک صفحه ووکامرس سفارشی که جزئیات سفارش ووکامرس با شناسه سفارش (order id) نمایش می‌دهد، راهنمایی می‌کند.
چرا یک صفحه جزئیات سفارش سفارشی ایجاد می‌کنید؟
ایجاد یک صفحه جزئیات سفارش سفارشی در ووکامرس می‌تواند چندین مزیت داشته باشد که هم نیازهای صاحب فروشگاه و هم نیازهای مشتری را برآورده می‌کند. در این بخش چند دلیل قانع کننده وجود دارد که چرا ممکن است بخواهید این مسیر را طی کنید:
۱. تجربه کاربری پیشرفته
صفحه جزئیات سفارش سفارشی به شما امکان می‌دهد اطلاعات سفارش را ارائه دهید که به بهترین وجه با نیازهای مشتریان شما مطابقت دارد که به شما امکان می‌دهد طرح‌بندی و محتوای صفحه خود را تنظیم نموده تا بتوانید جزئیات مهمی مانند وضعیت حمل و نقل، مشخصات محصول و تاریخ‌های تحویل را برجسته کنید و پیدا کردن سریع آنچه را که به دنبال آن هستند برای مشتریان آسان‌تر می‌کند.
۲. ویژگی‌های اضافی
صفحه جزئیات سفارش سفارشی می‌تواند به شما امکان دهد ویژگی‌های غیرقابل دسترس را به طور پیشفرض در ووکامرس اضافه کنید. به عنوان مثال، می‌توانید فیلدهای سفارشی مانند پیام‌های هدیه، دستورالعمل‌های ویژه یا یادداشت‌های شخصی‌شده منحصر به فرد برای هر سفارش را نمایش دهید.
۳. تعامل
یک صفحه جزئیات سفارش سفارشی به شما امکان می‌دهد عناصر تعاملی مانند نوارهای پیشرفت را برای ردیابی سفارش، لینک به محصولات مرتبط یا دسترسی مستقیم به پشتیبانی مشتری اضافه و تجربه ای غنی تر و جذاب تر را برای کاربران خود فراهم کنید.
۴. انعطاف‌پذیری و سازگاری
ایجاد یک صفحه جزئیات سفارش سفارشی می‌تواند به شما اجازه دهد منطق خاص کسب‌وکار را پیاده‌سازی کنید و با نیازهای در حال تغییر سازگار شوید. شما می‌توانید اطلاعات مختلفی را بر اساس معیارهای منحصر به فرد فروشگاه خود، مانند موقعیت مکانی مشتری یا نوع محصولات سفارش داده شده، نمایش دهید.
نحوه دریافت اطلاعات سفارش از شی order$
در ووکامرس، شی order$ یک قطعه مرکزی است که شامل تمام اطلاعات مربوط به یک سفارش خاص است. با استفاده از این آبجکت، می‌توانید جزئیات مختلفی از یک سفارش، مانند شناسه سفارش، تاریخ سفارش، اطلاعات صورتحساب و ارسال و محصولات خریداری شده را بازیابی کنید.
بیایید نحوه دسترسی و استفاده از این قطعات مختلف داده از شی order$ را با جزئیات مرور کنیم.
۱. شی order را بازیابی کنید
ابتدا باید آبجکت order را با استفاده از تابع wc_get_order دریافت کنید. این تابع یک شناسه سفارش می‌گیرد و شی سفارش مربوطه را برمی گرداند.
$order_id = 123; // Example order ID $order = wc_get_order( $order_id );
۲. اطلاعات اولیه سفارش
هنگامی که شی order$ را دارید، می‌توانید اطلاعات اولیه را در مورد سفارش بازیابی کنید. در اینجا چند نمونه آورده شده است:
• شناسه سفارش (Order ID) – شناسه منحصر به فرد سفارش
$order_id = $order->get_id(); echo 'Order ID: ' . $order_id;
• تاریخ سفارش (Order date) – تاریخی که سفارش ایجاد شده است.
$order_date = $order->get_date_created(); echo 'Order date: ' . wc_format_datetime( $order_date );
• کل سفارش (Order total) – مبلغ کل سفارش.
$order_total = $order->get_formatted_order_total(); echo 'Order total: ' . $order_total;
۳. اطلاعات صورتحساب
اطلاعات صورتحساب شامل جزئیات ارائه شده توسط مشتری در طول فرآیند پرداخت است. شما می‌توانید این جزئیات را با استفاده از روش های زیر بازیابی کنید:
آدرس صورتحساب (Billing address):
$billing_address = $order->get_formatted_billing_address(); echo 'Billing address: ' . $billing_address;
ایمیل صورتحساب (Billing email):
$billing_email = $order->get_billing_email(); echo 'Billing email: ' . $billing_email;
تلفن صورتحساب (Billing phone):
$billing_phone = $order->get_billing_phone(); echo 'Billing phone: ' . $billing_phone;
۴. اطلاعات حمل و نقل
اطلاعات حمل و نقل شامل جزئیات محل ارسال سفارش است. مشابه اطلاعات صورتحساب، می‌توانید با استفاده از شی $order به این جزئیات دسترسی داشته باشید:
آدرس حمل و نقل (Shipping address):
$shipping_address = $order->get_formatted_shipping_address(); echo 'Shipping address: ' . $shipping_address;
۵. اقلام را سفارش دهید
شما می‌توانید اقلام موجود در یک سفارش را بازیابی کنید، که به ویژه برای نمایش محصولات خریداری شده مفید است. در اینجا نحوه دریافت اقلام سفارش آمده است:
$items = $order->get_items();
foreach ( $items as $item_id => $item ) {
$product_name = $item->get_name();
$product_quantity = $item->get_quantity();
$product_total = $item->get_total();
echo 'Product name: ' . $product_name . '<br>';
echo 'Quantity: ' . $product_quantity . '<br>';
echo 'Total: ' . wc_price( $product_total ) . '<br>';
}
۶. روش‌های پرداخت و حمل و نقل
همچنین می توانید اطلاعاتی در مورد روش های پرداخت و حمل و نقل مورد استفاده برای سفارش بازیابی کنید:
روش پرداخت (Payment method):
$payment_method = $order->get_payment_method_title(); echo 'Payment method: ' . $payment_method;
روش ارسال (Shipping method):
$shipping_methods = $order->get_shipping_methods();
foreach ( $shipping_methods as $shipping_method ) {
echo 'Shipping method: ' . $shipping_method->get_name();
}
۷. وضعیت سفارش
وضعیت سفارش می تواند برای عملکردهای مختلف مفید باشد، مانند ردیابی پیشرفت سفارش:
$order_status = wc_get_order_status_name( $order->get_status() ); echo 'Order status: ' . $order_status;
ایجاد صفحه‌ای برای نمایش جزئیات سفارش با شناسه سفارش
برای ارائه یک تجربه یکپارچه برای مشتریان خود، ایجاد یک صفحه سفارشی که در آن می‌توانند جزئیات سفارش خود را با وارد کردن شناسه سفارش (order ID) خود مشاهده کنند، مفید است.
اجازه دهید شما را از طریق ایجاد یک صفحه، از جمله راه‌اندازی الگو و نمایش اطلاعات سفارش، راهنمایی کنیم.
مرحله ۱: یک قالب صفحه سفارشی ایجاد کنید
ابتدا یک قالب صفحه سفارشی در قالب وردپرس خود ایجاد کنید. از این الگو برای نمایش جزئیات سفارش استفاده می شود.
در دایرکتوری چایلد تم خود، یک فایل جدید با نام page-order-details.php ایجاد کنید. کد زیر را به این فایل اضافه کنید:
<?php
/**
* Template Name: Order Details
*/
get_header();
?></p>
<p dir="ltr" style="text-align: left;"><div id="primary" class="content-area">
<main id="main" class="site-main"></p>
<p dir="ltr" style="text-align: left;"><?php
if ( isset( $_GET['order_id'] ) ) {
$order_id = intval( $_GET['order_id'] );
display_order_details( $order_id );
} else {
echo '<p>No order ID provided.</p>';
}
?></p>
<p dir="ltr" style="text-align: left;"></main><!-- #main -->
</div><!-- #primary --></p>
<p dir="ltr" style="text-align: left;"><?php
get_footer();</p>
<p dir="ltr" style="text-align: left;">// Function to display order details
function display_order_details( $order_id ) {
$order = wc_get_order( $order_id );
if ( ! $order ) {
echo '<p>Invalid order ID.</p>';
return;
}</p>
<p dir="ltr" style="text-align: left;">echo '<h2>Order Details</h2>';
echo '<ul>';
echo '<li>Order ID: ' . $order->get_id() . '</li>';
echo '<li>Order Date: ' . wc_format_datetime( $order->get_date_created() ) . '</li>';
echo '<li>Order Total: ' . $order->get_formatted_order_total() . '</li>';
echo '<li>Billing Address: ' . $order->get_formatted_billing_address() . '</li>';
echo '<li>Shipping Address: ' . $order->get_formatted_shipping_address() . '</li>';
echo '<li>Billing Email: ' . $order->get_billing_email() . '</li>';
echo '<li>Billing Phone: ' . $order->get_billing_phone() . '</li>';
echo '<li>Payment Method: ' . $order->get_payment_method_title() . '</li>';
echo '<li>Order Status: ' . wc_get_order_status_name( $order->get_status() ) . '</li>';
echo '</ul>';</p>
<p dir="ltr" style="text-align: left;">echo '<h3>Order Items</h3>';
echo '<ul>';
$items = $order->get_items();
foreach ( $items as $item_id => $item ) {
echo '<li>';
echo 'Product Name: ' . $item->get_name() . '<br>';
echo 'Quantity: ' . $item->get_quantity() . '<br>';
echo 'Total: ' . wc_price( $item->get_total() ) . '<br>';
echo '</li>';
}
echo '</ul>';
}
بیایید این کد را بشکنیم تا متوجه شوید.
ابتدا متوجه توابع get_header() و get_footer() می‌شوید که شامل سربرگ و فوتر استاندارد وردپرس برای صفحه است و از حفظ طراحی و طرح‌بندی کلی سایت اطمینان حاصل می‌کند.
ما همچنین برخی از نشانه گذاری‌های اولیه HTML را داریم که برای نمایش متن در وب مهم هستند. کد مهم بعدی که متوجه می شوید شرطی است که بررسی می کند order_id به عنوان پارامتر URL ارسال شود یا خیر.
if ( isset( $_GET['order_id'] ) ) {
$order_id = intval( $_GET['order_id'] );
display_order_details( $order_id );
} else {
echo '<p>No order ID provided.</p>';
}
کاری که انجام می دهد این است که اگر order_id وجود داشته باشد، ورودی را با استفاده از ()intval پاکسازی می کند و تابع display_order_details را فراخوانی می کند. اگر order_id ارائه نشده باشد، پیامی را نشان می دهد.
تابع display_order_details تابعی است که در زیر get_footer() اعلام شده است. این تابع شناسه سفارش را به عنوان ورودی می گیرد و با استفاده از ()wc_get_order شی سفارش مربوطه را بازیابی می کند.
اگر شناسه سفارش نامعتبر باشد، یک پیغام خطا ارسال می کند. در غیر این صورت، جزئیات مختلف سفارش مانند شناسه سفارش، تاریخ، کل، آدرس صورتحساب و حمل و نقل، ایمیل، تلفن، روش پرداخت و وضعیت سفارش را در یک لیست نامرتب بازیابی و نمایش می دهد.
علاوه بر این، از طریق اقلام سفارش حلقه می زند و نام محصول، مقدار و قیمت کل هر کالا را در لیست نامرتب دیگری نمایش می دهد.
مرحله ۲: تمپلیت را به قالب خود اضافه کنید و یک صفحه جدید در وردپرس ایجاد کنید
فایل page-order-details.php را در دایرکتوری چایلد تم خود ذخیره کنید. این باعث می شود که قالب برای انتخاب در هنگام ایجاد یک صفحه جدید در وردپرس در دسترس باشد.
در مرحله بعد، در پیشخوان مدیریت وردپرس خود به برگه‌ها > افزودن جدید بروید. به صفحه یک نام بدهید و سپس در قسمت ویژگی های صفحه در سمت راست، قالب Order Details را از منوی کشویی Template انتخاب کنید.
اگر بخش ویژگی‌های صفحه را نمی‌بینید، می‌توانید به صفحه‌ها بازگردید، جایی که وقتی ماوس را روی هر صفحه می‌برید، فهرستی از همه صفحات را با چند گزینه مشاهده خواهید کرد. ویرایش سریع را انتخاب کنید و سپس بخش صفات صفحه را مشاهده خواهید کرد.
صفحه را منتشر کنید و اکنون می توانید صفحه جزئیات سفارش سفارشی را آزمایش کنید.
برای آزمایش، به مرورگر خود بروید و ?order_id=ORDER_ID را به URL اضافه کنید و ORDER_ID را با شناسه سفارش ووکامرس معتبر جایگزین کنید.
به عنوان مثال، https://yourwebsite.com/order-details/?order_id=70
این باید جزئیات سفارش را برای شناسه سفارش مشخص شده نمایش دهد.
سپس می توانید به دلخواه استایلی را به قالب اضافه کنید.
ایجاد صفحه جزئیات سفارش با استفاده از کد کوتاه ردیابی سفارش ووکامرس
گزینه دیگری که ممکن است از آن اطلاع نداشته باشید، شورت کد پیگیری سفارش ووکامرس است که یک رابط کاربری برای کاربران فراهم می کند تا با وارد کردن شماره سفارش و آدرس ایمیل، جزئیات سفارش خود را جستجو کنند.
این صفحه شماره سفارش، تاریخ، وضعیت، اقلام، حمل و نقل و آدرس صورتحساب را نمایش می‌دهد. اگر قصد ندارید اطلاعات دقیق تری را نشان دهید، می تواند مفید باشد.
ایجاد یک صفحه ردیابی سفارش با استفاده از کد کوتاه ردیابی سفارش ووکامرس یک راه ساده برای افزایش تجربه مشتری بدون پرداختن به کدنویسی سفارشی است.
برای این کار مراحل زیر را دنبال کنید:
۱. وارد پیشخوان وردپرس خود شوید.
2. بعد، با رفتن به برگه‌ها > افزودن جدید، یک صفحه جدید ایجاد کنید.
3. به صفحه یک عنوان بدهید و در ویرایشگر صفحه، کد کوتاه زیر را اضافه کنید:
[woocommerce_order_tracking]
۴. سپس روی دکمه انتشار کلیک کنید تا صفحه زنده شود.
به همین سادگی است. اما این ممکن است به شما انعطاف پذیری دلخواه را ندهد.
هاست وردپرس با وب سرور محبوب لایت اسپید و کش لایت اسپید باعث می‌شود تا سرعت لود فوق العاده‌ای را تجربه کنید.
با خرید هاست وردپرس کانفیگ حرفه‌ای و نظارت بر سرور به صورت پیوسته توسط تیم فنی پارسدِو انجام خواهد شد.
جمع بندی
ایجاد صفحه جزئیات سفارش ووکامرس با شناسه سفارش (order id)، تجربه مشتری را با دسترسی آسان به اطلاعات سفارش، بهبود شفافیت و رضایت مشتری افزایش می‌دهد. اگر در فروشگاه وردپرس خود، به خصوص فروشگاه های بزرگ با محصولات زیاد، کندی را تجربه می کنید، لازم است بدانید که بخش قابل توجهی از عملکرد سایت شما به کیفیت میزبانی شما بستگی دارد.
