كثيرًا ما يواجه عملائي صعوبة في اختيار المنتج الأنسب لهم، خاصةً عندما تكون الخيارات متقاربة في السعر أو المواصفات. ولحل هذه المشكلة، قررت إضافة ميزة مقارنة المنتجات في متجري على شوبيفاي، بحيث يتمكن العميل من عرض منتجين أو أكثر جنبًا إلى جنب، ومقارنة التفاصيل مثل الأسعار، والخصائص، والألوان، وغيرها.
هذه الخطوة ساعدت بشكل ملحوظ في تسهيل اتخاذ القرار وزادت من رضا العملاء. في هذا المقال، أشارك معكم تجربتي الكاملة في تفعيل هذه الميزة، مع شرح الخطوات العملية والنصائح المهمة التي تساعد على تحسين تجربة المستخدم وزيادة فرص البيع.
كيفية تفعيل ميزة مقارنة المنتجات
اخترت تطبيق Compareder ‑ Product Compare لإنجاز هذه المهمة. يتميز التطبيق بمرونة عالية في تخصيص جداول المقارنة من حيث التصميم، والعناصر التي يمكن مقارنتها بين المنتجات. كما يتيح بسهولة إضافة أيقونات المقارنة في مختلف صفحات المتجر، مما يسهل على العميل الوصول إلى الميزة من أي مكان.
1- تثبيت تطبيق Compareder ‑ Product Compare
بدايةً، ثبتت تطبيق Compareder ‑ Product Compare على متجرك. توجهت إلى متجر تطبيقات شوبيفاي، ثم بحثت عن التطبيق، وضغطت على زر "Install" لبدء التثبيت على المتجر.
بعد ذلك، يطلب التطبيق صلاحيات الوصول إلى منتجات المتجر حتى يتمكن من إنشاء جداول المقارنة بناءً عليها. يُفضل مراجعة الأذونات جيدًا والتأكد من عدم احتوائها على معلومات حساسة، ثم الضغط على زر "Install" لمتابعة التثبيت.
يُقدم التطبيق خطة مجانية تشمل جميع العناصر الأساسية للمقارنة، بالإضافة إلى خطط مدفوعة تبدأ من 4.99 دولار شهريًا، وتتيح ميزات متقدمة مثل تمييز صفوف محددة داخل جدول المقارنة، أو تعديل تخطيط الجدول بالكامل. لذا، يمكنك الاكتفاء بالخطة المجانية للاستخدام الأساسي، والانتقال إلى الخطط المدفوعة لاحقًا في حال رغبت في تحسين تجربة المقارنة على المتجر.
في متجري، اكتفيت باستخدام النسخة المجانية، لذا اخترت خطة Lite، ثم ضغطت على زر "Select" كما هو موضح في الصورة التالية.
2- ضبط خيارات المقارنة على المتجر
بعد تثبيت التطبيق على المتجر، توجهت إلى إعدادات التطبيق عبر تبويب Product Compare من قائمة شوبيفاي الجانبية، ثم انتقلت إلى تبويب Comparison Settings من القائمة العلوية لضبط خيارات المقارنة على المتجر.
بدايةً، فعّلت نظام المقارنة على المتجر على هيئة شبكة، من خلال تفعيل خيار Product Grid.
بعد ذلك، توجهت إلى قسم Comparison Settings، وحددت الحد الأقصى لعدد المنتجات داخل جدول المقارنة. يتيح لك التطبيق مقارنة ما يصل إلى أربعة منتجات في الجدول الواحد. لذا، ومن خيار Maximum number of products to compare، حددت عدد المنتجات بـ 4 منتجات، كما اخترت أن يتم إضافة المنتجات الجديدة من جهة اليمين ليتناسب مع تصميم متجري.
الآن، انتقلت إلى قسم Comparison Fields لتحديد الحقول المطلوب عرضها في المقارنة بين المنتجات داخل الجدول. على سبيل المثال: اسم المنتج، المتغيرات، السعر، نسبة الخصم، النوع، المواصفات، وغيرها من الحقول المتاحة.
حدد الحقول المناسبة لمنتجاتك، ثم اضغط على زر Save لحفظ الإعدادات وتطبيقها على متجرك.
3- تخصيص مظهر جداول المقارنة
الخطوة التالية هي تعديل مظهر جدول المقارنة حتى يتوافق تمامًا مع هوية متجرك. لذا، توجهت إلى تبويب Theme Settings من القائمة العلوية.
بعد ذلك، قمت بتعديل تصميم الجدول من حيث لون الخلفية، لون الخط، الحجم، المحاذاة، والإطار، بالإضافة إلى تخصيص مظهر زر المقارنة أيضًا ليظهر بشكل متناسق مع تصميم المتجر.
كذلك، انتقلت إلى قسم Compare Sticky Button لتعديل مظهر أيقونة المقارنة الثابتة التي تظهر في صفحات المتجر، بما يضمن توافقها مع تجربة المستخدم والهوية البصرية للعلامة التجارية.
وبالمثل، عدّلت جميع ألوان الجداول لضمان توافقها التام مع هوية المتجر، وظهور العناصر بوضوح أمام العملاء بما يعزز من تجربة التصفح.
بعد ذلك، انتقلت إلى تبويب Language Settings من القائمة العلوية، ثم عدّلت نصوص عناصر جدول المقارنة، مثل زر المقارنة، والنصوص الموجودة داخل الجدول، والزر الثابت في المتجر. كما يمكنك ترجمة هذه النصوص إلى لغة أخرى، بناءً على لغة متجرك الأساسية.
4- نشر واختبار التطبيق على المتجر
الآن تُعد خيارات جداول المقارنة كاملة وجاهزة للنشر على المتجر. لذلك، توجهت إلى إعدادات القالب في متجري، ثم اخترت تبويب "Apps" من القائمة الجانبية.
بعد ذلك، ستجد تطبيق Product Compare ظهر ضمن تطبيقات القالب. فعّل التطبيق لظهور جداول المقارنة على المتجر، ثم اضغط على زر "Save" لحفظ الإعدادات.
الآن، تستطيع اختبار التطبيق من خلال التوجه إلى إحدى صفحات المنتجات على متجرك. ستلاحظ ظهور زر "Add to Compare" داخل صفحة المنتج كما هو موضح في الصورة التالية:
وعند إضافة منتج آخر إلى جدول المقارنة، ستلاحظ ظهور شريط Product Compare الجانبي كما هو موضح في الصورة التالية:
يستطيع العميل إضافة ما يصل إلى 4 منتجات مختلفة داخل الجدول. وعند الضغط على شريط Product Compare الجانبي، ستظهر له نافذة منبثقة تقارن بين المنتجات المُختارة كما هو موضح في الصورة التالية:
بهذا الشكل، نكون قد أضفنا ميزة المقارنة بين المنتجات بشكل فعّال على المتجر، مما يساعد العميل على اتخاذ قرارات شراء أفضل، ويُحسن تجربة المستخدم بشكل عام. ويُفضل دائمًا عند تخصيص حقول جداول المقارنة، الاكتفاء بالحقول الأساسية فقط، حتى لا يصبح الجدول طويلًا دون فائدة فعلية.