الدليل الكامل لاستخدام حوامل WooCommerce Variation بذكاء [2022]

نشرت: 2022-02-13

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

كلما سهلت على المشترين اختيار منتجاتهم ، زاد التحويل.

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

أحد أحدث الاتجاهات التي حققت نتائج رائعة هو استخدام الحوامل لتقديم التباينات ، بدلاً من القوائم المنسدلة.

ومن ثم ، استخدم حوامل تنوع WooCommerce لتقديم متغيرات المنتج بطريقة أكثر جاذبية وجاذبية.

خلق نية أكبر للمشترين للأسباب التالية:

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

سنناقش اليوم كيف يمكنك استخدام حوامل التباين في متجر WooCommerce بأكثر الطرق التي تعتمد على النتائج.

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

بعد قراءة هذا الدليل ، ستتمكن من:

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

لذلك دعونا نتعمق فيه.

جدول المحتويات

# المواضيع
1. متى ولماذا يتم استخدام حوامل التباين المختلفة للحصول على أفضل النتائج - مع أمثلة
2. كيفية تغيير القائمة المنسدلة إلى حوامل الأزرار لتنويعات WooCommerce؟
3. كيفية إعداد حوامل ألوان WooCommerce لأشكال المنتج؟
4. كيفية إعداد حوامل الصور لأشكال منتجات WooCommerce؟
5. كيفية إعداد حوامل تباين الملصقات للمنتجات المتغيرة؟

متى ولماذا تستخدم حوامل التنويعات المختلفة؟

استخدم حوامل WooCommerce Variation

قد تحتوي منتجاتك المتغيرة على أنواع مختلفة من الاختلافات. لا يمكنك إعداد حوامل التباينات الفريدة لمتغيرات مختلفة لإنشاء الحد الأقصى من المشاركات.

حوامل تباين اللون

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

ثم يمكنك استخدام حوامل تباين الألوان للسماح لعملائك بالاختيار من بين المتغيرات.

بشكل افتراضي ، يتيح WooCommerce للأشخاص الاختيار من خلال قائمة منسدلة مملة. ولكن يمكنك جعله أكثر جاذبية باستخدام أزرار حامل الألوان.

شاهد الفرق بنفسك:

تقصير

اختيار تباين اللون الافتراضي
اختيار تنويعات WooCommerce الافتراضية للون

استخدام حوامل تباين الألوان

حوامل تنوع ألوان WooCommerce
استخدام حوامل تنوع ألوان WooCommerce

كما ترى الألوان واضحة للعيان. لذلك سيجد الشخص الاختيار أسهل وأكثر عملية.

حوامل تباين الصورة

بعض المنتجات أكثر تنوعًا ويمكنك تقديم المتغيرات باستخدام حوامل تباين الصورة.

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

إليك كيف يصبح الأمر رائعًا:

تقصير

اختيار تباين الصورة الافتراضي
اختيار أشكال WooCommerce الافتراضية للشكل

استخدام حوامل تباين الصورة

حوامل تنوع صور WooCommerce
استخدام حوامل WooCommerce Image Variation

كما ترى ، يتم تقديم المتغيرات في حوامل صغيرة للأشكال مما يجعلها أكثر جاذبية.

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

حوامل تباين التسمية

يصعب تصوير عوامل معينة مثل الحجم أو الطول بصريًا.

على سبيل المثال ، إذا كنت تبيع قميصًا بمقاسات ، L (كبير) ، M (متوسط) ، و S (صغير) ، فلن يكون لديك طريقة لإظهار الأحجام الفعلية بشكل مرئي.

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

إليك كيف ستظل تحدث فرقًا:

تقصير

اختيار الاختلاف الافتراضي
اختيار أشكال WooCommerce الافتراضية للحجم

استخدام حوامل تباين الملصقات

حوامل تنوع تسمية WooCommerce
استخدام حوامل WooCommerce Label Variation

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

حوامل تنوع النص

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

على سبيل المثال ، لنفترض أنك تبيع قبعة بمقاس الأطفال ، وحجم المراهقين ، وحجم الكبار.

في هذه الحالة ، يمكنك تحويلها إلى حوامل نصية جذابة بأزرار.

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

هذه معاينة:

تقصير

اختيار الاختلاف الافتراضي
اختيار أشكال WooCommerce الافتراضية للحجم

استخدام حوامل تنوع النص

حوامل تنوع نص WooCommerce
استخدام حوامل تنوع نص WooCommerce

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

