كيفية تخصيص صفحات منتج WooCommerce (تعزيز المبيعات في 2025)

نشرت: 2024-11-23

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

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

جدول المحتويات
  • 1 لماذا قم بتخصيص صفحة منتج WooCommerce الخاصة بك
  • 2 طرق لتخصيص صفحات منتج WooCommerce
    • 2.1 1. استخدام محرر WordPress الافتراضي وكتل WooCommerce
    • 2.2 2. استخدام منشئ WooCommerce مثل Divi
  • 3 لماذا يعد Divi مثاليًا لتخصيص صفحات منتج WooCommerce؟
    • 3.1 1. قوالب صفحات المنتج المصممة بشكل احترافي
    • 3.2 2. وحدات WooCommerce الأصلية لإضافة وظائف مخصصة
    • 3.3 3. Divi Theme Builder لإجراء تغييرات سريعة على مستوى الموقع
    • 3.4 4. أدوات تسويق مدمجة لتحسين صفحات المنتج
    • 3.5 5. مواقع Divi السريعة لإنشاء قالب صفحة المنتج ذي العلامة التجارية
  • 4 تخصيص صفحات منتج WooCommerce باستخدام Divi
    • 4.1 1. قم بإنشاء قالب صفحة المنتج
    • 4.2 2. قم باستيراد قالب صفحة المنتج المصمم مسبقًا
    • 4.3 3. قم بتخصيص قالب صفحة المنتج الخاص بك
    • 4.4 4. احفظ التغييرات وقم بمعاينة صفحة المنتج الخاصة بك
  • 5 طرق إضافية لتحسين صفحات منتجات WooCommerce الخاصة بك
  • 6 الأدوات اللازمة لإنشاء صفحات منتج WooCommerce
  • 7 Divi + WooCommerce هو الحل النهائي للتجارة الإلكترونية
  • 8 أسئلة شائعة حول تخصيص صفحات منتج WooCommerce

لماذا تخصيص صفحة منتج WooCommerce الخاصة بك

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

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

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

طرق تخصيص صفحات منتج WooCommerce

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

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

إضافة المنتجات

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

قائمة المنتجات غير المخصصة

حاليا، يبدو عاديا وعاديا. دعونا نخصصها لجعلها بارزة.

1. استخدام محرر WordPress الافتراضي وكتل WooCommerce

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

لاحظ أنه لا يمكنك الوصول إلى محرر موقع WordPress إلا إذا كان لديك قالب Block مثبتًا، مما يعني أنه لن يعمل مع القوالب الكلاسيكية القديمة. في هذا المثال، نحن نستخدم قالب Twenty-Twenty-Four لتخصيص صفحة منتج WooCommerce.

انتقل إلى المظهر > المحرر من لوحة تحكم WordPress للوصول إلى محرر الموقع.

محرر المظهر

الشاشة التالية هي محرر موقع WordPress، والذي يسمح لك بإجراء تغييرات عن طريق سحب الكتل وإسقاطها. انتقل إلى النماذج .

قوالب

اختر WooCommerce وحدد منتجًا واحدًا من قائمة القوالب.

اختر منتج واحد woocommerce

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

تحرير قالب المنتج باستخدام كتل woocommerce

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

خيارات التحرير

لإضافة المزيد من كتل WooCommerce، انقر فوق زر علامة الزائد وانتقل لأسفل إلى قسم WooCommerce.

إضافة كتل woocommerce

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

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

  • CSS/الترميز المخصص: يمكنك دائمًا تخصيص نمط الكتل الخاصة بك باستخدام CSS. وإذا كنت أحد مطوري الويب وتشعر بالراحة في تحرير ملفات سمات موقع الويب الخاص بك، فافعل ذلك. بخلاف ذلك، قد تكون فكرة جيدة عدم لمس الملفات الأساسية، لأن القيام بذلك قد يؤدي إلى إتلاف موقعك.
  • ملحقات WooCommerce: يمكنك العثور على إضافات رائعة في WooCommerce Marketplace لتوسيع وظائف صفحات منتجك. على سبيل المثال، فيديو منتج لـ WooCommerce لعرض منتجاتك في مقاطع فيديو وإضافات المنتج لإضافة خيارات إضافية مثل تغليف الهدايا.

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

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

2. استخدام WooCommerce Builder مثل Divi

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

يعد Divi مثاليًا لبناء متاجر WooCommerce بسبب أداة إنشاء السحب والإفلات سهلة الاستخدام للمبتدئين، وعناصر محتوى WooCommerce الديناميكية للوظائف، وتخطيطات صفحات المنتج المذهلة المعدة مسبقًا ، مما يجعل تصميم صفحات المنتجات عالية التحويل أمرًا سهلاً. فهو يتيح لك إنشاء صفحات منتجات مذهلة (ومتاجر كاملة عبر الإنترنت) دون لمس سطر واحد من التعليمات البرمجية أو تثبيت مكونات إضافية تابعة لجهات خارجية من أجل إضافة وظائف.

Divi مزود بأدوات تعمل على تبسيط عملك على نطاق واسع. هل تريد إنشاء متجر إلكتروني يحمل علامة تجارية دون لمس سطر من التعليمات البرمجية؟ ستقوم Divi Quick Sites بتصميمها لك في غضون دقيقتين. ألا ترغب في إنشاء صفحة منتج أو تخصيصها من البداية؟ اطلب من Divi AI إنشاء تخطيط الصفحة ووصف المنتج والصور التي تتوافق مع علامتك التجارية.

ابدأ مع ديفي

لماذا يعد Divi مثاليًا لتخصيص صفحات منتجات WooCommerce؟

Divi woocommerce منشئ

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

1. قوالب صفحة المنتج المصممة بشكل احترافي

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

تقسيم تخطيطات صفحة المنتج

2. وحدات WooCommerce الأصلية لإضافة وظائف مخصصة

يحتوي Divi على العديد من عناصر WooCommerce التي توفر الوقت وتتجنب إنشاء وحدات WooCommerce المخصصة من البداية. أضف علامات تبويب المنتج لعرض معلومات إضافية وتبسيط عملية الشحن باستخدام معلومات الشحن من Woo . أنشئ منتجات ذات صلة، أو قد تعجبك أيضًا أقسام تحتوي على عنصري WooCommerce Product Upsell و Woo Cross Sells .

عناصر التجارة الإلكترونية الأصلية

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

3. Divi Theme Builder لإجراء تغييرات سريعة على مستوى الموقع

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

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

قوالب منشئ السمات Divi

4. أدوات تسويق مدمجة لتحسين صفحات المنتج

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

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

البريد الإلكتروني الاشتراك في المنبثقة باستخدام بلوم

يمكنك أيضًا الحصول على مكونات إضافية متميزة مثل Bloom لإنشاء اشتراكات بريد إلكتروني عالية التحويل وMonarch للتسويق وزيادة عدد الزيارات والمبيعات. لا تنس التحقق من العديد من الميزات المضمنة الأخرى مثل Divi's Sticky Options والتي يمكنها إنشاء عناصر ثابتة على صفحة منتجك. على سبيل المثال، أضف عبارة CTA ثابتة إلى صفحة منتجك لإبقائها مرئية أثناء قيام العملاء بالتمرير للمساعدة في التحويلات.

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

اكتشف أدوات تسويق Divi

5. مواقع Divi السريعة لإنشاء قالب صفحة المنتج ذي العلامة التجارية

ألا تريد تحريك المؤشر لإنشاء قالب صفحة المنتج؟ ليس عليك القيام بذلك لأن Divi Quick Sites تجعل إنشاء مواقع ويب جديدة تمامًا من الصفر أمرًا سهلاً.

أفضل ما في الأمر هو أن المواقع التي تم إنشاؤها باستخدام Divi Quick Sites تم تثبيت WooCommerce عليها تلقائيًا. وهذا يعني أنه أثناء إنشاء متجرك عبر الإنترنت، سيتم تكوين WooCommerce باستخدام قوالب الصفحات ذات الصلة إذا قمت بتشغيل خيار التسوق . يتضمن ذلك قوالب المتاجر ذات العلامات التجارية وعربة التسوق والخروج وقوالب صفحات المنتج .

احصل على Divi + WooCommerce

تخصيص صفحات منتج WooCommerce باستخدام Divi

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

لمتابعة هذا البرنامج التعليمي، تحتاج إلى تثبيت سمة Divi وتنشيطها في متجرك عبر الإنترنت.

تبلغ تكلفة عضوية Divi السنوية 89 دولارًا، ولكن يمكنك الحصول عليها مدى الحياة بدفعة لمرة واحدة قدرها 249 دولارًا. بمجرد شراء Divi، قم بتسجيل الدخول باستخدام بيانات اعتماد Elegant Themes الخاصة بك وقم بتنزيل ملف Divi.zip. قم بتحميل المجلد المضغوط إلى مظهر WordPress > السمات > إضافة علامة تبويب جديدة . ثم قم بتنشيط ترخيص Divi الخاص بك، وقد انتهى الأمر. فيما يلي فيديو تعليمي خطوة بخطوة حول تثبيت Divi وتنشيطه:

