نمایش اسلایدری از محصولات ووکامرسی با WooCommerce Product Slider

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

خرید آنلاین تجربه متفاوتی نسبت به خرید حضوری است که مطمئنا بسیاری از شما آن را تجربه کردید. بطور مثال در یک فروشگاه فیزیکی، شما می‌­توانید چندین قفسه را برای پیدا کردن پیراهن دلخواه خود جستجو کنید و یا با فروشنده در مورد محصول مورد نظر خود صحبت کنید تا به آنچه که می­‌خواهید دسترسی پیدا کنید. همچنین می­‌توانید با دیدن مانکن‌­های موجود در فروشگاه، تن خور آن لباس را از نزدیک ببینید. اما خرید آنلاین با چالش متفاوتی همراه است. فروشگاه‌­های تجارت الکترونیک باید روشی جذاب را برای کمک به بازدیدکنندگان خود برای جستجوی راحت و یافتن قفسه فروش مجازی پیدا کنند. تجربه خرید آنلاین باید مشتریان بالقوه را برای افزایش فروش درگیر کند. نمایش اسلایدری از محصولات ووکامرسی، یکی از راه­‌های جلب توجه بازدیدکنندگان فروشگاه آنلاین شما است. در این مقاله، ما استراتژی‌­های استفاده از این اسلایدر را پوشش می­‌دهیم و یکی از بهترین افزونه­‌ اسلایدر محصولات در ووکامرس یعنی
Product Slider for WooCommerce را برای شما آموزش خواهیم داد.

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

 آنچه در این مقاله به اختصار خواهید خواند:

  • نمایش اسلایدری از محصولات ووکامرسی به چه معناست؟
  • شرح افزونه Product Slider for WooCommerce
  • ویژگی‌های کلیدی Product Slider for WooCommerce
  • تنظیمات افزونه Product Slider for WooCommerce
  • نکاتی برای بهبود نمایش اسلایدری از محصولات ووکامرس

نمایش اسلایدری از محصولات ووکامرسی به چه معناست؟

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

product slider- نمایش اسلایدری از محصولات ووکامرسی
افزونه نمایش اسلایدری محصولات

شرح افزونه Product Slider for WooCommerce

افزونه Product Slider for WooCommerce، یک اسلایدر محصولات در ووکامرس به منظور جلب توجه بازدیدکنندگان سایت فروشگاهی شما است. این افزونه شامل ویژگی‌­هایی برای اضافه کردن متن به تصاویر محصول، دکمه­‌های تماس و پیوندهایی برای به اشتراک گذاشتن در شبکه‌های اجتماعی است. همچنین، دارای گزینه­‌های نامحدود رنگ بندی است که به شما این امکان را می‌­دهد تا نمایش اسلایدری از محصولات  ووکامرس را با سبک برند خود مطابقت دهید.

Product Slider for WooCommerce می‌تواند فروشگاه یا سایت شما را با تعداد زیادی از محصولات، به روشی مرتب و به صورت حرفه‌­ای به نمایش بگذارد. این کار باعث می­‌شود سایت شما بسیار چشم‌گیرتر، تمیز و به نظر مشتریان بالقوه به نظر برسد.
این افزونه یکی از بهترین راه‌­های برجسته کردن محصولات خاص است و اگر بتوانید در نقاط استراتژیک این اسلایدر را قرار دهید، به شما امکان تبدیل و خرید در فروشگاه شما را افزایش می‌­دهد.

ویژگی های کلیدی Product Slider for WooCommerce

  • دارای نسخه موبایلی
  • زیبا، سبک و قدرتمند
  • ژنراتور کوتاه.
  • دارای 3 پوسته آماده از پیش طراحی شده.
  • خاموش روشن خودکار
  • کنترل سرعت پخش خودکار اسلایدر
  • حلقه نامحدود برای اسلایدر­ها.
  • تنظیم حداکثر تعداد محصولات را برای نمایش اسلایدری از محصولات ووکامرسی
  • دارای چندین اسلایدر محصول
  • قابلیت نمایش و مخفی کردن نام محصول
  • امکان تغییر اندازه، رنگ و رنگ شناور نام محصول
  • نمایش قیمت و پنهان کردن قیمت محصول
  • تنظیم قیمت محصول و رنگ تخفیف
  • نمایش و پنهان کردن رتبه بندی محصولات
  • نمایش و پنهان کردن افزودن محصول به سبد خرید
  • امکان اضافه کردن رنگ دکمه سبد، border، پس زمینه و نماد افزودن را به سبد
  • کنترل سرعت صفحه اسلایدر­ها
  • نمایش و یا مخفی کردن یک عنوان را برای اسلایدر
  • انتخاب اندازه فونت و رنگ
  • دارای رنگ نامحدود (با انتخاب رنگ) و گزینه‌­های یک ظاهر طراحی شده
  • کنترل تعداد ستون­های محصول را در دستگاه‌­های مختلف
  • سفارشی سازی و سبک­‌سازی آسان اسلایدر
  • UI مدیر کاملاً آسان و شهودی
  • تنظیمات منحصر به فرد برای هر اسلایدر
  • پشتیبانی RTL
  • قابلیت ترجمه
  • سازگار با هر پوسته و افزونه­‌های WooCommerce
  • دارای امکان جستجو راحت و بهینه برای سرعت سایت
  • پشتیبانی از همه مرورگرهای مدرن مانند Firefox ، Chrome ، IE ، Safari و غیره.
  • دارای امکان پشتیبانی و FEEDBACK

