تماس با ما: 02166057992 چت آنلاین   ورود

فیلتر محصولات در ووکامرس با YITH WooCommerce Ajax Product Filter


آموزش افزونه فیلتر محصولات ووکامرس
آموزش افزونه فیلتر محصولات ووکامرس

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

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

آموزش افزونه فیلتر محصولات ووکامرس

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

  • چرا باید از افزونه‌ی فیلتر محصولات استفاده کنید؟
  • معرفی افزونه YITH WooCommerce Ajax Product Filter
  • آموزش افزونه فیلتر محصولات ووکامرس
  • پیکربندی سربرگ ظاهر در افزونه فیلتر محصول
  • سربرگ استایل سفارشی
  • چگونگی اضافه کردن ابزارک YITH WooCommerce Ajax Product Filter
  • نحوه‌ی پیکربندی ویژگی‌ها
  • اضافه کردن ویژگی به محصولات
  • راه‌اندازی ابزارک افزونه فیلتر محصول
  • تنظیم مجدد فیلتر با ابزارک YITH Ajax Reset Filter
  • نتیجه نهایی اضافه کردن ابزارک به سایدبار
  • پلاگین فیلتر محصولات

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

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

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

معرفی افزونه  YITH WooCommerce Ajax Product Filter

افزونه YITH WooCommerce Ajax Product Filter
افزونه YITH WooCommerce Ajax Product Filter

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

آموزش افزونه فیلتر محصولات ووکامرس

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

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

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

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

تنظیمات ظاهر بخش فیلترهای ووکامرس
تنظیمات ظاهر بخش فیلترهای ووکامرس

سربرگ استایل سفارشی

اگر می‌خواهید ظاهر قالب خود را با استفاده از CSS‌های سفارشی تغییر دهید، می‌توانید از برگه‌ی استایل سفارشی در افزونه Ajax Product Filter استفاده کنید. مطابق تصویر CSS‌های سفارشی خود را داخل باکس مشخص شده وارد کنید.

سربرگ استایل سفارشی
سربرگ استایل سفارشی

چگونگی اضافه کردن ابزارک YITH WooCommerce Ajax Product Filter

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

نحوه‌ی پیکربندی ویژگی‌ها

برای این کار به مسیر “محصولات -> ویژگی‌ها” در پیشخوان وردپرس خود بروید. صفحه‌ای مطابق تصویر زیر را مشاهده خواهید کرد که باید در آن ویژگی‌های محصول را اضافه کنید. ویژگی‌ها به شما کمک می‌کنند که توضیحات بیشتری درباره محصول مانند رنگ یا اندازه نیز به آن اضافه کنید.

 پیکربندی ویژگی‌های ووکامرس
پیکربندی ویژگی‌های ووکامرس

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

اضافه کردن ویژگی به محصولات

برای اضافه کردن ویژگی به محصولات سایت به مسیر “محصولات -> همه محصولات” رفته و موس خود را روی محصول مورد نظر خود ببرید. از میان گزینه‌هایی که نمایش داده می‌شود روی گزینه‌ی “ویرایش” کلیک کنید.

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

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

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

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

ذخیره ویژگی‌ به محصولات ووکامرس
ذخیره ویژگی‌ به محصولات ووکامرس

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

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

راه‌اندازی ابزارک افزونه فیلتر محصول

برای اضافه کردن ابزارک فیلتر محصول به مسیر “نمایش -> ابزارک‌ها” بروید. همانطور که طبق تصویر مشاهده می‌کنید ابزارک جدیدی به نام YITH Ajax Product Filter به ابزارک‌های شما اضافه شده است. آن را بگیرید و در قسمت چپ از میان محل‌های سایدبار، بخش نوار بالایی، بخش هدر و بخش فوتر در محلی که تمایل دارید ابزارک در آنجا نمایش داده شود رها کنید. سپس باکس تنظیمات طبق تصویر برای شما باز خواهد شد.

ابزارک افزونه YITH Ajax Product Filter
ابزارک افزونه YITH Ajax Product Filter

عنوان: عنوان ابزارک را وارد کنید.

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

  • لیست: این گزینه لیستی از ویژگی‌های متعلق به نوع انتخاب شده در گزینه “ویژگی” را نشان خواهد داد.
  • رنگ: این گزینه لیستی از کادرهای رنگی مرتبط با هر عنصر از ویژگی انتخاب شده در گزینه “ویژگی” را نشان می‌دهد.
  • برچسب: این مورد لیستی از برچسب‌های مرتبط با ویژگی انتخاب شده در گزینه “ویژگی” را نمایش خواهد داد.
  • کشویی: منویی از تمام مقادیر ویژگی انتخاب شده در گزینه “ویژگی” را نشان می‌دهد.

نوع کوئری: در این قسمت باید نوع کوئری، زمانی که دو ویجت به نوار کناری اضافه می‌شود را انتخاب کنید. این کار باعث می‌شود که به کاربران امکان اعمال فیلترهای مختلف را همزمان بدهید.

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

ویژگی: در این مرحله یکی از ویژگی‌هایی که در “محصولات -> ویژگی‌ها” ایجاد کردید را برای ابزارک انتخاب کنید.

بعد از اعمال تنظیمات روی دکمه ذخیره کلیک کنید.

تنظیم مجدد فیلتر با ابزارک YITH Ajax Reset Filter

ابزارک YITH Ajax Reset Filter به کاربران امکان می‌دهد فیلترهای اعمال شده در صفحه‌ی محصول فروشگاه را بازنشانی کرده و به نمای اولیه بازگردانند. این ابزارک فقط در صورتی به کاربران نشان داده می‌شود که حداقل یک فیلتر محصول در صفحه اعمال کرده باشند.

تنظیم مجدد فیلتر با ابزارک YITH Ajax Reset Filter
تنظیم مجدد فیلتر با ابزارک YITH Ajax Reset Filter

نتیجه نهایی اضافه کردن ابزارک به سایدبار

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

نتیجه نهایی پلاگین فیلتر محصولات ووکامرس
نتیجه نهایی پلاگین فیلتر محصولات ووکامرس

پلاگین فیلتر محصولات

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

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

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

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

 

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








منبع: همیار وردپرس
کلیه حقوق این مطلب برای همیار وردپرس است و ایده پردازان آن را بازنشر کرده است

نظرات شما

WhatsApp chat