WooCommerce: قارن بين المنتجات باستخدام هذا الجدول العملي

هل تبحث عن أفضل طريقة لإضافة وظائف مقارنة المنتجات WooCommerce إلى متجرك؟

يمكن أن يساعدك تقديم كتالوج قوي من المنتجات في الوصول إلى جمهور أكبر. ومع ذلك، قد يواجه عملاؤك صعوبة في إجراء عملية شراء إذا واجهوا عددًا كبيرًا جدًا من الخيارات، وهنا يمكن أن تكون ميزة المقارنة مفيدة.

في هذا المنشور، ستتعلم كيفية استخدام البرنامج الإضافي Sparks for WooCommerce لإنشاء جدول مقارنة منتجات WooCommerce قابل للتخصيص والذي يبدو كما يلي:

سيتمكن العملاء من إضافة المنتجات بسهولة إلى الجدول من خلال النقر على أيقونة في المتجر أو صفحة منتج واحد. علاوة على ذلك، يمكنك تخصيص جميع التفاصيل والتصميمات وفقًا لاحتياجاتك.

لماذا قد ترغب في إضافة ميزة مقارنة منتجات WooCommerce

إذا كنت ترغب في تنمية متجرك عبر الإنترنت، فإن توسيع مجموعة المنتجات الخاصة بك يمكن أن يكون استراتيجية فعالة. عندما تقدم المزيد من المنتجات، يمكنك جذب مجموعة سكانية أوسع من خلال جذب نقاط أسعار وتفضيلات مختلفة.

بالإضافة إلى ذلك، يمكنك فتح فرص البيع المتبادل والبيع الإضافي. ونتيجة لذلك، ستتمكن من تعزيز معدلات التحويل ومتوسط قيمة الطلب (AOV). ومع ذلك، قد تجد صعوبة في جني هذه الفوائد إذا كان عملاؤك غارقين في اختيارك.

في الواقع، تشير الدراسات إلى أن المتسوقين عبر الإنترنت يتعاملون بالفعل مع إرهاق البحث ^[1]. ولذلك، فإن الكتالوج الكبير قد يجعل الأمور أسوأ.

هذا هو المكان الذي يكون فيه جدول مقارنة المنتجات مفيدًا. يمكن أن تكون هذه الميزة مفيدة بشكل خاص عندما تقدم منتجات مماثلة بمواصفات فنية مختلفة.

على سبيل المثال، تتيح لك شركة Bose الشهيرة للمعدات الصوتية تحديد مربع لمقارنة ما يصل إلى أربع منتجات:

يؤدي هذا إلى إنشاء لوحة أفقية في أسفل الصفحة حيث يمكنك عرض العناصر التي حددتها. وبعد ذلك، عند النقر فوق الزر “مقارنة” ، ستحصل على شبكة مقارنة مخصصة:

يتيح ذلك للعملاء مقارنة الأشياء بسهولة مثل المقابس المساعدة وإمكانات الاقتران وخيارات البلوتوث – كل ذلك في مكان واحد! تحتوي بعض جداول مقارنة المنتجات على عناصر تنقل متقدمة مثل الرؤوس اللاصقة:

بهذه الطريقة، عندما تقوم بالتمرير لأسفل للاطلاع على قائمة طويلة من تفاصيل المنتج، فلن تفقد تتبع المنتج الذي ينتمي إليه.

يمكن أن يؤدي ذلك إلى تحسين تجربة المستخدم (UX) بشكل كبير ومطالبة العملاء بالضغط على زر الشراء الآن .

لسوء الحظ، لا توجد ميزة مدمجة لمقارنة منتجات WooCommerce. ومع ذلك، يمكنك استخدام البرنامج المساعد الذي يوفر هذه الميزة.

كيفية إعداد وظيفة مقارنة المنتجات في WooCommerce

كما ترون، يمكنك الحصول على الكثير من الفوائد عند إضافة وظيفة مقارنة المنتجات WooCommerce إلى متجرك.

👉 الآن، دعونا نلقي نظرة على كيفية إنشاء جدول أنيق لمقارنة المنتجات في بضع خطوات فقط!

الخطوة 1: تثبيت وتفعيل Sparks لـ WooCommerce
الخطوة 2: تنشيط وتكوين وحدة مقارنة المنتجات
الخطوة 3: قم بتخصيص نمط وتخطيط طاولتك
الخطوة 4: قم بتخصيص جدول المنتج الخاص بك بمزيد من الميزات

الخطوة 1: تثبيت وتفعيل Sparks لـ WooCommerce

نظرًا لأن WordPress لا يأتي مزودًا بجدول مدمج لمقارنة المنتجات، فستحتاج إلى اختيار أداة متميزة مثل Sparks for WooCommerce للحصول على هذه الميزة المفيدة. يمكّنك مكوننا الإضافي من تصميم جدول مقارنة مخصص لمتجرك عبر الإنترنت:

كما يأتي أيضًا مع مجموعة من الأدوات المصممة لتحسين متجرك عبر الإنترنت وتعزيز التحويلات. على سبيل المثال، يمكنك إنشاء قوائم الرغبات وعرض مراجعات المنتجات المتقدمة والمزيد.