Product Slider for WooCommerce یکی از آن افزونه‌­هایی است که تقریباً تمام چیزهایی را که لازم دارید را به شما می­‌دهد. با استفاده از این افزونه می­‌توانید محصولات ووکامرس خود را تهیه کرده و آن­ها را درون یک اسلایدر قرار دهید.

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

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

  ووکامرس چیست؟ +بررسی سوالات متداول

 

تصویر نهایی از اسلایدر
تصویر نهایی از اسلایدر

تنظیمات افزونه  Product Slider for WooCommerce

اولین کاری که باید انجام دهید، نصب و فعال سازی افزونه Product Slider for WooCommerce است. به محض انجام این کار، یک برگه یا تب جدید به نام  Slider Product در داشبورد شما ظاهر می­‌شود.

اگر بر روی دکمه “افزودن جدید” کلیک کنید، اولین چیزی که مشاهده خواهید کرد، پیش‌نمایش از روش‌­های اضافه کردن یک اسلایدر جدید به وبسایت شماست:

add new slider- افزودن اسلایدر جدید
افزودن اسلایدر جدید

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

general setting- تنظیمات اصلی
بررسی تنظیمات اصلی

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

filter product- نمایش آخرین محصولات فروشگاه
نمایش آخرین محصولات فروشگاه

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

number of product- نمایش آخرین محصولات فروشگاه
نمایش آخرین محصولات فروشگاه

حالا به تب بعدی یعنی ” Slider Controls ” می‌­رویم. در این قسمت می‌­توان نمایش خودکار را غیرفعال کرد و سپس navigation  و صفحه‌بندی را فعال کنیم:

autoplay- تنظیمات خودکار
فعال کردن تنظیمات خودکار

تنظیمات بعدی، کار جستجو را راحت‌­تر می­کند، بنابراین توصیه می­‌کنیم این مقادیر را نیز حفظ کنید. همچنین می­‌توانید حالت کشیدن و رها کردن موس را فعال کنید، زیرا که این ویژگی، navigation را بصری­‌تر می‌­کند:

navigation setting- تنظیمات جستجو
تنظیمات جستجو

با حرکت به تب Display Options، و در قسمت  Product Price متن را برای نمایش در اسلایدر خود به رنگ سیاه تنظیم می­‌کنیم. ما همچنین رنگ متفاوتی را برای قیمت­‌های تخفیف نیز تعیین کرده‌­ایم تا تفاوت آن آشکارتر برای کاربر به نظر برسد:

display option- تنظیمات ظاهری افزونه
تنظیمات ظاهری افزونه

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

shortcode- استفاده از کد کوتاه برای قرار دادن اسلایدر
استفاده از کد کوتاه برای قرار دادن اسلایدر

 

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

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

  • اگر اسلایدر شما دکمه خرید ندارد، حتما یک دکمه سبد خرید اضافه کنید. با افزودن یک دکمه افزودنی به سبد خرید محصولات خود، خرید را برای کاربران آسان می‌­کنید. این تکنیک به افزایش فروش شما نیز کمک می­‌کند.
  • تخفیفات ویژه را برجسته کنید. خریداران امروزی همیشه در جستجوی تخفیف هستند. به جای اینکه مشتریان سایت شما را برای یافتن تخفیفات جستجو کنند، می‌­توانید پیشنهادات تخفیفات ویژه خود را در اسلایدرهای محصولات خود به نمایش بگذارید.
  • تنظیم برای نمایش اسلایدرها بر روی صفحه تلفن همراه. مصرف­ کنندگان در خانه، در محل کار و حتی در زمان استراحت و یا ناهار خود خرید می‌­کنند. خریداران برای جستجوی محصولات در اینترنت، از تلفن­‌های هوشمند و تبلت‌­های خود استفاده می­‌کنند. هدف شما باید طراحی اسلایدر محصولات در ووکامرس که پاسخگویی خوبی برای نمایش در این ابزارها باشد.
  • نظرات کاربران در مورد محصولات را اضافه کنید. مشتریان بهترین و طرفدارترین افراد برای شما هستند که باعث ترغیب خریداران دیگر می­‌شوند. از مشتریان وفادار خود بخواهید تا با استفاده از هشتگ خاص، تجارب استفاده از برند شما را در شبکه­‌های اجتماعی برای شما ارسال کنند. سپس می­‌توانید آن تصاویر را در اسلایدر محصول خود وارد کنید تا خریداران را برای خرید ترغیب کنید.
  • مهم است که اسلایدرهای محصول خود را در یک نقطه کاملاً قابل مشاهده در وبسایت خود قرار دهید. برای پیدا کردن آن مکان، ممکن است مجبور شوید آزمایش­‌های را انجام دهید تا بهترین مکان را پیدا کنید. سعی کنید اسلایدر محصولات خود را در وسط صفحه اصلی خود یا در انتهای وبلاگ خود اضافه کنید.