احصل على Divi + WooCommerce

من الآن فصاعدا، وعدنا بأسهل طريقة لتخصيص صفحة منتج WooCommerce في المقدمة. وإليك كل شيء:

1. قم بإنشاء قالب صفحة المنتج

بمجرد تثبيت Divi وتنشيطه على لوحة تحكم WordPress الخاصة بك، يمكنك تخصيص كل صفحة WooCommerce، بما في ذلك صفحات المنتج ذات المظهر الأساسي. ابحث عن زر استخدام Divi Builder .

تحرير صفحات woocommerce باستخدام divi

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

انتقل إلى Divi > Theme Builder وانقر على "إضافة قالب جديد". (لن ترى هذه القوالب العديدة على شاشتك لأنك قمت للتو بتثبيت Divi.)

إنشاء قالب منشئ السمات الجديد

نظرًا لأننا نريد تصميم قالب منتج، فاختر جميع المنتجات كفئة لاستخدامه فيها.

جميع فئات المنتجات

يمكنك الآن الوصول إلى أداة إنشاء السحب والإفلات الخاصة بـ Divi لتصميم قالب صفحة منتج باستخدام أداة Divi Theme Builder. بمجرد إنشاء القالب الخاص بك وحفظه، ستحتوي جميع صفحات منتجك على تخطيط القالب.

2. قم باستيراد قالب صفحة المنتج المصمم مسبقًا

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

اختر تخطيطًا مُعدًا مسبقًا

قم بالتمرير والنقر لمعاينة ما يعجبك. استخدم شريط البحث والمرشحات لتحسين بحثك.

اختر قالب المنتج

بمجرد العثور على واحد، انقر فوق استخدام هذا التخطيط وانتظر حتى يحدث السحر.

انقر فوق استخدام التخطيط

بدأ Divi Builder تلقائيًا في استيراد التخطيط إلى صفحتك.

استيراد قالب التخطيط المعدة مسبقا

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

معاينة قالب صفحة المنتج الذي تم إنشاؤه

ستظل بحاجة إلى تعديلات طفيفة وتعديلات على العلامة التجارية لتتناسب مع صفحات مواقع الويب الأخرى.

اختياري: لست من محبي التصميم المصمم مسبقًا؟ يمكنك أيضًا استخدام خيار Build with AI وتوجيه Divi AI لتصميم قالب فريد لصفحة المنتج.

بناء مع divi منظمة العفو الدولية

3. قم بتخصيص قالب صفحة المنتج الخاص بك

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

استخدام وحدات WooCommerce الأصلية الخاصة بـ Divi

أفضل ما في استخدام Divi for WooCommerce هو عناصر WooCommerce الأصلية، والتي يسهل تخصيصها وتوفر لك المال من شراء المكونات الإضافية أو الوظائف الإضافية التابعة لجهات خارجية. فيما يلي وحدات Divi's WooCommerce التي تحتاجها للتأكد من أن قالب صفحة المنتج الخاص بك يتضمن:

  • صور منتج Woo: لعرض صور منتجك بتنسيقات جميلة.
  • Woo Product Title: لعرض عناوين منتجاتك بشكل ديناميكي.
  • وصف منتج Woo: اعرض وصفًا مختصرًا للمنتج تحت العنوان. قم بمراجعة Woo Product Meta و Woo Product Information لإضافة معلومات إضافية.
  • علامات تبويب منتج Woo: تعرض تفاصيل المنتج الكاملة والمراجعات والمعلومات الإضافية.
  • إضافة منتج Woo إلى سلة التسوق: يمكن للعملاء إضافة المنتجات بسرعة إلى عربات التسوق الخاصة بهم. (يمكنك أيضًا إضافة تقييمات باستخدام تقييمات منتجات Woo. )
  • Woo Breadcrumbs: ساعد المستخدمين على التنقل في متجرك.
  • الشهادات: قم ببناء المصداقية من خلال عرض تعليقات العملاء.
  • Woo Cross-Sells: لإنشاء أقسام "الأشخاص الذين اشتروا أيضًا".
  • Woo Product Upsell: لتقديم الصفقات وتشجيع العملاء على إكمال عمليات الشراء.

