فهرست مطالب
اگر صاحب یک فروشگاه اینترنتی هستید، طراحی بخش محصولات تخفیف خورده ووکامرس و حراجی میتواند فروش شما را بهطور چشمگیری افزایش دهد. در قسمت از آموزش المنتور ، به شما نشان میدهیم چگونه با استفاده از ویجت حلقه شبکه المنتور، یک بخش شیک، ریسپانسیو و بهینه برای نمایش منتخب محصولات تخفیف و حراج مشابه دیجی کالا ایجاد کنید.
چرا نمایش محصولات تخفیف خورده مهم است؟
محصولات تخفیف خورده به عنوان یک ابزار بازاریابی قدرتمند، توجه مشتریان را در آنلاین شاپ جلب میکنند. طبق آمار Statista (2024)، ۶۸٪ از خریداران آنلاین به دنبال تخفیفات ویژه هستند و نمایش این محصولات در صفحه اصلی یا صفحات فروشگاه میتواند نرخ تبدیل را تا ۳۰٪ افزایش دهد. با استفاده از المنتور، میتوانید این بخش را بهصورت بصری جذاب و کاملاً ریسپانسیو طراحی کنید تا در تمام دستگاهها (موبایل، تبلت و دسکتاپ) عملکرد مطلوبی داشته باشد.
مزایای استفاده از حلقه کاروسل در المنتور
- انعطافپذیری بالا: امکان سفارشیسازی کامل طراحی.
- ریسپانسیو بودن: نمایش بینقص در تمام دستگاهها.
- بهینه برای سئو: کاهش زمان بارگذاری صفحه با تنظیمات صحیح.
- جذابیت بصری: نمایش دینامیک محصولات با افکتهای اسلایدر.
پیشنیازها برای شروع طراحی بخش محصولات تخفیف خورده
قبل از شروع، مطمئن شوید که موارد زیر را آماده کردهاید:
- وردپرس و ووکامرس: نصب و فعالسازی شده باشند.
- المنتور پرو: برای دسترسی به ویجت Loop Grid.
- محصولات تخفیفدار: حداقل چند محصول با قیمت حراج در ووکامرس تعریف شده باشند.
- قالب هلو المنتور
نکته: اگر تازهکار هستید، میتوانید با دوره جامع طراحی سایت فروشگاهی مشابه دیجیکالا شروع کنید که تمام مراحل طراحی فروشگاه را آموزش میدهد.
مرحله ۱: آمادهسازی محصولات تخفیف دار در ووکامرس
برای نمایش محصولات تخفیفدار، ابتدا باید آنها را در ووکامرس تنظیم کنید. مراحل زیر را دنبال کنید:
- ورود به پیشخوان وردپرس:
- به بخش محصولات > همه محصولات بروید.
- محصول مورد نظر را انتخاب کرده و روی ویرایش کلیک کنید.
- تنظیم قیمت تخفیف:
- در بخش دادههای محصول، تب عمومی را باز کنید.
- قیمت اصلی (Regular Price) و قیمت حراج (Sale Price) را وارد کنید.
- اگر میخواهید تخفیف محدود به زمان باشد، تاریخ شروع و پایان تخفیف را در بخش زمانبندی حراج تنظیم کنید.
- بهروزرسانی محصول:
- پس از وارد کردن اطلاعات، روی بهروزرسانی کلیک کنید تا تغییرات ذخیره شوند.
مرحله ۲: ایجاد قالب لوپ (Loop Template) در المنتور
برای نمایش محصولات تخفیف خورده بهصورت دینامیک در حلقه شبکه ای ، باید یک قالب لوپ اختصاصی بسازید. این قالب تعیین میکند که هر محصول چگونه نمایش داده شود.
- ایجاد قالب جدید:
- به پیشخوان وردپرس > قالبها > لوپ آیتمها بروید.
- روی افزودن جدید کلیک کنید و نامی مانند «لوپ محصولات تخفیف» انتخاب کنید.
- طراحی قالب با المنتور:
- ویرایشگر المنتور را باز کنید.
- یک بخش (Section) یا کانتینر اضافه کنید.
- ویجتهای زیر را به قالب اضافه کنید:
- تصویر محصول (Product Image): برای نمایش تصویر اصلی محصول.
- عنوان محصول (Product Title): برای نمایش نام محصول.
- قیمت محصول (Product Price): برای نمایش قیمت اصلی و تخفیفدار.
- برچسب تخفیف: از ویجت Heading یا Text Editor استفاده کنید و با Dynamic Tags درصد تخفیف را نمایش دهید. (برای محاسبه درصد تخفیف، میتوانید از افزونههایی مانند WooCommerce Dynamic Pricing استفاده کنید یا بهصورت دستی عبارت «حراج» را اضافه کنید.)
- استایلدهی به قالب:
- از تنظیمات المنتور برای تغییر رنگ، فونت و حاشیهها استفاده کنید.
- برای برچسب تخفیف، یک باکس یا دایره با رنگ جذاب (مانند قرمز) طراحی کنید.
- مطمئن شوید که قیمت اصلی با خط (Strikethrough) نمایش داده شود و قیمت تخفیفدار برجستهتر باشد.
- ذخیره قالب:
- پس از طراحی، قالب را ذخیره کرده و به پیشخوان برگردید.
مرحله ۳: اضافه کردن ویجت حلقه شبکه ای به صفحه
اکنون که قالب آماده است، وقت آن است که آن را در صفحه اصلی یا صفحه فروشگاه نمایش دهید.
- انتخاب صفحه:
- صفحهای که میخواهید محصولات تخفیف خورده در آن نمایش داده شوند (مانند صفحه اصلی یا صفحه فروشگاه) را با المنتور باز کنید.
- اضافه کردن حلقه شبکه:
- از نوار ویجتهای المنتور، حلقه شبکه را پیدا کرده و به صفحه بکشید.
- در تنظیمات ویجت، قالب لوپی که در مرحله قبل ساختید را انتخاب کنید.
- تنظیمات کوئری (Query):
- در بخش Query، منبع راگزینه حراج! انتخاب کنید تا فقط محصولات تخفیفدار نمایش داده شوند.
- میتوانید تعداد محصولات (مثلاً 18 محصول) یا دستهبندی خاصی را مشخص کنید.
- تنظیمات چیدمان:
- دسکتاپ: 6 ستون × 3 ردیف
- تبلت: 3 ستون
- موبایل: 2 ستون × ۱ ردیف
- این تنظیمات باعث میشود بخش شما در تمام دستگاهها ریسپانسیو باشد.
سوالات متداول
۱. آیا برای استفاده از حلقه شبکه نیاز به المنتور پرو دارم؟
بله، ویجت حلقه شبکه فقط در نسخه پرو المنتور در دسترس است. اگر نسخه رایگان دارید، میتوانید از ویجتهای جایگزین مانند Posts Widget استفاده کنید، اما امکانات کمتری دارند.
۲. چگونه درصد تخفیف را به صورت خودکار نمایش دهم؟
میتوانید از کدهای سفارشی PHP برای محاسبه و نمایش درصد تخفیف استفاده کنید. همچنین، افزونههای المنتور مانند JetEngine این قابلیت را ارائه میدهند.
۳. چرا محصولات تخفیفدار در کاروسل نمایش داده نمیشوند؟
مطمئن شوید که در تنظیمات کوئری ویجت حلقه شبکه، گزینه حراج! انتخاب شده است. همچنین، بررسی کنید که محصولات شما در ووکامرس بهدرستی بهعنوان تخفیفدار تنظیم شده باشند.
نتیجهگیری
ساخت بخش منتخب محصولات تخفیف خورده و حراج با المنتور و ووکامرس، راهی عالی برای جذب مشتریان و افزایش فروش است. با دنبال کردن این قسمت از آموزش طراحی سایت فروشگاهی ، میتوانید یک بخش حرفهای برای نمایش محصولات تخفیف دار مشابه دیجی کالا ایجاد کنید.
کاربران گرامی:
برای مشاهده آموزش کامل این ویدیو ، ابتدا باید عضو دوره جامع طراحی فروشگاه اینترنتی مشابه دیجی کالا باشید ، پس از عضویت ، براحتی دسترسی کامل به محتوای آموزشی کامل ویدیو و همچنین فایل ها و کدهای آماده دوره را خواهید داشت.