لبدء استخدام Sparks for WooCommerce ، ستحتاج إلى اختيار خطة اشتراك والتسجيل. ستتمكن بعد ذلك من تسجيل الدخول إلى حسابك وتنزيل الملف الخاص بالمكون الإضافي المميز.

بعد ذلك، انتقل إلى لوحة تحكم WordPress الخاصة بك وانتقل إلى Plugins > Add New . بعد ذلك، انقر فوق الزر “تحميل البرنامج المساعد” الموجود أعلى شاشتك:

حدد اختيار ملف وقم بتحميل ملف البرنامج الإضافي الذي قمت بتنزيله للتو. ثم اضغط على التثبيت الآن ثم التنشيط.

وأخيرًا، ستحتاج إلى الانتقال إلى الإعدادات > الشرارات. أدخل مفتاح الترخيص الخاص بك واضغط على “تنشيط”. الآن، أنت جاهز للخطوة التالية!

الخطوة 2: تنشيط وتكوين وحدة مقارنة المنتجات

كما ذكرنا سابقًا، يأتي Sparks for WooCommerce مزودًا بمجموعة كاملة من ميزات التجارة الإلكترونية. يتم تنظيمها بشكل ملائم في مكتبة الوحدات، لذا كل ما عليك فعله هو تشغيلها.

لتنشيط وحدة مقارنة المنتجات، ستحتاج إلى الانتقال إلى الإعدادات > Sparks للوصول إلى صفحة خيارات Sparks :

يجب أن تشاهد وحدة مقارنة المنتجات على الفور. ما عليك سوى النقر على زر التنشيط.

الآن، سيظهر رابط التكوين. ومع ذلك، قبل تكوين جدول المقارنة، دعونا نرى كيف يبدو على الواجهة الأمامية بالإعدادات الافتراضية:

حاليًا، تتميز جميع المنتجات برمز زائد (+)، وهو رمز المقارنة. عند تحديد العناصر الخاصة بك، ستراها مدرجة في أسفل الشاشة:

وبعد ذلك، يمكنك الضغط على “مقارنة”. تظهر القائمة المخصصة في صفحة جدول مقارنة مخصصة وتعرض تفاصيل مثل الاسم والسعر والتقييم:

لإزالة المنتجات من القائمة، ما عليك سوى النقر على علامة X في الزاوية اليمنى العليا من كل منتج.

بالتمرير لأسفل، يمكنك التحقق من التفاصيل الإضافية وإضافة العناصر إلى سلة التسوق:

لتخصيص مظهر جدول المقارنة الخاص بك، ارجع إلى صفحة خيارات Sparks واضغط على تكوين في لوحة مقارنة المنتجات. ضمن الإعدادات العامة، ستحتاج إلى اختيار المكان الذي سيظهر فيه جدول مقارنة المنتجات:

افتراضيًا، يستخدم Sparks for WooCommerce صفحة جدول مقارنة مخصصة. ومع ذلك، يمكنك تغيير ذلك عن طريق تحديد صفحة أخرى من القائمة المنسدلة.

قد ترغب أيضًا في تغيير الحد الأقصى لعدد المنتجات التي يمكن للمستخدم مقارنتها. بالإضافة إلى ذلك، يمكنك ضبط موضع مربع اختيار المقارنة. لديك خيار وضعه في أعلى أو أسفل صورة المنتج.

الخطوة 3: قم بتخصيص نمط وتخطيط طاولتك

ربما لاحظت أن جميع العناصر المرئية الجديدة التي تم إنشاؤها بواسطة وحدة مقارنة المنتجات تتلاءم بسلاسة مع تصميم موقعك. وذلك لأن جميع ألوانها موروثة من لوحة الألوان الخاصة بموضوعك.

ومع ذلك، قد ترغب في تعديل العناصر المرئية لتتناسب بشكل أفضل مع علامتك التجارية أو احتياجات عملائك. في صفحة إعدادات Sparks، ابحث عن صف نمط الجدول وانقر على السهم لتوسيع خياراتك:

هنا، يمكنك تعديل الخلفية ولون النص والحدود والمزيد. ما عليك سوى تحديد خيار من الألوان المحددة مسبقًا أو إدخال رمز سداسي عشري مخصص. يمكنك أيضًا تبديل زر لتمكين ألوان الصف البديلة.

وفي الأسفل، يمكنك تقييد الفئات وتعديل تخطيط الجدول الخاص بك. ما عليك سوى النقر على صف تخطيط الجدول لرؤية خياراتك:

هنا، يمكنك إعادة ترتيب الحقول الخاصة بك أو إخفائها من خلال النقر على رمز العين. عندما تقوم بإخفاء حقل، فإنه سينتقل إلى أسفل القائمة ويصبح باللون الرمادي.

وأخيرًا، يمكنك تغيير نوع عرض الجدول الخاص بك إلى صف أو عمود.

الخطوة 4: قم بتخصيص جدول المنتج الخاص بك بمزيد من الميزات

كما قد تلاحظ، هناك بعض الطرق الإضافية التي يمكنك من خلالها تخصيص جدول مقارنة المنتجات. على سبيل المثال، قد ترغب في إضافة قسم “المنتجات ذات الصلة”. سيمكنك هذا من البيع المتبادل لعملائك وزيادة المبيعات إلى الحد الأقصى.

لديك أيضًا خيار تخصيص ألوان وأزرار الشريط اللاصق الخاص بك: