آموزش ساخت اسلایدر شماره دار محصولات در المنتور | ریسپانسیو
نمایش حرفهای محصولات، یکی از عوامل تعیین کننده در نرخ تبدیل (Conversion Rate) فروشگاههای اینترنتی است. زمانی که محصولات پرفروش، تخفیفدار یا تازهوارد را با چیدمانی منظم و بصری جذاب در معرض دید کاربر قرار میدهید، مسیر تصمیمگیری او برای خرید کوتاه تر میشود و نرخ کلیک روی محصولات افزایش پیدا می
- ویجت اسلایدر شماره دار چیست و چه تفاوتی با اسلایدرهای معمولی دارد؟
- کاربردهای ویجت اسلایدر شماره دار در فروشگاه های ووکامرسی
- مراحل افزودن ویجت اسلایدر شماره دار به صفحه
- تنظیمات بخش هدر اسلایدر
- انتخاب منبع نمایش محصولات
- فیلتر محصولات بر اساس دستهبندی
- تنظیم تعداد محصولات، ستونها و چیدمان اسلایدر
- شخصیسازی کامل ظاهر اسلایدر
- نمایش ریسپانسیو در موبایل، تبلت و دسکتاپ
- لودینگ اسکلتی (Skeleton Loading) برای تجربه بارگذاری روانتر
- راهنمای گامبهگام دانلود و نصب ویجت اسلایدر شمارهدار
- بهترین صفحات برای استفاده از اسلایدر شمارهدار
- جمعبندی
- سوالات متداول
- آیا برای استفاده از این ویجت به برنامهنویسی نیاز است؟
- آیا میتوان محصولات یک دستهبندی خاص را نمایش داد؟
- آیا این ویجت در موبایل به درستی نمایش داده میشود؟
- آیا امکان تغییر کامل ظاهر اسلایدر وجود دارد؟
- آیا این ویجت روی سرعت لود سایت تأثیر منفی میگذارد؟
ویجت اسلایدر شماره دار چیست و چه تفاوتی با اسلایدرهای معمولی دارد؟
اسلایدر شمارهدار، یک ویجت اختصاصی برای صفحهساز المنتور است که محصولات ووکامرس را بهصورت اسلایدی و همراه با شمارهگذاری ترتیبی (Numbered Layout) نمایش میدهد. این شمارهگذاری چند مزیت مهم نسبت به اسلایدرهای معمولی دارد:
- ترتیب و اولویت نمایش محصولات برای کاربر مشخص میشود
- ظاهر بخش، سازمانیافتهتر و حرفهایتر به نظر میرسد
- توجه چشم کاربر بهصورت هدایتشده روی محصولات حرکت میکند
تمام فرآیند پیکربندی این ویجت بهصورت بصری و از داخل پنل المنتور انجام میشود؛ کافی است آن را با روش Drag & Drop درون صفحه قرار دهید تا تنظیمات آن در دسترس شما باشد.
کاربردهای ویجت اسلایدر شماره دار در فروشگاه های ووکامرسی
این ویجت برای نمایش گروهبندیشده محصولات در بخشهای مختلف طراحی شده و کاربردهای زیر را پوشش میدهد:
| کاربرد ویجت | توضیح |
|---|---|
| پرفروشترین محصولات | نمایش محصولاتی با بیشترین فروش برای افزایش اعتماد کاربر |
| محصولات تخفیفدار | جذب کاربران حساس به قیمت و افزایش نرخ خرید آنی |
| جدیدترین محصولات | معرفی محصولات تازهوارد به مشتریان قدیمی و جدید |
| محبوبترین محصولات | نمایش بر اساس امتیاز و نظرات کاربران |
| محصولات منتخب دستی | کنترل کامل مدیر سایت روی انتخاب محصولات نمایشی |
با توجه به این تنوع، این ویجت گزینه مناسبی برای صفحه اصلی، صفحات فرود (Landing Page)، صفحات دستهبندی و صفحات معرفی محصول است.
مراحل افزودن ویجت اسلایدر شماره دار به صفحه
- صفحه موردنظر را با المنتور باز کنید.
- در پنل ابزارها، عبارت «اسلایدر شمارهدار» را جستجو کنید.
- ویجت را با Drag & Drop به محل دلخواه در صفحه بکشید و رها کنید.
- پس از قرار گرفتن ویجت، پنل تنظیمات آن بهطور خودکار در سمت چپ نمایش داده میشود.
تنظیمات بخش هدر اسلایدر
بخش هدر، اولین چیزی است که کاربر قبل از مشاهده محصولات میبیند و به همین دلیل تأثیر مستقیمی روی جذب توجه دارد. امکانات این بخش شامل موارد زیر است:
- عنوان اسلایدر
- انتخاب آیکون مرتبط با محتوا
- متن دکمه یا لینک «مشاهده همه»
- آدرس صفحهای که لینک «مشاهده همه» به آن هدایت میشود
این بخش معمولاً برای معرفی گروهی از محصولات با یک عنوان مشخص (مثل «پرفروشهای این هفته») استفاده میشود.
انتخاب منبع نمایش محصولات
در بخش تنظیمات محتوا، منبع داده محصولات را انتخاب میکنید. ویجت از منابع زیر پشتیبانی میکند:
- پرفروشترین محصولات
- محصولات تخفیفخورده
- جدیدترین محصولات
- محبوبترین محصولات
- انتخاب دستی محصولات
همچنین امکان محدود کردن نمایش به یک یا چند دستهبندی خاص نیز وجود دارد.
فیلتر محصولات بر اساس دستهبندی
اگر فروشگاه شما شامل دستهبندیهای متعدد است، میتوانید نمایش محصولات هر اسلایدر را فقط به دستهبندی مرتبط محدود کنید. این قابلیت باعث میشود:
- هر بخش از سایت محتوای مرتبط با موضوع خود را نمایش دهد
- تجربه کاربری کاربر منسجمتر شود
- نرخ خروج (Bounce Rate) کاهش پیدا کند
تنظیم تعداد محصولات، ستونها و چیدمان اسلایدر
برای کنترل دقیق ظاهر و ساختار اسلایدر، گزینههای زیر در اختیار شما قرار دارد:
| تنظیم | کاربرد |
|---|---|
| تعداد کل محصولات | مشخص کردن سقف تعداد محصولات قابل نمایش |
| تعداد ستونها | چیدمان افقی کارتهای محصول |
| تعداد ردیفها | چیدمان عمودی کارتها در هر اسلاید |
| تعداد آیتم قابل مشاهده | تعیین تعداد کارتهای همزمان قابل دید در صفحه |
| فاصله بین آیتمها | کنترل فضای خالی بین کارتهای محصول |
شخصیسازی کامل ظاهر اسلایدر
تمام عناصر بصری ویجت بهصورت کامل قابل ویرایش هستند تا اسلایدر با هویت بصری (Brand Identity) سایت شما هماهنگ شود:
- رنگ و اندازه عنوان
- رنگ و اندازه باکس شمارهها
- گردی گوشه کارتها و تصاویر محصولات
- اندازه تصاویر محصولات
- فاصله تصویر تا متن
- فاصله بین کارتها
- ارتفاع کارتهای محصول
نمایش ریسپانسیو در موبایل، تبلت و دسکتاپ
تمام اجزای این ویجت برای سازگاری با اندازههای مختلف صفحهنمایش بهینهسازی شدهاند. در نتیجه، چیدمان اسلایدر در موبایل، تبلت و دسکتاپ بدون بههمریختگی و با حفظ کیفیت بصری نمایش داده میشود؛ موضوعی که هم برای تجربه کاربری و هم برای رتبهبندی سایت در نتایج موبایلمحور گوگل اهمیت دارد.
لودینگ اسکلتی (Skeleton Loading) برای تجربه بارگذاری روانتر
بهجای نمایش فضای خالی هنگام دریافت اطلاعات محصولات از سرور، این ویجت از تکنیک Skeleton Loading استفاده میکند. در این روش، ابتدا قالب اولیه کارتهای محصول بهصورت خاکستری و ساده نمایش داده میشود و پس از تکمیل بارگذاری، محتوای واقعی جای آن را میگیرد. این تکنیک باعث کاهش نرخ پرش کاربر در لحظه بارگذاری و بهبود حس سرعت سایت میشود.
راهنمای گامبهگام دانلود و نصب ویجت اسلایدر شمارهدار
برای استفاده از ویجت اسلایدر شمارهدار ریسپانسیو المنتور، ابتدا باید افزونه مربوطه را از سایت میهن تم دریافت کرده و روی وردپرس نصب کنید. پس از نصب و فعالسازی، ویجت بهصورت خودکار به لیست ابزارهای المنتور اضافه میشود.
- وارد سایت میهن تم شوید و افزونه «افزونه ساخت اسلایدر شماره دار ریسپانسیو المنتور» را دانلود کنید.
- از پیشخوان وردپرس، مسیر افزونهها > افزودن > بارگذاری افزونه را باز کرده و فایل ZIP دانلود شده را انتخاب کنید.
- پس از پایان آپلود، روی گزینه نصب و سپس فعالسازی کلیک کنید.
- یکی از صفحات سایت را با المنتور باز کنید.
- در پنل ابزارهای المنتور، عبارت «اسلایدر شمارهدار» را جستجو کنید تا ویجت در لیست نمایش داده شود.
- ویجت را با روش Drag & Drop به محل موردنظر در صفحه منتقل کنید.
- عنوان بخش، آیکون، لینک «مشاهده همه»، منبع محصولات، دستهبندی، تعداد ستون و ردیف، فاصلهها، رنگها و سایر تنظیمات ظاهری را مطابق طراحی سایت خود شخصیسازی کنید.
- در پایان، روی ذخیره یا انتشار کلیک کنید تا اسلایدر در صفحه سایت فعال شود.
با انجام این مراحل، بدون نیاز به دانش برنامهنویسی، میتوانید در هر صفحه از سایت، اسلایدرهایی برای نمایش محصولات پرفروش، تخفیفدار، جدید یا محبوب ایجاد کنید.
بهترین صفحات برای استفاده از اسلایدر شمارهدار
- صفحه اصلی فروشگاه
- صفحات فرود (Landing Page)
- صفحات فروش ویژه و کمپینهای تخفیف
- صفحات دستهبندی محصولات
- صفحات معرفی و جزئیات محصول
- صفحات کمپینهای تبلیغاتی
جمعبندی
اگر بهدنبال راهی سریع، ساده و بدون کدنویسی برای نمایش حرفهای محصولات فروشگاه ووکامرسی خود هستید، ویجت اسلایدر شماره دار المنتور یکی از بهترین انتخابها است. این ویجت با امکاناتی مانند انتخاب منبع محصولات، فیلتر بر اساس دستهبندی، کنترل کامل چیدمان، شخصیسازی ظاهر و پشتیبانی کامل از طراحی ریسپانسیو، فرآیند طراحی صفحات فروشگاهی را برای مدیران سایت بهشدت ساده میکند.
سوالات متداول
آیا برای استفاده از این ویجت به برنامهنویسی نیاز است؟
خیر. تمام تنظیمات بهصورت بصری و از داخل المنتور انجام میشود و نیازی به دانش کدنویسی نیست.
آیا میتوان محصولات یک دستهبندی خاص را نمایش داد؟
بله. امکان فیلتر کردن محصولات بر اساس دستهبندیهای ووکامرس در تنظیمات ویجت وجود دارد.
آیا این ویجت در موبایل به درستی نمایش داده میشود؟
بله. طراحی ویجت کاملاً ریسپانسیو است و در موبایل، تبلت و دسکتاپ عملکرد یکسان و مناسبی دارد.
آیا امکان تغییر کامل ظاهر اسلایدر وجود دارد؟
بله. رنگها، اندازهها، فاصلهها، گردی گوشهها، ابعاد تصاویر و چیدمان کلی بهصورت کامل قابل شخصیسازی هستند.
آیا این ویجت روی سرعت لود سایت تأثیر منفی میگذارد؟
خیر. استفاده از تکنیک Skeleton Loading باعث میشود بارگذاری محصولات بدون ایجاد پرشهای بصری و با حفظ سرعت مناسب انجام شود.