نمایش حرفه ای ویژگی های ووکامرس با WooCommerce Variation Swatches

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

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

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

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

  • نمایش حرفه ای ویژگی های ووکامرس (افزونه محصول متغیر ووکامرس)
  • افزونه WooCommerce Variation Swatches
  • ویژگی‌­های افزونه WooCommerce Variation Swatches
  • آموزش افزونه WooCommerce Variation Swatches
  • تعریف ویژگی در ووکامرس
  • افزودن ویژگی­‌ها به محصولات در ووکامرس

نمایش حرفه ای ویژگی های ووکامرس

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

افزونه WooCommerce Variation Swatches

افزونه WooCommerce Variation Swatches
افزونه WooCommerce Variation Swatches

افزونه پیشرفته و رایگان WooCommerce Variation Swatches با بیش از 100 هزار نصب فعال امکان انتخاب ویژگی‌های متنوعی از قبیل رنگ، سایز، دکمه‌های رادیویی، برچسب‌ها و گزینه‌های پیشرفته بسیاری برای هر کدام از محصولات را ارائه می‌دهد. این افزونه نه تنها قابلیت نمایش حرفه‌ای ویژگی‌های ووکامرس را دارد بلکه قابلیت نمایش سریعی از محصولات را نیز برای شما فراهم می‌کند. در ادامه به معرفی برخی از ویژگی‌های این افزونه خواهیم پرداخت.

ویژگی‌­های افزونه WooCommerce Variation Swatches

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

آموزش افزونه WooCommerce Variation Swatches

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

سربرگ Simple

سربرگ Simple در تنظیمات افزونه نمایش ویژگی های ووکامرس
سربرگ Simple در تنظیمات افزونه WooCommerce Variation Swatches
  • Enable Tooltip: با فعالسازی این گزینه کادر راهنمای ویژگی­ برای هر محصول نمایش داده می­‌شود.
  • Enable Stylesheet: برای فعالسازی شیوه­‌نامه پیش­فرض افزونه مورد استفاده قرار می‌­گیرد.
  • Shape style: انتخاب نحوه نمایش ویژگی برای هر محصول به دو صورت دایره و مربع می­‌باشد.
  • Auto Dropdowns to Button: لیست­‌های کشویی پیش‌فرض را به دکمه تبدیل می­‌کند.

سربرگ Advanced

سربرگ Advanced در تنظیمات افزونه نمایش ویژگی های ووکامرس
سربرگ Advanced در تنظیمات افزونه WooCommerce Variation Swatches
  • Clear on Reselect: از این گزینه به منظور حذف ویژگی انتخاب شده برای انتخاب مجدد استفاده می­‌شود.
  • Ajax variation threshold: این گزینه مربوط به آستانه تغییر هر ویژگی می­‌باشد که بین اعداد 1 تا 30 متغیر است.
  • Show selected attribute: این گزینه نام ویژگی انتخاب شده را در کنار عنوان نمایش می­‌دهد.
  • Attribute behavior: این گزینه مربوط به نوع نمایش ویژگی‌ها می‌­باشد.
  • Attribute image size: از این بخش قادر خواهید بود نحوه نمایش و اندازه تصاویر ویژگی­‌های محصول را مشخص کنید، در غیر اینصورت می­‌توانید به صورت دستی عرض، طول و اندازه فونت را تغییر دهید.

سربرگ Performance

سربرگ Performance در تنظیمات افزونه نمایش ویژگی های ووکامرس
سربرگ Performance در تنظیمات افزونه WooCommerce Variation Swatches

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

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

تعریف ویژگی در ووکامرس

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

تعریف ویژگی در ووکامرس
تعریف ویژگی در ووکامرس

ویژگی Color

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

پیکربندی ویژگی Color
پیکربندی ویژگی Color

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

پیکربندی شرایط و ضوابط ویژگی Color
پیکربندی شرایط و ضوابط ویژگی Color

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

لیست رنگ‌ها در ویژگی Color
لیست رنگ‌ها در ویژگی Color

ویژگی Image

انتخاب ویژگی تصویر نیز مانند ویژگی قبل می‌باشد که به عنوان مثال نام و نامک آن را “تصویر” وارد کرده و نوع ویژگی را Image انتخاب و بر روی دکمه افزودن ویژگی کلیک کنید.

افزودن ویژگی Image
افزودن ویژگی Image

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

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

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

لیست تصاویر در ویژگی Image ووکامرس
لیست تصاویر در ویژگی Image ووکامرس

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

ویژگی Button

لیست دکمه ها در ویژگی button
لیست دکمه ها در ویژگی button

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

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

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

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

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

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

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

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

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

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

