فهرست مطالب
یکی از بخشهای مهم در صفحه محصول ووکامرس، قسمت مشخصات یا ویژگیهای محصول است. بهطور پیشفرض، ووکامرس این اطلاعات را بهصورت یک جدول ساده نمایش میدهد که ظاهر چندان زیبایی ندارد و ممکن است با طراحی فروشگاه شما هماهنگ نباشد.
برای نمایش ویژگی های محصول در المنتور به سبک دیجی کالا ، براحتی میتوانیم این بخش را ویرایش کنیم تا بخش ویژگی های محصول ووکامرس را به صورت جذاب و ریسپانسیو ویرایش کنیم . در این قسمت از آموزش طراحی سایت فروشگاهی، به شما یاد میدهیم که چگونه مشابه دیجی کالا ویژگی ها و مشخصات محصول را در ۳ ستون برای دسکتاپ، ۱ ستون برای موبایل و تبلت نمایش دهید.
چرا طراحی بخش ویژگی های محصول ووکامرس یک ضرورت است؟
اولین و مهمترین مزیت، بهبود تجربه کاربری (UX) است. کاربران میتوانند به سرعت اطلاعات مورد نیاز خود را پیدا کنند. دومین مزیت، افزایش نرخ تبدیل (Conversion Rate) است؛ ارائه اطلاعات کامل، اعتماد مشتری را جلب میکند. سومین مزیت، کاهش سوالات پشتیبانی است؛ وقتی جزئیات به وضوح بیان شوند، کاربران نیاز کمتری به تماس با تیم پشتیبانی خواهند داشت. در نهایت، این بهینهسازی به تقویت سئوی محصول (Product SEO) نیز کمک میکند، زیرا موتورهای جستجو محتوای ساختاریافته را ترجیح میدهند.
نکته کلیدی: به بخش ویژگیها به عنوان فروشنده خاموش خود نگاه کنید. این بخش باید بتواند تمام سوالات فنی و کاربردی مشتری را بدون نیاز به کمک خارجی پاسخ دهد.
آموزش طراحی بخش ویژگی های محصول ووکامرس با المنتور
بسیاری از ما با ویجت پیشفرض “اطلاعات محصول” در المنتور کار کردهایم که ویژگیها را در یک تب به صورت یک لیست ساده نمایش میدهد. اما برای دستیابی به ظاهری مدرن و شبکهای، باید این ساختار را کنار بگذاریم و طرح خود را بسازیم.
الهام از فروشگاههای بزرگ: فروشگاههای اینترنتی موفق مانند دیجیکالا از طراحی باکسبندی یا شبکهای برای نمایش ویژگیها استفاده میکنند. این طراحی باعث میشود هر ویژگی در یک کارت جداگانه نمایش داده شود، که خوانایی و جذابیت بصری را به شدت افزایش میدهد. بیایید این الگو را با المنتور پیادهسازی کنیم.
مراحل ساخت بخش ویژگی های محصول ووکامرس بصورت شبکه ای (مشابه دیجی کالا)
شما برای طراحی بخش ویژگی های محصول ووکامرس به چیزی نیاز ندارید جز افزونه المنتور پرو ، کافیست مراحل زیر را دنبال کنید:
- با المنتور ، صفحه تکی محصول را باز می کنیم.
- ابتدا ویجت اطلاعات اضافی را به صفحه تکی محصول وارد میکنیم.
- روی ویجت کلیک کرده و وارد تب پیشرفته میشویم.
- در بخش شناسه CSS مقدار
mihantheme-attributesرا وارد کنید.همچین ببینید: دوره آموزش طراحی سایت شبیه دیجی کالا با المنتور
سوالات متداول درباره ویژگیهای محصول در ووکامرس
۱. چگونه میتوان ویژگی های محصول ووکامرس را در المنتور نمایش داد؟
با استفاده از ابزارکهای ووکامرس در المنتور میتوانید بخش ویژگیهای محصول را به صفحه اضافه کنید. این ویژگیها همان اطلاعاتی هستند که در تنظیمات محصول ووکامرس تعریف کردهاید و به صورت خودکار در صفحه محصول نمایش داده میشوند.
۲. افزودن ویژگی به محصول در ووکامرس چگونه انجام میشود؟
برای افزودن ویژگی کافی است وارد بخش «محصولات > ویژگیها» در پیشخوان وردپرس شوید. در این قسمت میتوانید ویژگیهای کلی مانند رنگ، سایز یا جنس را تعریف کنید و سپس هنگام ویرایش هر محصول، آنها را به محصول موردنظر اختصاص دهید.
۳. آیا افزونهای برای مدیریت ویژگیهای محصولات ووکامرس وجود دارد؟
بله، افزونههای متعددی برای بهبود نمایش و مدیریت ویژگیهای محصولات وجود دارند. اما در این آموزش یاد گرفتیم که بدون نیاز به هیچ افزونهای و تنها با استفاده از المنتور، میتوانیم ظاهر این بخش را سفارشی کرده و مشابه فروشگاههای حرفهای مانند دیجیکالا طراحی کنیم.
کاربران گرامی:
برای مشاهده آموزش کامل این ویدیو ، ابتدا باید عضو دوره جامع طراحی فروشگاه اینترنتی مشابه دیجی کالا باشید ، پس از عضویت ، براحتی دسترسی کامل به محتوای آموزشی کامل ویدیو و همچنین فایل ها و کدهای آماده دوره را خواهید داشت.
