آموزش ساخت اسلایدر پیشنهاد شگفت انگیز با المنتور ❰ زیر 1 دقیقه ❱

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

�لمنتور کنید. با استفاده از یک ویجت اختصاصی المنتور می‌توانید در کمتر از ۱۰ ثانیه، یک اسلایدر حرفه‌ای برای نمایش محصولات تخفیف‌دار ووکامرس در صفحه قرار دهید.

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

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

اسلایدر پیشنهاد شگفت انگیز چیست و چه کاربردی دارد؟

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

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

در یک طراحی حرفه‌ای، معمولاً در کنار کارت‌های محصولات، بخش‌هایی مانند موارد زیر نیز نمایش داده می‌شود:

• عنوان پیشنهاد ویژه
• درصد تخفیف
• قیمت اصلی محصول
• قیمت فروش ویژه
• تایمر شمارش معکوس
• بنر تبلیغاتی
• دکمه مشاهده همه محصولات

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

آموزش ساخت اسلایدر پیشنهاد شگفت انگیز در وردپرس با المنتور

برای ساخت اسلایدر پیشنهاد شگفت انگیز در وردپرس روش‌های مختلفی وجود دارد. می‌توان این بخش را به‌صورت اختصاصی با HTML، CSS، JavaScript و PHP توسعه داد یا از افزونه‌ها و ویجت‌های آماده استفاده کرد.

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

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

ساختار اصلی از قبل آماده است و تنظیمات آن نیز از طریق پنل المنتور در اختیار شما قرار می‌گیرد.

ساخت اسلایدر محصولات ووکامرس در کمتر از ۱۰ ثانیه

یکی از مهم‌ترین مزایای استفاده از این افزونه اسلایدر پیشنهاد شگفت انگیز، سرعت راه‌اندازی آن است.

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

سپس مراحل زیر را انجام دهید:

1. عبارت «اسلایدر پیشنهاد شگفت انگیز پلاس» را در پنل ویجت‌های المنتور جستجو کنید.
2. ویجت را با Drag & Drop داخل صفحه قرار دهید.
3. تنظیمات موردنظر خود را از پنل ویجت انجام دهید.

ویجت در کمتر از ۱۰ ثانیه داخل صفحه قرار می‌گیرد و با تنظیمات پیش‌فرض آماده استفاده است.

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

تنظیم خودکار اسلایدر پیشنهاد شگفت انگیز المنتور

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

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

ویجت با تنظیمات پیش‌فرض آماده نمایش است و می‌توانید از همان ابتدا نتیجه نهایی را مشاهده کنید.

در صورت نیاز نیز می‌توانید از طریق تنظیمات ویجت، موارد مختلف را تغییر دهید.

برای مثال می‌توانید تنظیمات مربوط به موارد زیر را مدیریت کنید:

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

به این ترتیب، فرآیند ساخت اسلایدر پیشنهاد شگفت انگیز با المنتور به یک فرآیند سریع و ساده تبدیل می‌شود.

نمایش محصولات تخفیف دار ووکامرس در اسلایدر

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

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

این روش مدیریت فروشگاه را ساده‌تر می‌کند؛ زیرا محصولات در ووکامرس مدیریت می‌شوند و شما می‌توانید ساختار نمایش آن‌ها را از طریق المنتور کنترل کنید.

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

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

ساخت اسلایدر مشابه دیجی کالا بدون کدنویسی

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

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

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

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

طراحی ریسپانسیو اسلایدر پیشنهاد شگفت انگیز برای موبایل

یکی از مهم‌ترین نکات هنگام طراحی اسلایدر پیشنهاد شگفت انگیز المنتور، سازگاری آن با موبایل و تبلت است.

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

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

در موبایل می‌توانید مواردی مانند عرض کارت محصولات و فاصله بین آن‌ها را تغییر دهید.

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

این هدر می‌تواند شامل مواردی مانند:

• عنوان پیشنهاد شگفت انگیز
• تایمر شمارش معکوس
• آیکون تخفیف
• دکمه مشاهده همه

باشد.

با این روش، اسلایدر محصولات ووکامرس در موبایل فضای کمتری اشغال می‌کند و محصولات نیز با اندازه مناسب‌تری نمایش داده می‌شوند.

تنظیم فاصله و عرض کارت محصولات در اسلایدر

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

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

در تنظیمات ویجت اسلایدر محصولات المنتور می‌توانید فاصله بین کارت‌ها را تنظیم کنید.

برای مثال، می‌توانید فاصله کارت‌ها را در دسکتاپ روی ۱۵ پیکسل قرار دهید و برای موبایل مقدار کمتری مانند ۵ پیکسل انتخاب کنید.

همچنین امکان تنظیم عرض کارت محصولات وجود دارد. در موبایل می‌توانید عرض کارت‌ها را به شکلی تنظیم کنید که بخشی از محصول بعدی نیز در صفحه دیده شود.

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

استفاده از تایمر شمارش معکوس در اسلایدر تخفیف محصولات

یکی از عناصر مهم در طراحی اسلایدر پیشنهاد شگفت انگیز، تایمر شمارش معکوس است.

تایمر به کاربر نشان می‌دهد که پیشنهاد ویژه تا چه زمانی فعال است.

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