افزونه نمایش ویژگی های ووکامرس

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

دانلود افزونه Variation Swatches for WooCommerce

دانلود افزونه Variation Swatches for WooCommerce صفحه افزونه

آموزش ویدیویی استفاده از افزونه Variation Swatches for WooCommerce

سوالات متداول

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

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

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده‌اید و با آن موافق هستید.

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

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

    سلام ممنون عالی بود همونی که میخواستم فقط یه سوال داشتم میشه کنار ویژگی یه فیلد علامت گذاری گذاشت که اگر مشتری دوست داشت تیک بزنه مثلا سه تا سایز رو همزمان تیک بزنه و به سبد خریدش اضافی کنه؟

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

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

    برای یک متغییر هم این مراحل باید انجام بشه ممنون از راهنمایی تون

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

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

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

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

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

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

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

      سلام.
      من هم مشکل شما رو دارم.
      در صورت برطرف کردن مشکل، لطفا راهنمای میفرمایید که چطور برطرف کردین؟

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

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

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

      سلام
      اگر در قسمت ویژگی ها تنظیمات را انجام داده باشید طبق آموزش و باز هم نمایش نمی ده، ممکنه که قالبتون پشتیبانی نمیکنه

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

    سلام چرا این افزونه به فارسی ترجمه نمیکنید

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

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

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

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

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

      سلام
      طبق ویدیو آموزشی انجام دادین؟ مرحله به مرحله انجام بدید

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

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

    سوال : هم این پلاگین هم خود وردپرس برای هر متغییر باید قیمت اضافه کرد . مثلا من یه چیزی میفروشم که اندازش فقط فرق میکنه ولی قیمت یکیه. آیا راهی داره که این مسئله رو بشه انجام نداد؟
    تشکر

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

      سلام
      این افزونه به شما کمک میکنه مثلا اگر برای یک محصول چند رنگ داشته باشید، متغیرها رو به صورت نشوته نشون نده (مثلا: زرد) و یه کادر مربعی زرد رنگ میاره توی محصول.

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

    سلام
    1)بعد از ورود به سایت شما یک صفحه خطا میاد که آدرس رو افزایش داده:
    hamyarwp.com/woocommerce-variation-swatches/%20http:/hamyarwp.com/panel/

    2)من این افزونه رو نصب کردم ولی الان دوتا ردیف باکس انتخاب رنگ میاد. ممکنه از قبل این ویژگی تو قالب من بوده و الان با این افزونه جدید دو ردیف ویژگی میاد؟
    البته فقط در افزونه داده شده شما رنگ داره و اون فقط مربع بدون رنگه.
    چطور میشه اون قبلی رو حذف یا غیر فعال کرد.
    قالب من snsMarket هست.
    .
    متشکر

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

      سلام
      با کدهای css میتونید مخفی کنید.

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

      یعنی باید یک کد بنویسم که روی فانکشن ووکامرس تاثیر بذاره؟ یا خود وردپرس!
      میشه بیشتر توضیح بدید.
      متشکر

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

      خیر! باید کد مخصوص به اون قسمت رو از طریق inspect مرورگر پیدا کنید و سپس درقسمت سفارشی سازی-css اضافی با کد display:none; ترکیب کنید.

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

      ممنون
      من این کد رو وارد css سفارشی کردم و ظاهراً درست شد.
      1)فقط مطمئن نیستم همین کد درسته یا نه! تعداد کدها زیاد بود و من این رو برداشتم.
      .woocommerce .type-product.product-type-variable form.cart.variations_form table.variations td.value .option {
      cursor: pointer;
      display: none;
      }
      2)فقط در قسمت محصولات/ویژگی
      آیا امکان حذف چک باکس پیشفرض هم هست.
      تو css سفارشی زدم ولی تاثیری نداشت. باید تو خود فایل دست برد؟ کدوم فایل

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

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

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

    سلام و ممنون بابت توضیحات
    در ووکامرس وقتی یک محصول که دارای متغیر است رو اضافه مکنیم
    و با انتخاب متغیر های مختلف نام محصول ثابت مبمونه…اگر بخوایم این نام عوض بشه باید از چه ابزاری کمک بگیرم؟
    مثلا موبایل حافظه 64 گیگ و 128 گیگ وجود دارد و میخوایم اگه موبایل 64 گیگ انتخاب شد اسم محصول عوض بشه به موبایل 64 گیگ و اگه حافظه 128 انتخاب شد اسم محصول به موبایل حافظه 128 گیگ تغییر پیدا کنه
    باتشکر از شما

  10. 6 سال عضو همیار وردپرس

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

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

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