تنوع در انتخاب محصولات در وبسایتهای فروشگاهی یکی از مواردی است که میتواند مشتریان بیشتری جذب و در تصمیمگیری هنگام خرید به آنها کمک بسیاری کند، ایجاد تنوع برای یک محصول در ووکامرس دقیقا شامل همان امکاناتی است که در یک فروشگاه واقعی ممکن است در اختیار داشته باشد. یکی از راههایی که در فروش محصولات و جذب مشتری بیشتر باعث موفقیت شما خواهد شد استفاده از افزونه ویژگی های پیشرفته محصولات ووکامرس میباشد. اگر شما نیز وبسایت فروشگاهی خود را بر پایه ووکامرس راهاندازی کردهاید توصیه میکنیم تا انتهای این مقاله با همراه باشید تا با استفاده از افزونه نمایش ویژگی های ووکامرس جذابیت فروشگاه خود را چندین برابر کنید.
افزونه ویژگی های پیشرفته محصولات ووکامرس
آنچه در این مقاله به اختصار خواهید خواند:
- نمایش حرفه ای ویژگی های ووکامرس (افزونه محصول متغیر ووکامرس)
- افزونه 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
- Enable Tooltip: با فعالسازی این گزینه کادر راهنمای ویژگی برای هر محصول نمایش داده میشود.
- Enable Stylesheet: برای فعالسازی شیوهنامه پیشفرض افزونه مورد استفاده قرار میگیرد.
- Shape style: انتخاب نحوه نمایش ویژگی برای هر محصول به دو صورت دایره و مربع میباشد.
- Auto Dropdowns to Button: لیستهای کشویی پیشفرض را به دکمه تبدیل میکند.
سربرگ Advanced
- Clear on Reselect: از این گزینه به منظور حذف ویژگی انتخاب شده برای انتخاب مجدد استفاده میشود.
- Ajax variation threshold: این گزینه مربوط به آستانه تغییر هر ویژگی میباشد که بین اعداد 1 تا 30 متغیر است.
- Show selected attribute: این گزینه نام ویژگی انتخاب شده را در کنار عنوان نمایش میدهد.
- Attribute behavior: این گزینه مربوط به نوع نمایش ویژگیها میباشد.
- Attribute image size: از این بخش قادر خواهید بود نحوه نمایش و اندازه تصاویر ویژگیهای محصول را مشخص کنید، در غیر اینصورت میتوانید به صورت دستی عرض، طول و اندازه فونت را تغییر دهید.
سربرگ Performance
این تب به عملکرد سایت و تاثیر این افزونه بر روی سایت اشاره دارد، بهتر است برای افزایش امتیاز سرعت صفحات این دو گزینه را فعال کنید که به طور پیشفرض این گزینهها فعال هستند. در نهایت پس از انجام تنظیمات، تغییرات را ذخیره نمایید.
سایر تنظیمات افزونه مربوط به نسخه پرمیوم آن است که برای کسب اطلاعات و راهنماییهای بیشتر لازم است به سربرگ Tutorials مراجعه کنید.
تعریف ویژگی در ووکامرس
جهت ایجاد تنوع در انتخاب محصولات ووکامرس میبایستی مطابق تصویر زیر از منو “محصولات” موجود در پیشخوان وردپرس گزینه “ویژگی-ها” را انتخاب کنید، همانطور که مشاهده میکنید نوع ویژگی به این بخش اضافه شده است که شامل ویژگیهای Color, Image و Button میباشد، در ادامه به بررسی و نحوه استفاده هر کدام از این ویژگیها خواهیم پرداخت.
ویژگی Color
جهت افزودن یک ویژگی رنگ جدید لازم است نامی که برای نمایش به کاربران سایت و نامک یکتا را “رنگ” وارد کرده و نوع ویژگی راcolor انتخاب و بر روی دکمه افزودن ویژگی کلیک کنید. با این کار مانند تصویر زیر ویژگی تعریف شده در ستون سمت چپ صفحه نمایش داده خواهد شد.
اینک با کلیک بر روی گزینه “پیکربندی شرایط و ضوابط” وارد صفحه زیر خواهیم شد، در این بخش لازم است متغیرهای رنگ را برای ایجاد تنوع در محصول تعریف کنیم.
برای افزودن رنگ جدید میتوانید مطابق تصویر فوق نام رنگ و رنگ مورد نظر را از پالت رنگی موجود انتخاب کنید. به همین ترتیب برای انتخاب ویژگیهای محصول در ووکامرس، تعداد رنگهای دلخواه را میتوانید اضافه نمایید، به عنوان مثال در تصویر زیر 3 نوع رنگ را انتخاب کردهایم.
ویژگی Image
انتخاب ویژگی تصویر نیز مانند ویژگی قبل میباشد که به عنوان مثال نام و نامک آن را “تصویر” وارد کرده و نوع ویژگی را Image انتخاب و بر روی دکمه افزودن ویژگی کلیک کنید.
با این کار مطابق تصویر زیر ویژگی تعریف شده در ستون سمت چپ صفحه نمایش داده خواهد شد.
حال باید گزینه “پیکربندی شرایط و ضوابط” را انتخاب و وارد صفحه زیر شوید، در این بخش میتوانید تصاویر دلخواه خود را به محصول اضافه نمایید.
همانطور که در تصویر بالا مشاهده میکنید برای هر یک از متغیرهای ویژگی میتوان یک تصویر انتخاب کرد، افزودن تصاویر به صورت نامحدود امکانپذیر است.
ویژگی Button
تا این بخش از مقاله با افزونه ویژگی های پیشرفته محصولات ووکامرس آشنا شدهاید، در ادامه با نحوه افزودن این ویژگیها به محصولات ووکامرس خواهیم پرداخت.
افزودن ویژگیها به محصولات در ووکامرس
برای افزودن ویژگیها به محصولات لازم است به صفحه ویرایش یکی از محصولات خود مراجعه کرده و از بخش اطلاعات محصول روی گزینه ویژگیها کلیک کنید. همانطور که در کادر موجود در تصویر زیر مشاهده میکنید تمام ویژگیهای که تعریف کردهاید قابل مشاهده هستند، هر کدام از این ویژگیهایی که برای محصول میخواهید اختصاص دهید را انتخاب و روی دکمه افزودن کلیک کنید.
برای تمام ویژگیها تیک گزینه “استفاده برای متغیرها” را زده و سپس در مرحله بعد به بخش “تغییرات” مراجعه کنید.
در این بخش گزینه “افزودن متغیر” را انتخاب کرده تا ویژگیهایی که تعریف کردهایم به این بخش اضافه شوند، در نهایت باید برای تمامی متغیرهای خود قیمت و موجودی انبار را تنظیم کنید و سپس تغییرات را ذخیره نمایید.
در نهایت پس از ذخیره تغییرات و مشاهده صفحه محصول نتیجه همانند تصویر زیر خواهد بود که با کلیک بر روی هر ویژگی میتوانید محصول موردنظر خود را مشاهده و قیمت آن را ببینید.
به همین صورت میتوانید امکان انتخاب ویژگیهای محصول در ووکامرس را برای مشتریان خود فراهم کنید. در این مقاله برای تست متغیرهایی را ایجاد کردیم تا نحوه استفاده از افزونه را به شما آموزش دهیم، شما نیز میتوانید متناسب با فروشگاه و محصولات خود، متغیرها و ویژگیهای بیشتری را اضافه نمائید.
افزونه نمایش ویژگی های ووکامرس
با گسترش روزافزون کسب و کارهای آنلاین جذب مشتری یکی از ارکان اساسی موفقیت در این راه میباشد، اگر در فروشگاه ووکامرسی خود امکانات زیادی را در اختیار مشتریان قرار دهید قطعا جزو مشتریان دائمی سایت و فروشگاه شما خواهند شد، یکی از مواردی که در جذب مشتری به شما کمک فراوانی خواهد کرد استفاده از افزونه ویژگی های پیشرفته محصولات ووکامرس میباشد که در این مقاله به معرفی و آموزش کامل این افزونه پرداختیم. اگر شما نیز قصد دارید با جذاب و حرفهایتر نشان دادن فروشگاه ووکامرسی خود مشتریان بیشتری جذب کنید توصیه میکنیم خواندن این مقاله را از دست ندهید. شما میتوانید سوالات، نظرات و تجربیات خود را از بخش دیدگاهها مطرح کنید. همچنین اگر محتوای امروز همیار وردپرس برایتان مفید بود، خوشحال میشویم آن را با دوستان خود در شبکههای اجتماعی به اشتراک بگذارید.
توحید 3 سال عضو همیار وردپرس
سلام ممنون عالی بود همونی که میخواستم فقط یه سوال داشتم میشه کنار ویژگی یه فیلد علامت گذاری گذاشت که اگر مشتری دوست داشت تیک بزنه مثلا سه تا سایز رو همزمان تیک بزنه و به سبد خریدش اضافی کنه؟
سید سجاد غلام پور 7 سال عضو همیار وردپرس
درود بر شما
خیر باید تک به تک به سبد اضافه کنه.
مجمد 4 سال عضو همیار وردپرس
سلام خسته نباشید
من برای محصولم فقط یک منغیر رنگ میخام ااضافه کنم تواطلاعات محصول باز هم محصول متغیر بزنم
وقتی تمام مراحل را می رم رنگ ها را نشون نمی ده بلکه موجودی جنس هم صفر می زنه و میگه این محصول موجود نیست
برای یک متغییر هم این مراحل باید انجام بشه ممنون از راهنمایی تون
سید سجاد غلام پور 7 سال عضو همیار وردپرس
سلام
از قسمت ویرایش محصول، در بخش متغییرها باید برای هر رنگ قیمت مجزا بنویسید تا نمایش داده بشه.
آرش فضل اله پور 4 سال عضو همیار وردپرس
سلام وقت بخیر ممنون از شما
تمام کارهاش رو انجام دادم ولی تو صفحه محصول ویژگی ها سر جاشون هستن ولی اسم ویژگی ها با فصله ی زیاد سمت چپ
لطافا راهنمایی کنید
سید سجاد غلام پور 7 سال عضو همیار وردپرس
درود بر شما
این مساله مربوط به قالب شماست که اینطور نمایش میده و باید از پشتیبان قالب کمک بگیرید.
علیرضا پورحسین 3 سال عضو همیار وردپرس
سلام.
من هم مشکل شما رو دارم.
در صورت برطرف کردن مشکل، لطفا راهنمای میفرمایید که چطور برطرف کردین؟
سعید یزدانیان 3 سال عضو همیار وردپرس
سلام
استاد چرا در سایت بنده با نصب افزونه چرا بجای نشان دادن رنگ به صورت فیریکی اسم رنگ رو نشان میده با امکان تیک زدن و انتخاب
سید سجاد غلام پور 7 سال عضو همیار وردپرس
سلام
اگر در قسمت ویژگی ها تنظیمات را انجام داده باشید طبق آموزش و باز هم نمایش نمی ده، ممکنه که قالبتون پشتیبانی نمیکنه
mohammadpd 4 سال عضو همیار وردپرس
سلام چرا این افزونه به فارسی ترجمه نمیکنید
سید سجاد غلام پور 7 سال عضو همیار وردپرس
سلام
شما میتونید نسخه پروی این افزونه که تنظیمات حرفه ای داره رو خریداری کنید و به صورت فارسی استفاده کنید. نحوه استفاده از نسخه رایگان به خوبی در ویدیو آموزشی توضیح داده شده است.
Mashhaddata 6 سال عضو همیار وردپرس
سلام
خسته نباشید
من تمام کارهایی ک گفته بودیدو انجام دادم ولی توی صفحه محصولم بجای متغیر فقط متن میادو عکسی هم ک برای متغیر انتخاب کرده بودم نمیاد.
سید سجاد غلام پور 7 سال عضو همیار وردپرس
سلام
طبق ویدیو آموزشی انجام دادین؟ مرحله به مرحله انجام بدید
وحید حسینخانی 10 سال عضو همیار وردپرس
سلام خسته نباشید
این ویژگی متغییر که و قراردادن متغییرهای مختلف در خود ووکامرس بدون این افزونه قابل اجراست . ببخشید من متوجه نشدم چرا باید نصب کرد؟
سوال : هم این پلاگین هم خود وردپرس برای هر متغییر باید قیمت اضافه کرد . مثلا من یه چیزی میفروشم که اندازش فقط فرق میکنه ولی قیمت یکیه. آیا راهی داره که این مسئله رو بشه انجام نداد؟
تشکر
سید سجاد غلام پور 7 سال عضو همیار وردپرس
سلام
این افزونه به شما کمک میکنه مثلا اگر برای یک محصول چند رنگ داشته باشید، متغیرها رو به صورت نشوته نشون نده (مثلا: زرد) و یه کادر مربعی زرد رنگ میاره توی محصول.
yaran 5 سال عضو همیار وردپرس
سلام
1)بعد از ورود به سایت شما یک صفحه خطا میاد که آدرس رو افزایش داده:
hamyarwp.com/woocommerce-variation-swatches/%20http:/hamyarwp.com/panel/
2)من این افزونه رو نصب کردم ولی الان دوتا ردیف باکس انتخاب رنگ میاد. ممکنه از قبل این ویژگی تو قالب من بوده و الان با این افزونه جدید دو ردیف ویژگی میاد؟
البته فقط در افزونه داده شده شما رنگ داره و اون فقط مربع بدون رنگه.
چطور میشه اون قبلی رو حذف یا غیر فعال کرد.
قالب من snsMarket هست.
.
متشکر
سید سجاد غلام پور 7 سال عضو همیار وردپرس
سلام
با کدهای css میتونید مخفی کنید.
yaran 5 سال عضو همیار وردپرس
یعنی باید یک کد بنویسم که روی فانکشن ووکامرس تاثیر بذاره؟ یا خود وردپرس!
میشه بیشتر توضیح بدید.
متشکر
سید سجاد غلام پور 7 سال عضو همیار وردپرس
خیر! باید کد مخصوص به اون قسمت رو از طریق inspect مرورگر پیدا کنید و سپس درقسمت سفارشی سازی-css اضافی با کد display:none; ترکیب کنید.
yaran 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 سال عضو همیار وردپرس
سلام
باید قالب شما بررسی بشه و بهتره به یک متخصص بسپارید.
javadfarazmand76 5 سال عضو همیار وردپرس
سلام و ممنون بابت توضیحات
در ووکامرس وقتی یک محصول که دارای متغیر است رو اضافه مکنیم
و با انتخاب متغیر های مختلف نام محصول ثابت مبمونه…اگر بخوایم این نام عوض بشه باید از چه ابزاری کمک بگیرم؟
مثلا موبایل حافظه 64 گیگ و 128 گیگ وجود دارد و میخوایم اگه موبایل 64 گیگ انتخاب شد اسم محصول عوض بشه به موبایل 64 گیگ و اگه حافظه 128 انتخاب شد اسم محصول به موبایل حافظه 128 گیگ تغییر پیدا کنه
باتشکر از شما
سید سجاد غلام پور 7 سال عضو همیار وردپرس
سلام
خود قالب باید این ویژگی درش وجود داشته باشه.
Ahmad BH 6 سال عضو همیار وردپرس
سلام . آیا با این افزونه میشه برای محصولات دانلودی مشخصات فایل همراه با آیکون در زیر تصویر محصول قرار داد ؟
اگر با یان افزونه نمیشه این کار را انجام دهیم با چه افزونه ای انجام میشه داد ؟
با تشکر
سید سجاد غلام پور 7 سال عضو همیار وردپرس
سلام
اگر از ووکامرس استفاده میکنید، بله میتونید این کار رو بکنید ولی EDD فکر نمیکنم افزونهای داشته باشه برای چنین موردی.