تصویر نهایی از اسلایدر
تصویر نهایی از اسلایدر

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

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

دانلود افزونه WooCommerce Product Slider

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

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

339,214 نفر

دیدگاهتان را بنویسید

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. 4 ماه عضو همیار وردپرس

    این افزونه یک سال و نیمه متوقف شده

  2. 1 سال عضو همیار وردپرس

    سلام من این اسلایدر رو دانلود کردم ولی در گوگل کروم نمایشش نمی ده بقیه مرور گر ه اوکیه

  3. 2 سال عضو همیار وردپرس

    آیا میشه با این افزونه چندتا اسلایدر داشت ؟ با فقط یکی ؟!
    ممنون

  4. 2 سال عضو همیار وردپرس

    سلام من یه اسلایدر میخوام مانند سایت ویلاشو.اون سایت باjqueryطراحی شده .امکانش هست مشابهش تو وردپرس رو معرفی کنید

  5. اپدیت میکنیم،بعدش نمی شه وارد تنظیمات بشیم،می گه درسترسی غیر ممکن است
    از طرف اندازه عکس ها را تغییر نمیدهد
    3 افزونه برای ایجاد و استفاده از چند تا دسته بخواهیم چی میتوینم داشته باشیم، این که بدرد نمیخوره فقط می شه یک دسته را انتخاب کرد

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

  7. سلام
    من قصد دارم برای هر دسته یک اسلاید شو داشته باشم
    ولی با این افزونه نمیشه
    افزونه جایگزنی سراغ دارید ؟

  8. سلام
    من یک مجله خبری هفت دارم که قسمت فروشگاه هم دارد
    شورت کات معرفی شده [wa-wps] را در برگه قرار می دهم ولی کار نمی کند.
    مشکل چیست ؟
    راهنمایی می فرمایید.

  9. سلام و خسته نباشید
    من محصولاتی که میخوام نشون بده رو باید چجوری و کجا اضافه کنم ؟ چون تو قسمت Category هیچی نمیاره . لطفا مقداری در این مورد توضیح بدین. ممنونم

    • مرسی پیدا کردم . نمیدونستم نیاز به نصب ووکامرس می باشد . فقط سوالم اینه که افزونه ای مثل این هست که نیاز به فروشگاه نداشته باشه و فقط یه سری محصول رو اسلاید کنه و روی هر اسلاید که کلیک میکنی بره یه صفحه دیگه ؟ (مثلا توصیحات)

    • 7 سال عضو همیار وردپرس

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

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

  11. 4 سال عضو همیار وردپرس

    سلام
    افزونه ای هستش که من محصولات پرفروش یامحصولات پر بازدید رو در صفحه اصلی سایت به صورت اسلایدر نمایش بدم؟؟

    • 7 سال عضو همیار وردپرس

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

  12. سلام
    این افزونه عالیه…ولی
    یه مشکلی دارم من میخوام چند تا اسلایدر محصولات بسازم و در برگه های مختلف اون هارو پیاده کنم چه کار کنم؟

  13. سلام. مطلب مفیدی بود تشکر.
    من میخوام همچین چیزی برای محصولات سایتم طراحی کنم ولی میخوام قالب محصولات مانند سایت خودم باشه یعنی طراحی اون تغییر نکنه
    قالب یاست من این هستش http://savoy.nordicmade.com/
    فقط می خوام فلش اظافه بشه که بشه تو موبایل هم بطورت سطری نمایش داده بشه و بشه رد کرد . اگه با کد میشه انجام داد که بهتره .ممنون میشم

  14. با سلام و خسته نباشید
    ممنون از مطالب خوبی که در سایتتون ارائه دادین
    این افزونه خیلی مفیده ولی تنها اشکالی که باهاش مواجه شدم اینه که جای فلش ها در افزونه برعکسه. حتی خو شما هم نمونه ایی که گذاشتین اینجوریه. میشه راهنمایی کنین چطور میتونم این اشتباه رو اصلاح کنم؟
    با تشکر فراوان

  15. سلام ببخشید میخواستم بدونم وقتی با موبایل سایتم رو باز میکنم هدر سایت نمیاد توروخدا چطور میشه بدون برنامه نویسی کاری کرد هدر در موبایل نمایش داده بشه

  16. 5 سال عضو همیار وردپرس

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

  17. 4 سال عضو همیار وردپرس

    سلام، برای ووکامرس میشه تنظیم کرد بعداز دریافت سفارش بصورت خودکار در یک فرمت خاص فکس یا ایمیل ارسال کنه؟(مثل صورت سفارش یا فاکتور)
    اصلا با ووکامری میشه فکس ارسال کرد؟

  18. ممنون. کاربری بود

  19. با سلام. ممنون از مطالب خوبتون، فقط یه سوال چطوری یه اینطور اسلایدری با محصولات متغیر در سایت دیگری جز فروشگاه نشون بدیم؟

مطالب زیر را حتما بخوانید

دوره‌های آموزشی