كما رأيت ، فإن تغيير قوائم التنويعات إلى حوامل يجعلها أكثر جاذبية وجاذبية.

الآن ، إذا كنت ترغب في تنفيذ عوامل الجذب هذه ، فيمكنك القيام بذلك بسهولة باستخدام المكون الإضافي Variation Swatches For WooCommerce.

حوامل التباين لـ WooCommerce

Variation Swatches for WooCommerce هو مكون إضافي بسيط يمكنك من خلاله تغيير التحديد الأساسي المنسدل للمتغيرات إلى حوامل الأزرار بسهولة. يستغرق بضع نقرات فقط.

دعني أقدم لك دليلًا خطوة بخطوة حول كيفية إعداد حوامل التباين بسهولة في متجرك عبر الإنترنت باستخدام Variation Swatches لـ WooCommerce.

كيفية تغيير القائمة المنسدلة إلى حوامل الأزرار لتنويعات WooCommerce؟

كما تمت مناقشته سابقًا ، يعرض WooCommerce الاختلافات كخيارات قائمة منسدلة على صفحة المنتج.

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

إليك كيف يمكنك القيام بذلك خطوة بخطوة.

1. أولاً ، قم بتثبيت وتفعيل Variation Swatches لـ WooCommerce.

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

حوامل التباين

سينقلك إلى لوحة معلومات البرنامج المساعد.

حوامل التباين للوحة معلومات WooCommerce
حوامل التباين للوحة معلومات WooCommerce.

2. تعيين نمط وتصميم حامل الأساسي

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

بالإضافة إلى أنك ستتمكن من ضبط حجم الخط.

تكوين هذه الإعدادات كما تريد.

3. انتقل إلى علامة التبويب "عناصر التحكم"

انقر فوق علامة التبويب عناصر التحكم على اليسار.

ضوابط

ستحتوي علامة التبويب عناصر التحكم على العديد من الخيارات.

علامة تبويب الضوابط

4. تمكين القائمة المنسدلة إلى حوامل الأزرار

هنا ، قم بتشغيل خيار Dropdown To Button Swatches .

القائمة المنسدلة إلى حوامل الزر

ثم احفظ الإعدادات. سترى الآن أنه سيتم عرض الاختلافات في صفحات المنتج في شكل حوامل الأزرار.

اختيار القائمة المنسدلة الافتراضي

اختيار القائمة المنسدلة الافتراضي

حوامل الزر للاختلافات

حوامل الزر للاختلافات

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

كيفية إعداد حوامل ألوان WooCommerce لتباينات الألوان

باستخدام عينات الألوان ، يمكنك إعطاء فكرة مرئية عن اللون الذي سيختاره المشتري. لذلك لن يكون هناك تردد.

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

لإعداد حوامل الألوان ، اتبع الخطوات أدناه.

1. قم بتمكين القائمة المنسدلة إلى حوامل الأزرار

اتبع أولاً الخطوات لتمكين القائمة المنسدلة لمسحات الأزرار كما هو موضح سابقًا.

(انقر هنا لقراءة كيفية تمكين القائمة المنسدلة لحوامل الأزرار.)

2. انتقل إلى السمات التي تم إنشاؤها

عادةً ما يتم تجميع مصطلحات التباين في السمات.

انتقل إلى لوحة التحكم> المنتجات> السمات وستجد قائمة السمات التي قمت بإنشائها بالفعل في متجرك وخيار إضافة سمات جديدة.

نظرة عامة على السمات

على الجانب الأيمن ، يمكنك رؤية قائمة السمات التي تم إنشاؤها لديك.

السمات العالمية

3. قم بتغيير السمة المرغوبة الخاصة بك كنوع اللون

حرك الماوس فوق اسم السمة التي تريد استخدام حوامل الألوان لها.

تحرير سمة اللون

ستحصل على خيارات التحرير أو الحذف. انقر فوق تحرير وسيأخذك إلى صفحة تحرير السمة.

تحرير سمة للون

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

حقل نوع السمة للون

اضغط عليها واختر خيار "اللون".

سمة نوع اللون

ثم انقر فوق الزر "تحديث" أدناه.

4. تعيين عينات الألوان لشروط التباين

بمجرد تعيين نوع السمة على "اللون" ، يمكنك الآن تعيين حوامل اللون للمصطلحات المتغيرة ضمن هذه السمة.

