نمایش حرفه ای ویژگی های ووکامرس با 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. 4 سال عضو همیار وردپرس

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

    uupload.ir/files/rs2p_woo.jpg

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

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

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

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

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

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

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

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

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

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

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

      درود
      قبل از اینکه وارد مغییر ها بشید باید در قسمت ویژگی ها ویژگی موردنظر را وارد کنید و در همان قسمت تیک گزینه “استفاده برای متغیرها” بزنید، سپس در قسمت متغیرها وارد شوید و تنظیم کنید.

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

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

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

      سلام
      شما ویژگی تعریف کردید که بتونید از بخش متغیرها انتخابش کنید؟

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

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

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

      سلام
      از نظر و انتقاد شما کمال تشکر رو دارم.
      ببینید دوست عزیز تمامی افزونه‌های موجود در مخزن وردپرس نسخه فیری+ نسخه پرمیوم داره. ما هم به عنوان یکی از مراجع وردپرس لازم میدونیم اکثر افزونه‌ها رو که بخش فیری دارن آموزش بدیم. همیشه هم سعی شده تا جای ممکن اطلاعات کاملی از افزونه ارائه بشه. اما باز هم دوست داریم دوستانمون مثل شما پیشنهاداتی اگه دارن بهمون بگن. اگر پیشنهادی دارید حتما میتونید با ایمیل در ارتباط باشید و اعلام کنید تا با هم مکاتبه‌ای داشته و برای بهبودش به نتیجه برسیم.
      hamyarwp@gmail.com
      موفق باشید

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

    افزونه رو نصب کردم تنظیمات انجام دادم اما بجای نمایش تصاویر متن نمایش میده هنوز!
    مشکل از تنظیمات افزونه هسته یا کد نویسی قالب
    http://www.pargolkala.ir/product/%D9%84%D8%A7%DA%A9-%D9%85%D8%A7%D8%AA-losment/

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

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

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

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

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

      سلام
      در بخش تنظیمات از تب simple میتونید نوع دایره و مربع شکل بودنش رو مشخص کنید.

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

    سلام و خسته نباشید
    من قالب نیلسن رو نصب دارم
    و این افزونه رو طبق آموزش شما نصب و پیاده سازی کردم
    ولی بعد از بارگزاری کامل صفحه فقط اسم ویژگی رو میاره ولی هیچ کدوم از آپشن هارو نمیاره
    بنظرتون مشکل کجاست
    و اینکه آیا با YITH WooCommerce Product Add-Ons میشه به ویژگی تصویر نسبت داد؟؟؟
    ممنون میشم راهنمایی بفرمائید

  10. عالیه