تقدم Divi العديد من وحدات المحتوى الممتازة الأخرى لتبسيط تجربة بناء المتجر عبر الإنترنت. لا يتعين عليك إنفاق الأموال على المكونات الإضافية عندما يمكنك الحصول عليها مجانًا كعناصر وميزات مضمنة في Divi. إليك ما يبدو عليه تخطيط صفحة المنتج المصمم مسبقًا باستخدام وحدات Divi's WooCommerce:

تخطيط صفحة المنتج المصمم مسبقًا مع وحدات divi

على سبيل المثال، قمت بإنشاء متجر جديد عبر الإنترنت باستخدام مواقع Divi السريعة في دقيقتين. سأستخدم قالب صفحة منتج WooCommerce لتظهر لك عملية التخصيص.

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

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

للقيام بذلك، قم بالتمرير فوق العنصر وانقر فوق رمز الترس (الإعدادات). تنبثق نافذة الإعدادات بثلاثة أقسام: المحتوى (لتعديل محتوى العنصر)، والتصميم (لتحرير الخطوط والألوان والحجم والمزيد)، والمتقدم (لتحرير CSS المخصص وإضافة الشروط وما إلى ذلك).

تحرير إعدادات الوحدة

استخدام المحتوى الديناميكي لـ Divi لسحب البيانات الخاصة بمنتجات محددة

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

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

رمز المحتوى الديناميكي

دعونا نحاول إضافة مؤقت العد التنازلي عندما تقوم بتشغيل المبيعات، فهو يعرض بشكل ديناميكي عنوان المنتج لمنتجات مختلفة. وإليك كيفية القيام بذلك:

بعد حفظ التغييرات وعرض إحدى صفحات منتجاتك، سيظهر لك مؤقت العد التنازلي مع اسم المنتج في العنوان.

عنوان اسم المنتج

استخدام الشروط لتخصيص المحتوى بناءً على سلوك المستخدم

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

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

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

عرض شهادات مخصصة لمنتجات محددة

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

شهادات محددة للمنتج

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

إضافة شهادة إلى صفحات منتج معين

استخدام Bloom لإنشاء النوافذ المنبثقة لنية الخروج

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

الخروج من النافذة المنبثقة مع الإزهار

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

ابدأ مع ديفي

4. احفظ التغييرات وقم بمعاينة صفحة المنتج الخاصة بك

بمجرد رضاك ​​عن تصميمك، انقر فوق الزر "حفظ" الموجود أسفل يمين Divi Builder.

حفظ التغييرات

قم بعرض أحد منتجاتك لترى كيف يظهر لعملائك:

ابدأ مع ديفي

المزيد من الطرق لتحسين صفحات منتجات WooCommerce الخاصة بك

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

  • Divi AI: قم بإنشاء أوصاف المنتجات والعناوين والنسخ الأخرى عالية التحويل باستخدام الذكاء الاصطناعي.
  • EWWW: قم بتحسين صور منتجك للحصول على أوقات تحميل أسرع دون التضحية بالجودة، مما يضمن تجربة تسوق سلسة للمستخدمين.
  • Monarch: قم بتشجيع المشاركة الاجتماعية لصفحات منتجك باستخدام أزرار المشاركة الجميلة على وسائل التواصل الاجتماعي، مما يؤدي إلى جذب المزيد من الزيارات إلى متجرك.
  • بلوم: اجمع عملاء محتملين عبر البريد الإلكتروني مباشرةً من صفحات منتجك من خلال تقديم خصومات أو تحديثات خاصة مقابل الاشتراك في البريد الإلكتروني.
  • نقاط ومكافآت WooCommerce: يمكن مكافأة العملاء بنقاط مقابل عمليات الشراء الكاملة، والتي يمكنهم استبدالها للحصول على خصومات على مشترياتهم التالية.
  • مقارنة المنتجات لـ WooCommerce: اسمح لعملائك بمقارنة منتجين متشابهين والشراء بثقة أكبر.
  • تم الشراء معًا لـ WooCommerce: قم بإنشاء أقسام يتم شراؤها بشكل متكرر معًا لتشجيع المزيد من العناصر في عربة التسوق.

الأدوات اللازمة لإنشاء صفحات منتجات WooCommerce