ارجع إلى لوحة التحكم> المنتجات> السمات وعلى الجانب الأيمن من السمة (قمت بتعيينها كنوع اللون) ، ستحصل على خيار "تكوين المصطلحات".

تكوين الشروط لحوامل تباين الألوان

انقر فوق تكوين الشروط وسيأخذك إلى الصفحة التالية:

تكوين صفحة الشروط

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

قائمة شروط اختلاف اللون

مرر مؤشر الماوس فوق مصطلح لوني واحد وستجد خيار التحرير.

تحرير مصطلح متغير

انقر فوق تحرير وسيأخذك إلى صفحة التحرير. هنا ، أدناه سترى أن لديك خيار اختيار اللون.

تحرير وضع اللون

انقر فوق "تحديد اللون" وستحصل على خيار تعيين لون.

لون الحامل

اختر لونًا مناسبًا وانقر فوق Select Color مرة أخرى.

ثم انقر فوق الزر "تحديث" أدناه.

بمجرد التحديث ، عد إلى الوراء وسترى أن هناك معاينة للون بجوار اسم مصطلح متغير اللون المعني.

حامل تباين اللون
تم تحديد حامل اللون الأزرق لمصطلح الاختلاف الأزرق

افعل الشيء نفسه بالنسبة لبقية تباينات الألوان وهذا كل شيء. الآن ستحتوي منتجاتك على حوامل تباين الألوان بدلاً من تحديد القائمة المنسدلة لمتغيرات الألوان.

استخدام حوامل تباين الألوان

حوامل تنوع ألوان WooCommerce

كيفية إعداد حوامل الصور لأشكال منتجات WooCommerce؟

باستخدام حوامل الصور ، يمكنك عرض متغيرات معينة كنماذج جذابة عند عرض المنتج (المنتجات).

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

لإعداد حوامل الصور ، اتبع الخطوات أدناه.

1. قم بتمكين القائمة المنسدلة إلى حوامل الأزرار

اتبع أولاً الخطوات لتمكين القائمة المنسدلة لمسحات الأزرار كما هو موضح سابقًا.

(انقر هنا لقراءة كيفية تمكين القائمة المنسدلة لحوامل الأزرار.)

2. انتقل إلى السمات التي تم إنشاؤها

عادةً ما يتم تجميع مصطلحات التباين في السمات.

انتقل إلى لوحة التحكم> المنتجات> السمات وستجد قائمة السمات التي قمت بإنشائها بالفعل في متجرك وخيار إضافة سمات جديدة.

نظرة عامة على السمات

على الجانب الأيمن ، يمكنك رؤية قائمة السمات التي تم إنشاؤها لديك.

السمات العالمية

3. تعيين السمة المرغوبة الخاصة بك كنوع الصورة

حرك الماوس فوق اسم السمة التي تريد استخدام حوامل الصور لها.

تحرير سمة الصورة

ستحصل على خيارات التحرير أو الحذف. انقر فوق تحرير وسيأخذك إلى صفحة تحرير السمة.

تحرير سمات للصورة

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

تحرير السمات للصورة

اضغط عليها واختر خيار "صورة".

سمة نوع الصورة

ثم انقر فوق الزر "تحديث" أدناه.

4. تعيين عينات الألوان لشروط التباين

بمجرد تعيين نوع السمة على "صورة" ، يمكنك الآن تعيين حوامل الصور للمصطلحات المتغيرة ضمن هذه السمة.

ارجع إلى لوحة التحكم> المنتجات> السمات وعلى الجانب الأيمن من السمة (قمت بتعيينها كنوع صورة) ، ستحصل على خيار "تكوين المصطلحات".

تكوين المصطلحات لحوامل تنوع الصورة

انقر فوق تكوين الشروط وسيأخذك إلى الصفحة التالية:

تكوين صفحة الشروط لحوامل الصور

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

قائمة شروط اختلاف الصورة

حرك مؤشر الماوس فوق مصطلح واحد وستجد خيار تحرير المصطلح.

تحرير مصطلح متغير

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

تحرير وضع الصورة

انقر فوق "تحميل / إضافة صورة" ويمكنك إما تحميل صورة أو اختيار صورة من مكتبة الوسائط الخاصة بك.

صورة لسواتش

اختر الصورة المناسبة ثم اضغط على زر التحديث أدناه.

بمجرد التحديث ، عد إلى الوراء وسترى أن هناك معاينة للصورة بجوار اسم المصطلح البديل.

حامل تباين الصورة
حامل صورة المثلث المحدد لمصطلح التباين على شكل مثلث

