هل تريد تخصيص صفحات منتج WooCommerce دون الحاجة إلى كتابة أي كود؟
من خلال تخصيص صفحات منتج WooCommerce الخاصة بك ، يمكنك تحسين معدل التحويل الخاص بك وتحقيق المزيد من المبيعات من زوار موقعك الحاليين.
في هذه المقالة ، سنوضح لك كيفية تخصيص صفحات منتجات WooCommerce دون أي معرفة فنية.
كيفية تخصيص صفحات منتج WooCommerce (لا توجد طريقة رمز)
لماذا تخصيص صفحات منتج WooCommerce في ووردبريس؟
تعد صفحات منتج WooCommerce الخاصة بك من أكثر الصفحات قيمة في متجرك عبر الإنترنت . تكمن المشكلة في أن صفحات منتج WooCommerce الافتراضية ليست مُحسَّنة للتحويلات.
من خلال تخصيص صفحات منتج WooCommerce الخاصة بك ، يمكنك إنشاء صفحات مقصودة فريدة للمنتج ستحول زوار موقعك إلى عملاء بمعدل أعلى بكثير.
هذا يعني أن متجرك يمكنه كسب المزيد من الإيرادات دون الحاجة إلى حركة مرور إضافية.
قبل أن تبدأ في تخصيص صفحات منتج WooCommerce ، عليك التأكد من أن لديك أسرع استضافة WooCommerce لدعم متجرك عبر الإنترنت لأن السرعة تؤثر على التحويل.
ومع ذلك ، دعنا نلقي نظرة على كيفية تخصيص صفحات منتج WooCommerce بدون رمز.
كيفية تخصيص صفحات منتج WooCommerce في ووردبريس
SeedProd هو أفضل منشئ صفحات السحب والإفلات الذي يستخدمه أكثر من مليون موقع ويب. يتيح لك تخصيص صفحات منتج WooCommerce بسهولة وزيادة المبيعات.
أول شيء عليك القيام به هو تثبيت وتفعيل البرنامج المساعد SeedProd . لمزيد من التفاصيل ، راجع دليلنا خطوة بخطوة حول كيفية تثبيت مكون ووردبريس الإضافي .
ملاحظة: هناك نسخة مجانية من SeedProd المتاحة التي يمكنك استخدامها، ولكن لهذا البرنامج التعليمي، وسوف تظهر النسخة برو لأنه تمت المدمج في كتل WooCommerce.
عند التنشيط ، تحتاج إلى زيارة SeedProd »الإعدادات وإدخال مفتاح الترخيص الخاص بك.
أدخل مفتاح ترخيص SeedProd
يمكنك العثور على هذه المعلومات ضمن حسابك على موقع SeedProd.
بعد ذلك ، تحتاج إلى زيارة SeedProd »الصفحات ثم النقر فوق” إضافة صفحة مقصودة جديدة “.
أضف صفحة SeedProd المقصودة الجديدة
في الشاشة التالية ، سيُطلب منك اختيار قالب. يحتوي SeedProd على العشرات من القوالب المصممة بشكل احترافي للاختيار من بينها.
نظرًا لأنك تقوم بإنشاء صفحة منتج WooCommerce عالية التحويل ، حدد خيار “المبيعات” ثم اختر أحد القوالب.
ما عليك سوى النقر فوق قالب لتحديده.
حدد قالب صفحة SeedProd
سنستخدم نموذج “صفحة مبيعات العشاء” ، ولكن يمكنك اختيار أي نموذج تريده.
بعد ذلك ، سيُطلب منك تسمية صفحتك ثم النقر فوق الزر “حفظ وبدء تحرير الصفحة”.
اسم صفحة منتج WooCommerce
سيؤدي ذلك إلى تشغيل واجهة أداة إنشاء صفحات السحب والإفلات.
سترى معاينة مباشرة للقالب الذي حددته ، حيث يمكنك الإشارة والنقر لتحديد أي عنصر على الصفحة وتحريره.
شاشة محرر صفحة SeedProd
يحتوي العمود الأيسر على كتل جديدة يمكنك إضافتها إلى صفحة منتجك.
بعد ذلك ، سنضيف بعض الكتل لجعل هذه الصفحة أشبه بصفحة منتج WooCommerce.
أولاً ، انقر على الصورة واستبدلها بصورة لمنتجك. ستقوم بتحميل صورة أو تحديد واحدة من مكتبة الوسائط الخاصة بك.
تحرير صورة المنتج
بعد ذلك ، يمكنك تغيير عنوان المنتج والنص من خلال النقر على تلك العناصر وتغييرها مباشرة في محرر الصفحة.
تتيح لك القائمة اليمنى تغيير الحجم والمحاذاة والمزيد.
تغيير عنوان المنتج والنسخ
أخيرًا ، سنضيف زر “إضافة إلى عربة التسوق” تمامًا مثل صفحة منتج WooCommerce القياسية.
تحتاج إلى العثور على كتلة WooCommerce “إضافة إلى عربة التسوق” واسحبه إلى صفحتك.
إدراج زر إضافة إلى عربة التسوق
الآن بعد أن أصبحت لديك أساسيات صفحة منتج WooCommerce ، سنعرض لك كيفية إضافة عناصر من شأنها تحسين تحويلاتك.
أولاً ، دعنا نضيف تصنيفًا نجميًا للمنتج لنُظهر لعملائك أن منتجك عالي الجودة.
ما عليك سوى سحب مجموعة “تصنيف النجوم” وإفلاتها في معاينة الصفحة حيث تريد عرضها.
إضافة كتلة تصنيف النجوم
لديك سيطرة كاملة على عدد النجوم والحجم ورقم التقييم الإجمالي والمزيد.
بعد ذلك ، سنضيف كتلة شهادات العملاء. يمكن أن تساعد إضافة شهادات المنتج في تحسين الإثبات الاجتماعي وتحويلات المنتج.
إذا كنت تبحث عن طريقة لجمع شهادات العملاء ، فراجع قائمتنا لأفضل المكونات الإضافية للشهادات لـ ووردبريس .
لإضافة الشهادات ، ما عليك سوى سحب قالب “الشهادات” إلى الصفحة التي تريد عرضها فيها.
إضافة مجموعة شهادات المنتج
يمكنك تخصيص الشهادة بالكامل وإضافة صورة وتغيير نص الشهادة.
بمجرد النقر فوق عنصر الشهادة ، يمكنك تغيير جميع خيارات العرض في القائمة اليمنى.
إذا كنت ترغب في إضافة شهادات متعددة ، فانقر فوق الزر “إضافة شهادة”. سيؤدي هذا تلقائيًا إلى إنشاء دائرة دوارة لشهادات عملائك.
تخصيص شهادات المنتج
بعد ذلك ، يمكنك إضافة قسم الأسئلة الشائعة حول المنتج ، على غرار قسم الأسئلة والأجوبة في صفحات منتج Amazon.
انقر فوق كتلة “الأكورديون” واسحبه إلى صفحتك ثم انقر فوق العنصر لإظهار شاشة التحرير على اليسار.
أضف التعليمات المنسدلة الأكورديون
يمكنك هنا إضافة قائمة منسدلة أخرى للأسئلة الشائعة وتغيير حجم الخط واللون والمزيد.
يمكنك تغيير نص الأسئلة الشائعة مباشرة في معاينة الصفحة.
تخصيص نص الأسئلة الشائعة حول المنتج
ستساعد إضافة كتل SeedProd WooCommerce أعلاه إلى صفحات المنتج على تحسين تحويلاتك.
يحتوي SeedProd على عدد قليل من كتل WooCommerce الإضافية التي يمكنك إضافتها إلى صفحات المنتج أيضًا.
إذا كنت تقوم ببيع الهبات الربيعية أو بيع الجمعة السوداء ، فيمكنك استخدام كتلة “العد التنازلي” لإنشاء حالة ملحة.
المنتج للعد التنازلي
قد ترغب أيضًا في إبراز المنتجات الأخرى في متجرك باستخدام كتل “المنتجات المميزة” أو “المنتجات الأعلى تقييمًا”.
لإضافة كتل إضافية ، ما عليك سوى اتباع نفس الخطوات المذكورة أعلاه.
منتجات WooCommerce المميزة
لمزيد من التفاصيل حول إضافة منتجات شائعة إلى WooCommerce ، راجع دليلنا حول كيفية عرض المنتجات الشائعة على صفحات منتجات WooCommerce .
يمكنك الاستمرار في تخصيص صفحة المنتج الخاصة بك باستخدام كتل إضافية وضبط قائمة الإعدادات.
انشر صفحة منتج WooCommerce مباشرة
بمجرد الانتهاء من تخصيص صفحة منتجك ، تأكد من النقر فوق “حفظ” ثم “نشر” من القائمة المنسدلة لجعل صفحتك حية.
ستجعل تخصيصات صفحة المنتج التي أجريتها من السهل تحويل زوارك إلى مشترين.
صفحة منتج WooCommerce مخصصة
كيفية تحسين تحويلات صفحة منتج WooCommerce (طريقتان)
بعد قيامك بتخصيص صفحة منتج WooCommerce ، يمكنك تحسين تحويلات متجرك باستخدام العناصر الديناميكية التالية.
أضف إخطارات نشاط الشراء في WooCommerce
تستخدم الطريقة الأولى إشعارات الدليل الاجتماعي لتنبيه زوارك إلى أن أشخاصًا آخرين قد أجروا عملية شراء للتو. يستخدم هذا FOMO لتحسين تحويلاتك ببساطة.
أفضل طريقة لإضافة دليل اجتماعي إلى WooCommerce هي استخدام TrustPulse . إنها واحدة من أفضل مكونات ووردبريس المنبثقة وتطبيقات الإثبات الاجتماعي في السوق.
يتيح لك عرض إشعارات الشراء في الوقت الفعلي عبر موقع WooCommerce بسهولة.
إخطارات شراء TrustPulse في الوقت الفعلي
لمزيد من التفاصيل ، راجع دليلنا حول كيفية استخدام FOMO على موقع ووردبريس الخاص بك لزيادة التحويلات .
قم بإنشاء حملات تسويقية مخصصة في WooCommerce
تستخدم الطريقة الثانية نصًا ديناميكيًا بحيث يمكنك عرض رسائل تسويقية مخصصة للزائرين. باستخدام النص الديناميكي ، يمكنك عرض اسم الزائر أو موقعه أو حتى يوم من أيام الأسبوع.
يتيح لك عرض رسائل مخصصة للأشخاص المناسبين في الوقت المناسب لتحسين معدلات المشاركة والتحويلات بشكل كبير.
أفضل طريقة لإضافة نص ديناميكي هي باستخدام OptinMonster . إنها أفضل أداة لالتقاط النوافذ المنبثقة والبريد الإلكتروني لـ ووردبريس يستخدمها أكثر من 1.2 مليون موقع.
OptinMonster WooCommerce
أولاً ، تحتاج إلى زيارة موقع OptinMonster الإلكتروني وإنشاء حساب. ستحتاج على الأقل إلى خطة المستوى الاحترافي لإنشاء نص ديناميكي بعلامات ذكية.
بعد ذلك ، تحتاج إلى تثبيت وتفعيل المكون الإضافي OptinMonster . لمزيد من التفاصيل ، راجع دليلنا خطوة بخطوة حول كيفية تثبيت مكون ووردبريس الإضافي .
يربط هذا المكون الإضافي موقع ووردبريس الخاص بك بتطبيق OptinMonster.
عند التنشيط ، تحتاج إلى إدخال مفتاح الترخيص الخاص بك. يمكنك العثور على هذه المعلومات ضمن حسابك على موقع OptinMonster الإلكتروني.
في لوحة معلومات ووردبريس الخاصة بك ، انتقل إلى OptinMonster »الإعدادات ، وانقر فوق” توصيل حساب موجود “وأدخل تفاصيل حسابك.
ربط حساب OptinMonster
بعد ذلك ، سترغب في توصيل OptinMonster بـ WooCommerce.
يمنحك هذا قواعد عرض إضافية يمكنك استخدامها لتخصيص حملاتك. في نفس الصفحة ، انقر فوق “إنشاء مفاتيح تلقائيًا + توصيل WooCommerce”.
قم بتوصيل OptinMonster و WooCommerce
بعد الاتصال بـ OptinMonster ، انتقل إلى OptinMonster »الحملات ثم انقر فوق الزر” إضافة جديد “.
سينقلك هذا إلى أداة إنشاء حملات OptinMonster.
قم بإنشاء حملة OptinMonster جديدة
هناك العشرات من القوالب التي يمكنك الاختيار من بينها.
سنقوم بإنشاء نافذة منبثقة بعلامة WooCommerce الذكية. للقيام بذلك ، حدد نوع الحملة “منبثقة” واختر أحد النماذج.
سنختار نموذج “العرض” ، ولكن يمكنك اختيار أي نموذج تريده.
حدد نموذج OptinMonster
ما عليك سوى تمرير مؤشر الماوس فوق النموذج والنقر فوق “استخدام النموذج”.
بعد تسمية حملتك والنقر فوق “بدء الإنشاء” ، سيتم نقلك إلى أداة إنشاء الحملات بالسحب والإفلات.
شاشة محرر حملة OptinMonster
يمكنك تخصيص كل جزء من النافذة المنبثقة بالنقر فوق أي عنصر وتخصيصه في القائمة اليمنى.
سنقوم بإضافة نص ديناميكي إلى العنوان بحيث يعرض تاريخ اليوم ويقدم لزوارنا قسيمة صالحة لهذا اليوم فقط.
أولاً ، انقر نقرًا مزدوجًا فوق أي عنصر نص لإظهار القائمة. ثم انقر فوق رمز “العلامات الذكية” “{}” لإظهار القائمة المنسدلة للعلامات الذكية المتاحة.
حدد العلامة الذكية الديناميكية
ما عليك سوى النقر فوق العلامة الذكية التي تريد إضافتها إلى حملتك.
تستخدم العلامات الذكية نصًا تم إنشاؤه ديناميكيًا لتزويد زوارك برسالة فريدة ومخصصة.
حفظ النص الديناميكي المنبثقة
بمجرد الانتهاء من تخصيص النافذة المنبثقة الخاصة بك ، تأكد من النقر فوق “حفظ”.
بعد ذلك ، انقر فوق علامة التبويب “نشر” ثم حدد خيار “نشر”.
نشر النص الديناميكي المنبثقة
بمجرد الخروج من المنشئ سيتم نقلك إلى شاشة حيث يمكنك تأكيد إعدادات العرض الخاصة بك.
للتأكد من أن النافذة المنبثقة الخاصة بك نشطة ، قم بتغيير الحالة إلى “منشور” في مربع التعريف “Visibility & Status” ثم انقر فوق “Save Changes”.
إعدادات رؤية WooCommerce المنبثقة
سيتم الآن نشر نافذة WooCommerce المنبثقة التي تحتوي على نص ديناميكي في متجر WooCommerce الخاص بك.
يمكنك الاستمرار في اختبار نص ديناميكي مختلف وإعدادات العرض لمعرفة الحملات التي تحقق لك أفضل النتائج.
نافذة منبثقة للنص الديناميكي OptinMontster
كنا نأمل أن تساعدك هذه المقالة في تخصيص صفحات منتج WooCommerce بدون تشفير. قد ترغب في الاطلاع على دليلنا حول WooCommerce SEO الذي أصبح سهلاً ، واختيار الخبراء لدينا من أفضل ملحقات WooCommerce لمتجرك.
خدمات مميزة لآجلك
نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.
اشترك معنا لمزيد من المعرفة
إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على اليوتيوب لدروس فيديو في الووردبريس. ويمكنك أيضًا أن تجدنا على فيسبوك وتويتير وانستجرام وتيكتوك، لطفاً لا تنسى متابعتنا، فنحن نسعد برؤيتك..