فهرست مطالب
در دنیای پررقابت تجارت الکترونیک، مشتریان به دنبال تجربهای شفاف و کارآمد هستند. یکی از بهترین راهها برای فراهم کردن این تجربه، اضافه کردن یک بخش مقایسه محصولات ووکامرس است. این قابلیت به مشتریان شما امکان میدهد تا با یک نگاه، ویژگیهای کلیدی محصولات مورد نظرشان را در کنار هم ببینند و با اطمینان کامل خرید کنند. ساخت جدول مقایسه محصولات به کاربران کمک میکند تا با دید بازتری خرید کنند و نرخ تبدیل را افزایش میدهد.
اگر از وردپرس و المنتور استفاده میکنید، افزونه JetCompareWishlist یکی از بهترین و سادهترین ابزارها برای ساخت این بخش است. این قسمت از دوره آموزش طراحی سایت فروشگاهی به صورت گام به گام به شما آموزش میدهد که چگونه با استفاده از المنتور و این افزونه، یک بخش مقایسه حرفهای و کاربردی طراحی کنید.
ویژگیهای کلیدی افزونه JetCompareWishlist
قبل از شروع آموزش ساخت بخش مقایسه، بهتر است با قابلیتهای این افزونه قدرتمند آشنا شوید:
قابلیت مقایسه محصولات: امکان ایجاد یک جدول مقایسه کامل با ویژگیهای دلخواه.
قابلیت لیست علاقهمندیها (Wishlist): به مشتریان اجازه میدهد محصولات مورد علاقه خود را ذخیره کنند.
ابزارهای المنتور: ارائه ویجتهای اختصاصی برای المنتور، مانند Compare Button و Compare Table که طراحی را بسیار ساده میکنند.
انعطافپذیری بالا: امکان سفارشیسازی کامل ظاهر دکمهها و جدول مقایسه.
همچنین ببینید : آموزش افزودن محصول به لیست علاقه مندی های ووکامرس با المنتور
گام به گام: آموزش طراحی بخش مقایسه محصولات ووکامرس با المنتور
برای شروع، مطمئن شوید که افزونههای المنتور و JetCompareWishlist را روی سایت خود نصب و فعال کردهاید. این آموزش گام به گام مقایسه محصولات به شما کمک میکند تا این قابلیت را به فروشگاه خود اضافه کنید.
گام ۱: تنظیمات اولیه افزونه
پس از نصب، به پیشخوان وردپرس خود بروید و از منوی Crocoblock، گزینه JetPlugin Settings را انتخاب کنید.
- ماژول Compare: از فعال بودن این ماژول مطمئن شوید.
- Settings: در این بخش میتوانید تنظیمات عمومی مانند متن دکمهها (مثلاً “افزودن به مقایسه“) و ظاهر آنها را تغییر دهید. همچنین میتوانید تعداد محصولاتی که در لیست مقایسه ذخیره میشوند را مشخص کنید.
گام ۲: افزودن دکمه “مقایسه” به محصولات
برای اینکه مشتریان بتوانند محصولات را به لیست مقایسه اضافه کنند، باید یک دکمه برای این کار قرار دهید. این بخش شامل نحوه افزودن مقایسه کالا به صفحات محصولات است.
- ویرایش قالب محصولات: بهترین راه، اضافه کردن دکمه به قالب اختصاصی محصولات است. اگر از المنتور پرو استفاده میکنید، به بخش Templates > Theme Builder بروید و قالب صفحه محصول تکی را ویرایش کنید.
- ویجت Compare Button: در المنتور، ویجت Compare Button را پیدا کرده و آن را در جایی مناسب از قالب محصول (مثلاً زیر دکمه “افزودن به سبد خرید”) قرار دهید.
- سفارشیسازی: در تنظیمات ویجت، میتوانید آیکون، متن و استایل دکمه را به دلخواه خود تغییر دهید.
گام ۳: طراحی صفحه جدول مقایسه محصولات ووکامرس
حالا نوبت به طراحی صفحهای میرسد که جدول مقایسه محصولات ووکامرس در آن نمایش داده میشود. این مرحله، قلب طراحی صفحه مقایسه ووکامرس است.
- ایجاد صفحه جدید: یک صفحه جدید در وردپرس بسازید و نام آن را “مقایسه محصولات” بگذارید. این صفحه را با المنتور ویرایش کنید.
- ویجت جدول مقایسه: ویجت جدول مقایسه را از پنل المنتور به صفحه اضافه کنید. این ویجت به صورت خودکار جدولی از محصولاتی که مشتری انتخاب کرده، نمایش میدهد.
- انتخاب ویژگیها: در تنظیمات ویجت Compare Table، میتوانید انتخاب کنید که کدام ویژگیهای محصولات (مانند رنگ، وزن، برند، قیمت و…) در جدول نمایش داده شوند.
گام ۴: نمایش تعداد محصولات در هدر سایت
برای اطلاعرسانی به مشتریان، بهتر است تعداد محصولات موجود در لیست مقایسه را در هدر سایت نمایش دهید.
- ویرایش هدر: اگر هدر سایت خود را با المنتور طراحی کردهاید، آن را ویرایش کنید.
- ویجت Compare Count: ویجت Compare Count را به هدر اضافه کنید.
- لینکدهی: در تنظیمات این ویجت، آدرس صفحه “مقایسه محصولات” را به عنوان لینک قرار دهید تا مشتری با کلیک روی آن به جدول مقایسه هدایت شود.
بهینهسازی و نکات تکمیلی
- تجربه کاربری (UX): مطمئن شوید که دکمه “افزودن به مقایسه” به وضوح مشخص است. همچنین میتوانید با یک پاپآپ کوچک، به کاربر اطلاع دهید که محصول به لیست مقایسه اضافه شده است.
- سئو (SEO): از کلمات کلیدی مرتبط مانند “جدول مشخصات“، “مقایسه کالا در وردپرس” و “مقایسه ویژگیهای محصولات” در عناوین و متن صفحه مقایسه استفاده کنید تا رتبه بهتری در نتایج جستجو کسب کنید. این کار به بهبود نرخ تبدیل شما نیز کمک میکند.
- ظاهر واکنشگرا: JetCompareWishlist به طور خودکار جدول مقایسه را برای نمایش در موبایل و تبلت بهینه میکند، اما بهتر است خودتان نیز آن را بررسی کنید.
با دنبال کردن این راهنمای ساده، میتوانید یک بخش مقایسه محصولات حرفهای را در فروشگاه ووکامرس خود ایجاد کنید و یک گام مهم به سوی افزایش فروش و رضایت مشتری بردارید. این قابلیت به افزایش تعامل کاربر و کاهش سبد خرید رها شده کمک میکند.
سوالات متداول (FAQ)
آیا افزونه JetCompareWishlist رایگان است؟
این افزونه به عنوان بخشی از مجموعه JetPlugins ارائه میشود که یک سرویس پولی است.
آیا میتوانم ویژگیهای دلخواه خود را به جدول اضافه کنم؟
بله، شما میتوانید از طریق تنظیمات ووکامرس و المنتور، ویژگیهای مورد نظر خود را برای نمایش در جدول مقایسه محصولات ووکامرس تعریف کنید.
آیا این افزونه با تمام قالبهای وردپرس سازگار است؟
JetCompareWishlist به طور کامل با المنتور سازگار است و در نتیجه با هر قالبی که از المنتور پشتیبانی کند، کار میکند.
چگونه دکمه “افزودن به مقایسه” را در همه صفحات محصول نمایش دهم؟
میتوانید این دکمه را به قالب محصول (Product Template) در المنتور اضافه کنید تا به صورت خودکار در تمام صفحات محصولات نمایش داده شود.
کاربران گرامی:
برای مشاهده آموزش کامل این ویدیو ، ابتدا باید عضو دوره جامع طراحی فروشگاه اینترنتی مشابه دیجی کالا باشید ، پس از عضویت ، براحتی دسترسی کامل به محتوای آموزشی کامل ویدیو و همچنین فایل ها و کدهای آماده دوره را خواهید داشت.