افعل الشيء نفسه بالنسبة لبقية المتغيرات وهذا كل شيء. الآن ستحتوي منتجاتك على حوامل تباين الصورة بدلاً من تحديد القائمة المنسدلة لهذه المتغيرات.

استخدام حوامل تباين الصورة

حوامل تنوع صور WooCommerce

كيفية إعداد حوامل تباين الملصقات للمنتجات المتغيرة؟

باستخدام حوامل Label ، يمكنك عرض متغيرات معينة يمكن التعرف عليها بأحرف أو أرقام مفردة.

وكما رأيت سابقًا ، فإن حوامل Label أكثر جاذبية مقارنةً بتحديد القائمة المنسدلة العادي.

لإعداد حوامل الملصقات ، اتبع الخطوات أدناه.

1. قم بتمكين القائمة المنسدلة إلى حوامل الأزرار

اتبع أولاً الخطوات لتمكين القائمة المنسدلة لمسحات الأزرار كما هو موضح سابقًا.

(انقر هنا لقراءة كيفية تمكين القائمة المنسدلة لحوامل الأزرار.)

2. انتقل إلى السمات التي تم إنشاؤها

عادةً ما يتم تجميع مصطلحات التباين في السمات.

انتقل إلى لوحة التحكم> المنتجات> السمات وستجد قائمة السمات التي قمت بإنشائها بالفعل في متجرك وخيار إضافة سمات جديدة.

نظرة عامة على السمات

على الجانب الأيمن ، يمكنك رؤية قائمة السمات التي تم إنشاؤها لديك.

السمات العالمية

3. تعيين السمة المرغوبة الخاصة بك كنوع التسمية

حرك الماوس فوق اسم السمة التي تريد استخدام حوامل التسمية لها.

تحرير سمة التسمية

ستحصل على خيارات التحرير أو الحذف. انقر فوق تحرير وسيأخذك إلى صفحة تحرير السمة.

تحرير السمات للتسمية

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

تحرير السمات للتسمية

اضغط عليها واختر خيار "Label".

سمة نوع التسمية

ثم انقر فوق الزر "تحديث" أدناه.

4. تعيين حوامل التسمية لشروط التباين

بمجرد تعيين نوع السمة على "Label" ، يمكنك الآن تعيين حوامل التسمية للمصطلحات المتغيرة ضمن هذه السمة.

ارجع إلى لوحة المعلومات> المنتجات> السمات وعلى الجانب الأيمن من السمة (قمت بتعيينها كنوع الملصق) ، ستحصل على خيار "تكوين المصطلحات".

تكوين المصطلحات لحوامل تباين التسمية

انقر فوق تكوين الشروط وسيأخذك إلى الصفحة التالية:

تكوين صفحة المصطلحات لحوامل الملصقات

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

قائمة شروط اختلاف التسمية

حرك مؤشر الماوس فوق مصطلح واحد وستجد خيار تحرير المصطلح.

تحرير مصطلح متغير

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

تحرير وضع التسمية

أدخل التسمية التي تريد عرضها.

تسمية حامل

ثم انقر فوق الزر "تحديث" أدناه.

بمجرد التحديث ، عد إلى الوراء وسترى أن هناك معاينة للتسمية بجوار اسم مصطلح البديل.

حامل تباين التسمية

افعل الشيء نفسه بالنسبة لبقية المتغيرات وهذا كل شيء. الآن ستحتوي منتجاتك على حوامل تباين التسمية بدلاً من تحديد القائمة المنسدلة لهذه المتغيرات.

استخدام حوامل تباين الملصقات

حوامل تنوع تسمية WooCommerce

استنتاج

من الواضح أن اختيار القائمة المنسدلة للمنتجات المتغيرة لم يعد مفضلاً. أفضل طريقة لتقديم التباينات هي استخدام الحوامل.

وأفضل جزء هو أنه سهل التنفيذ للغاية ويمكن تنفيذه ببضع نقرات باستخدام المكون الإضافي Variation Swatches لـ WooCommerce.

لذا أقترح عليك تجربة المكون الإضافي والاستفادة من حوامل تنوع WooCommerce. استفد من جذب المشترين بسهولة دون بذل الكثير من الجهد.

إذا كنت تريد معرفة كيفية إنشاء منتج متغير ، فيمكنك اتباع هذا الدليل:

  • دليل كامل لإنشاء منتج متغير لـ WooCommerce