این قابلیت به‌خصوص برای کمپین‌های فروش محدود، جشنواره‌های تخفیف و پیشنهادهای ویژه کاربرد دارد.

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

بنر اختصاصی در اسلایدر پیشنهاد شگفت انگیز دیجی کالا

در نسخه دسکتاپ می‌توانید در کنار محصولات یک بنر اختصاصی قرار دهید.

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

در کنار بنر می‌توان تایمر شمارش معکوس را نیز قرار داد تا کاربر از زمان باقی‌مانده پیشنهاد مطلع شود.

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

لودینگ اسکلتی در اسلایدر محصولات المنتور

یکی دیگر از قابلیت‌های کاربردی در طراحی اسلایدر محصولات المنتور، استفاده از Skeleton Loading است.

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

این روش باعث می‌شود ظاهر صفحه هنگام بارگذاری محتوا منظم‌تر باشد و کاربر با تغییر ناگهانی چیدمان مواجه نشود.

البته باید توجه داشت که Skeleton Loading به‌تنهایی باعث افزایش سرعت واقعی سایت نمی‌شود. برای افزایش سرعت واقعی، بهینه‌سازی تصاویر محصولات، استفاده از سیستم کش، بهینه‌سازی فایل‌های CSS و JavaScript و استفاده از هاست مناسب نیز اهمیت دارد.

نمایش اسلاید آخر برای مشاهده همه محصولات

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

به همین دلیل، می‌توانید در انتهای اسلایدر یک اسلاید اختصاصی برای مشاهده همه محصولات قرار دهید.

کاربر با کلیک روی این بخش به صفحه‌ای هدایت می‌شود که تمام محصولات تخفیف‌دار فروشگاه در آن قرار دارند.

این قابلیت باعث می‌شود اسلایدر نقش یک ویترین محصولات ویژه را داشته باشد و در عین حال کاربر بتواند به آرشیو کامل پیشنهادها دسترسی پیدا کند.

لوپ بی نهایت در اسلایدر پیشنهاد شگفت انگیز

قابلیت Infinite Loop یا لوپ بی‌نهایت باعث می‌شود کاربر بتواند محصولات را بدون رسیدن به یک نقطه پایان مشخص مرور کند.

در این حالت، پس از رسیدن به آخرین محصول، اسلایدر دوباره به ابتدای لیست بازمی‌گردد.

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

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

شخصی سازی کارت محصولات با المنتور

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

کارت محصول باید اطلاعات ضروری را به‌صورت واضح نمایش دهد تا کاربر بتواند در سریع‌ترین زمان محصول را بررسی کند.

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

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

به این ترتیب، می‌توانید ظاهر کارت محصولات را با طراحی کلی فروشگاه خود هماهنگ کنید.

حذف پس زمینه سفید تصاویر محصولات

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

در صورت پشتیبانی ویجت از قابلیت Mix Blend Mode، می‌توانید نحوه ترکیب تصاویر با پس‌زمینه را تغییر دهید.

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

چرا استفاده از افزونه اسلایدر پیشنهاد شگفت انگیز بهتر از طراحی دستی است؟

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

این فرآیند علاوه بر زمان‌بر بودن، به دانش فنی و برنامه‌نویسی نیاز دارد.

اما با استفاده از افزونه اسلایدر پیشنهاد شگفت انگیز المنتور، ساختار اصلی از قبل آماده است.

ویجت را در کمتر از ۱۰ ثانیه داخل صفحه قرار می‌دهید، تنظیمات پیش‌فرض را دریافت می‌کنید و اسلایدر آماده نمایش است.

پس از آن نیز تمام تغییرات موردنیاز از طریق تنظیمات ویجت انجام می‌شود.

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

آموزش نصب و راه اندازی اسلایدر پیشنهاد شگفت انگیز

برای راه‌اندازی ویجت اسلایدر پیشنهاد شگفت انگیز کافی است مراحل زیر را دنبال کنید.

مرحله اول: نصب افزونه

فایل افزونه را دریافت کرده و از مسیر «پیشخوان وردپرس > افزونه‌ها > افزودن» آن را نصب و فعال کنید.

مرحله دوم: ورود به ویرایشگر المنتور

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

مرحله سوم: افزودن ویجت اسلایدر

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

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

مرحله چهارم: انتخاب محصولات

از تنظیمات ویجت، محصولات موردنظر خود را برای نمایش در اسلایدر مشخص کنید.

مرحله پنجم: تنظیم ظاهر اسلایدر

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

مرحله ششم: بررسی نسخه موبایل

در نهایت، نمایش اسلایدر را در دسکتاپ، تبلت و موبایل بررسی کنید و در صورت نیاز تنظیمات ریسپانسیو را تغییر دهید.

به همین سادگی می‌توانید ساخت اسلایدر پیشنهاد شگفت انگیز با المنتور را انجام دهید.

نتیجه گیری؛ ساخت سریع اسلایدر پیشنهاد شگفت انگیز در وردپرس

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

با این روش، نیازی نیست اسلایدر محصولات را از ابتدا طراحی کنید. کافی است ویجت را در کمتر از ۱۰ ثانیه داخل صفحه قرار دهید؛ سپس ساختار اصلی اسلایدر با تنظیمات پیش‌فرض آماده استفاده خواهد بود.

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

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

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

سوالات متداول درباره ساخت اسلایدر پیشنهاد شگفت انگیز