الأداة المقترحة مهمة
1 ديفي WooCommerce منشئ تخصيص صفحات المنتج بدون برمجة
2 ووكومرس أضف المنتجات وخيارات الدفع وأنشئ متجرًا عبر الإنترنت
3 مواقع ديفي السريعة قم بإنشاء موقع ويب WooCommerce كاملاً في دقائق باستخدام صفحات وقوالب قابلة للتخصيص.
4 ديفي منظمة العفو الدولية إنشاء وصف المنتج والعناوين والصور والتخطيطات بأكملها
5 EWWW ضغط صور المنتج دون المساس بالجودة
6 العاهل السماح للعملاء بمشاركة المنتجات على وسائل التواصل الاجتماعي
7 يزدهر قم بإنشاء نماذج اختيار بريد إلكتروني لا تقاوم لتشجيع المستخدمين على الاشتراك في قائمة البريد الإلكتروني الخاصة بك
8 نقاط ومكافآت WooCommerce شجع العملاء على تسوق المزيد من المنتجات من خلال منحهم نقاط المكافآت
9 مقارنة منتجات WooCoomerce تمكين العملاء من اتخاذ قرارات شراء واثقة من خلال السماح لهم بمقارنة المنتجات المماثلة
10 تم شراؤها معًا من أجل WooCommerce أضف عروض البيع والبيع المتبادل عن طريق إنشاء قسم تم شراؤه معًا
11 RankMath كبار المسئولين الاقتصاديين تحسين صفحات المنتج لتحسين محركات البحث وجذب المشترين العضويين
12 إضافات المنتج لـ WooCommerce تقديم خيارات خاصة مثل تغليف الهدايا والرسائل الخاصة والمزيد.
13 فيديو المنتج لـ WooCommerce عزز المبيعات عن طريق إضافة المعرض ومقاطع الفيديو المميزة إلى صفحات منتجك

Divi + WooCommerce هو الحل النهائي للتجارة الإلكترونية

Divi + WooCommerce عبارة عن مزيج قوي يوفر حلاً مرنًا ومناسبًا للمبتدئين لإنشاء مواقع التجارة الإلكترونية. تعمل قابلية تخصيص Divi على تحسين وظائف التجارة الإلكترونية في WooCommerce، حتى تتمكن من إنشاء صفحات منتج جذابة وتحسين التحويلات وتقديم تجارب تسوق استثنائية.

احصل على Divi + WooCommerce

الأسئلة الشائعة حول تخصيص صفحات منتج WooCommerce

لماذا يجب علي تخصيص صفحة منتج WooCommerce الخاصة بي؟
يساعد تخصيص صفحة منتجك على تمييز علامتك التجارية وتحسين تجربة المستخدم وزيادة معدلات التحويل. كما يسمح لك بإضافة عناصر فريدة مثل عمليات البيع الإضافية والشهادات، مما يجعل متجرك متميزًا مع تحسين رضا العملاء.
هل أحتاج إلى مهارات البرمجة لتخصيص صفحة منتج WooCommerce؟
لا، لا تحتاج إلى مهارات البرمجة. تسمح لك أدوات مثل Divi Builder بتخصيص صفحات منتجك باستخدام واجهة السحب والإفلات، مما يجعل من السهل على غير المطورين إنشاء تصميمات جذابة دون لمس التعليمات البرمجية.
ما العناصر التي يجب علي تضمينها في صفحة منتج WooCommerce المخصصة؟
تتضمن العناصر الأساسية صور المنتج، والأوصاف، وأزرار الإضافة إلى سلة التسوق، والشهادات، وأقسام الارتقاء بالمبيعات، ومسارات التنقل. تساعد هذه في تحسين تجربة المستخدم وتشجيع المزيد من عمليات الشراء.
هل يمكن أن يؤدي استخدام عدد كبير جدًا من المكونات الإضافية إلى إبطاء متجر WooCommerce الخاص بي؟
نعم، الاعتماد على عدد كبير جدًا من المكونات الإضافية التابعة لجهات خارجية يمكن أن يؤثر على أداء موقعك ويخلق مشكلات في التوافق. وبدلاً من ذلك، فإن استخدام أدوات مثل Divi، والتي تتضمن عناصر WooCommerce الأصلية، يمكن أن يقلل الحاجة إلى مكونات إضافية إضافية ويحافظ على السرعة.
كيف يؤدي تخصيص صفحات المنتج إلى تحسين محركات البحث؟
تسمح صفحة المنتج المُحسّنة جيدًا بتحسين محركات البحث من خلال تضمين علامات المنتج ومسارات التنقل والأوصاف الغنية بالكلمات الرئيسية والنصوص البديلة. يساعد هذا محركات البحث على ترتيب صفحاتك بشكل أعلى، مما يزيد من حركة المرور والمبيعات العضوية. يوصى أيضًا بتثبيت مكونات SEO الإضافية مثل RankMath لتحسين صفحات منتج WooCommerce بشكل جيد.