الموقع معروض للبيع Domain Authority 25 / Page Authority 46 / No Spam / عدد المقالات 180 مقاله. للإتفاق على السعر وطرق الدفع > راسلنا

كيفية تخصيص معرض منتجات WooCommerce

يمكن أن يكون تخصيص معرض منتج في متجرك عبر الإنترنت طريقة رائعة لتحسين تجربة الزائر ، وظهور المنتج ، ومعدلات التحويل. لمساعدتك في القيام بذلك ، قدمنا ​​لك دليلنا حول كيفية تخصيص معرض المنتجات في WooCommerce . ولكن قبل أن نذهب إلى عملية القيام بذلك ، دعنا نلقي نظرة على سبب احتياجك لتخصيص معرض المنتجات في WooCommerce باختصار. لماذا تخصيص معرض المنتجات في WooCommerce؟ إحدى نقاط البيع الرئيسية للأعمال التجارية عبر الإنترنت هي صور المنتج. وإذا قمت بإضافة معرض المنتجات وتخصيصه ، فإنك تقوم بتحسين مظهر متجرك الإلكتروني . عندما تقوم بترقية المظهر المرئي فإنه يجذب المزيد من المشترين المحتملين . وبالمثل ، العميل قد ترغب في تقييم منتج من عدة زوايا أيضًا. قد يرغبون في الحصول على منظور أوضح لها قبل شرائها حيث يمكن أن يكون معرض المنتجات مفيدًا. لذلك ، يمكن أن يساعد تخصيص معرض المنتجات أيضًا في الحفاظ على تجربة أفضل للعملاء. لذلك ، إذا كنت ترغب في زيادة إيراداتك ، فإننا نوصيك بتخصيص معرض منتجات WooCommerce الخاص بك . الآن بعد أن أصبحت لديك فكرة عن أهميتها ، دعنا نرى كيف يمكننا تخصيصها لتناسب موقع WooCommerce الخاص بك. كيفية تخصيص معرض منتجات WooCommerce؟ يمكنك تخصيص معرض المنتجات في WooCommerce باستخدام طريقتين : من لوحة تحكم WooCommerce باستخدام البرنامج المساعد سنذهب من خلال كل خطوة بالتفصيل في كلتا الطريقتين أدناه حتى تتمكن من اختيار طريقتك المفضلة. قبل ذلك ، يرجى التأكد من إعداد WooCommerce بشكل صحيح وتثبيت أحد السمات المتوافقة مع WooCommerce. 1. تخصيص معرض المنتجات من WooCommerce Dashboard WooCommerce هو الأكثر منصة شعبية لإنشاء متجر على الإنترنت. جزء من سبب شهرة WooCommerce هو بسبب التخصيص اللامتناهي ، والتحكم في تصميم وإدارة متجرك الافتراضي. يمكنك بسهولة تخصيص المنتج معرض المنتج من لوحة معلومات WooCommerce نفسها. لكن أولاً ، تحتاج إلى فتح صفحة تحرير المنتج الخاصة بالمنتج حيث تريد تخصيص معرض المنتج. لذا ، انتقل إلى المنتجات> جميع المنتجات من لوحة تحكم مشرف WordPress الخاصة بك. ستتمكن من رؤية قائمة جميع المنتجات على موقع الويب الخاص بك. هنا ، يمكنك إضافة منتجات جديدة أو إزالة منتج موجود ، أو استيراد المنتجات أو تصديرها ، كما يمكنك تخصيص منتجات فردية أو متعددة مرة واحدة. ثم انقر فوق في تحرير للمنتج الذي تريد تخصيص معرض المنتج فيه. ستتم إعادة توجيهك إلى صفحة تحرير المنتج لمنتج معين. الآن ، يمكنك البدء في تخصيص معرض منتجات WooComemrce. يمكن إضافة معرض المنتج أو إعادة ترتيبه أو إزالته من هذا المحرر من هنا. 1.1. أضف معرض منتجات في WooCommerce بعد تفتح صفحة تحرير المنتج ، إذا قمت بالتمرير أكثر ، يمكنك رؤية قسم معرض المنتج على الشريط الجانبي الأيمن. اضغط على رابط أضف صور معرض المنتج لإضافة معرض منتج. عند النقر فوق ذلك ، ستتم إعادة توجيهك إلى نموذج حيث يمكنك تحميل صور جديدة أو تحديد صور موجودة من مكتبة الوسائط. يمكنك تحديد منتجات فردية أو متعددة للإضافة إليها معرض المنتج. ما عليك سوى تحديد الصور التي تريد إضافتها إلى المعرض والنقر فوق إضافة إلى المعرض . بمجرد الانتهاء من إضافة معرض المنتج ، انطلق و قم بتحديث صفحة المنتج. عندما تقوم بتحديث صفحة المنتج ، ستتمكن من رؤية معرض منتجاتك الجديد. 1.2. إعادة ترتيب المنتجات في المعرض في بعض الحالات ، قد ترغب في تغيير ترتيب المنتجات. للقيام بذلك ، افتح صفحة تحرير المنتج للمنتج من لوحة معلومات WordPress الخاصة بك مرة أخرى. بعد ذلك ، فقط اسحب وقم بإفلات المنتجات إلى المواضع التي تريد المنتج فيها ليتم عرضها. أخيرًا ، انقر فوق زر تحديث بمجرد إعادة ترتيب المنتجات . 1.3. إزالة المنتجات من المعرض يمكنك قم أيضًا بإزالة المنتجات من المعرض بنقرة واحدة على الماوس. ما عليك سوى الانتقال إلى الصور المصغرة للصور في صفحة تحرير المنتج من لوحة القيادة مرة أخرى. بمجرد الانتقال إلى الصورة المصغرة ، سترى أيقونة متقاطعة فوق الصورة المصغرة. اضغط على أيقونة حذف الصورة لإزالة أي منتج من معرض المنتج. ومع ذلك ، إذا كنت ترغب في إزالة معرض المنتج بالكامل ، فسيتعين عليك إزالة جميع المنتجات من المعرض واحدة تلو الأخرى. هذا كل شيء! هذه هي جميع التخصيصات الأساسية التي يمكنك تنفيذها لموقع الويب الخاص بك باستخدام لوحة معلومات WooCommerce الافتراضية. 2. تخصيص معرض منتجات WooCommerce باستخدام البرنامج المساعد الآن نعلم أنه من السهل حقًا الإضافة ، إزالة وإعادة ترتيب المنتجات في معرض المنتجات. لكن هذه ليست سوى بعض التخصيصات الأساسية التي تقدمها WooCommerce. لديهم خيارات تخصيص محدودة للغاية وقد لا تكون كافية دائمًا لموقع الويب الخاص بك. ومع ذلك ، إذا كنت تريد تخصيصات إضافية لمعرض المنتج ، فيمكننا استخدام بعض الميزات الرائعة ملحقات تصفية المنتج. هنا قمنا بإدراج بعض الإضافات لتخصيص معرض المنتجات في WooCommerce. لكل منهم ميزة ووظائف فريدة. شريط تمرير معرض المنتج لـ WooCommerce شريط تمرير معرض المنتجات لـ WooCommerce هو أفضل مكون إضافي مجاني. كما يقول الاسم ، يتيح لك هذا البرنامج المساعد إضافة دائرة في قسم معرض WooCommerce. يقدم أكثر من خيارات التخصيص وهذا البرنامج المساعد يعمل مع معظم سمات WordPress. بالإضافة إلى ذلك ، يدعم هذا البرنامج المساعد منشئ صفحات Elementor و Visual Composer الذي يمنحك التحكم الكامل في تصميم موقع WooCommerce الخاص بك. يمكنك أيضًا الحصول على وحدة Lightbox التي تتيح لك إضافة تأثيرات الشرائح وصور التكبير وعرض الصور المصغرة لجذب العملاء. الميزات الرئيسية تتوفر 3 مخططات مختلفة للمعرض يدعم الفيديو في معرض المنتج يدعم لغة RTL الرمز القصير جاهز السعر شريط عرض المنتج لـ WooCommerce هو مكون إضافي مجاني سيكلفك 10 دولار في السنة. معرض فيديو منتج WooCommerce بمساعدة معرض فيديو منتج WooCommerce ، يمكنك تضمين مقاطع فيديو في لوحة المنتج ry مع الصور. وهو يدعم مقاطع فيديو Youtube و Vimeo وكذلك مقاطع الفيديو بتنسيقات MP4 و WebM و Ogg. يحتوي على واجهة رائعة سهلة الاستخدام لتضمين الفيديو على موقع WooCommerce. ولكن المهم هو أنه يمكنك استخدام مقطع فيديو واحد فقط لكل معرض منتج. علاوة على ذلك ، يمكنك أيضًا السماح بتشغيل الفيديو في وضع التكرار مما يؤدي إلى إنشاء حلقة فيديو. الميزات الرئيسية تخطيط شريط التمرير الرأسي والأفقي تعديل الارتفاع بناءً على الصور Shortcode Ready متوافق مع Elementor و Divi builder السعر معرض فيديو منتج WooCommerce هو أداة مجانية. يحتوي على نسخة مجانية مع ميزات أساسية و 3 خطط متميزة تبدأ من بالدولار الأمريكي سنويًا. الآن بعد أن قمنا بإدراج خيارين ، فلنقم بتثبيت أحدهما لتخصيص معرض المنتجات في WooCommerce. في هذا العرض التوضيحي ، سنستخدم Product Gallery Slider لـ WooCommerce التي طورتها Codeixer. هذا هو مكون إضافي مجاني يضمن عرض منتجاتك بأسلوب جميل. 2.1. تثبيت البرنامج المساعد لتثبيت البرنامج المساعد ، انتقل إلى لوحة تحكم إدارة WP وانتقل إلى الإضافات> إضافة جديدة. ابحث عن الكلمات الرئيسية الخاصة بـ المنتج المنزلق لملحق WooCommerce . ثم اضغط على التثبيت الآن لتثبيت البرنامج المساعد. أخيرًا قم بتفعيل بعد اكتمال التثبيت. إذا كنت ترغب في استخدام مكون إضافي مميز ، فسيتعين عليك تحميل ملف مضغوط وتثبيته على موقع الويب الخاص بك. يمكنك العثور على مزيد من المعلومات حول هذا الموضوع في دليلنا لتثبيت إضافة WordPress يدويًا. 2.2. تخصيص معرض المنتج بعد تنشيط البرنامج المساعد ، يمكنك البدء في استخدامه لتخصيص معرض المنتج. اذهب إلى Codeixer> Gallery Options من لوحة معلومات WordPress الخاصة بك. يجب أن تكون قادرًا لرؤية إعدادين هنا ، الخيارات العامة و خيارات العرض المبسط . بينما لا تتوفر جميع الخيارات في الإصدار المجاني من البرنامج المساعد ، فإنه يوفر لك ما يكفي لتخصيص كل شيء وفقًا لاحتياجاتك. 2.2.1. الخيارات العامة تتضمن الخيارات العامة جميع التخصيصات الأساسية التي يمكنك إجراؤها لمعرض المنتج. يضيف منزلق دائري في الخيارات العامة ، ستتمكن من رؤية Slider Autoplay . حدد نعم من القائمة المنسدلة لإضافة شريط تمرير دائري تلقائيًا دون أي تعديلات إضافية. تكبير صورة المنتج يتيح وجود ميزة تكبير / تصغير على منتجك لعميلك رؤية عرض تفصيلي لمنتجك السلع ويعطي عرضًا مرئيًا أفضل أيضًا. لتمكين ميزة التكبير / التصغير الخاصة بك المنتجات في معرض المنتجات ، ما عليك سوى تحديد نعم في القائمة المنسدلة من تكبير الصورة ) اختيار. أسهم وأزرار شريط التمرير يمكنك أيضًا تخصيص أسهم وأزرار شريط التمرير عن طريق تغيير لونها لتتناسب مع موقع WooCommerce الإلكتروني الخاص بك. للقيام بذلك ، ستقوم ابحث عن لون الأيقونة داخل Gener آل الخيار. اختر أي لون من اختيارك من منتقي الألوان. بمجرد تحديد لون ، تأكد من احفظ التغييرات . إلى جانب هؤلاء ، يمكنك أيضًا ضبط ما يلي في الإعدادات العامة: تمكين / تعطيل رمز التنقل N عدد الصور المصغرة المراد عرضها حرك المنتج بلا حدود حرك الصورة بالسحب بالماوس 2.2.2. خيارات العرض المبسط في علامة التبويب Lightbox ، هناك إعدادان في الإصدار المجاني. يمكنك اختيار عرض أو إخفاء سمات الصورة كتعليق في إعداد العرض المبسط. وبالمثل ، يمكنك أيضًا ضبط لون خلفية lightbox لمنح منتجاتك مظهرًا احترافيًا. أنت تستطيع شاهد كل هذه التغييرات في معرض المنتج بعد معاينة صفحة المنتج. أحسنت! هذه هي طريقة تخصيص معرض المنتجات في WooCommerce. المكافأة: إضافة أحجام صور مخصصة في WordPress إن إضافة الصور إلى منشورات مدونتك وصفحاتك أمر سهل باستخدام WordPress. ومع ذلك ، يجب عليك اختيار الحجم المناسب للصورة حتى يبدو التصميم العام لموقعك على الويب جيدًا. من المهم جدًا فهم كيفية عمل أحجام الصور على مواقع WordPress وكيفية إضافة أحجام صور مخصصة إلى موقعك. إذا اخترت الحجم الخطأ ، فقد تبدو صورك ضبابية وإذا كانت صورك كبيرة جدًا ، فقد تبطئ موقع الويب الخاص بك. يمكن أن تؤدي أحجام الصور غير الصحيحة أيضًا إلى إفساد صفحتك أو تخطيط منشور المدونة وتتسبب في التمرير الجانبي غير الضروري. لكن WordPress به إعداد مدمج لأحجام الصور المختلفة. هم: حجم الصورة المصغرة: 10 x 10 بكسل مقاس متوسط: 268 × 268 بكسل أكبر حجم: 840 × 1024 بكسل الحجم الكامل: الإعدادات الافتراضية للحجم الأصلي للصورة التي تم تحميلها. عند تحميل صورة إلى WordPress ، يتم إنشاء هذه الأحجام الأربعة المختلفة للصور افتراضيًا. السبب وراء إنشاء WordPress لأحجام الصور هذه ذو شقين. أولاً ، ليس عليك تغيير حجم الصور يدويًا. ثانيًا ، يضمن تحديد حجم الصورة الصحيح لمواقع مختلفة على موقعك. كيفية تغيير حجم الصور وتعديلها في WordPress لحسن الحظ ، يتيح لك WordPress تغيير حجم الصور الافتراضية أيضًا. للقيام بذلك ، ما عليك سوى الانتقال إلى الإعدادات> الوسائط . 333462 كما ترى من لقطة الشاشة ، يتم سرد جميع أحجام الصور القياسية هناك. يمكنك تخصيصها بسهولة عن طريق إدخال القياسات المفضلة لديك. 200624 بمجرد ضبط الافتراضي أحجام صور WordPress إلى أبعادك المفضلة ، انقر فوق حفظ التغييرات . في المستقبل ، سيتم تعديل جميع الصور التي تقوم بتحميلها على موقع الويب الخاص بك إلى الأبعاد الجديدة. هذا كل شيء! يمكنك الآن تغيير أحجام الصور في موقع WordPress الخاص بك. ولكن إذا كنت تريد مزيدًا من المعلومات حول هذا الأمر ، فراجع منشورنا الشامل حول كيفية إضافة أحجام صور مخصصة في WordPress. الخاتمة يعد تخصيص معرض منتجات WooCommerce أحد أفضل الطرق لجذب انتباه العملاء وتحويلهم إلى مشترين محتملين. لذلك ، إذا كنت بحاجة إلى تخصيص معرض المنتجات ، فيجب عليك القيام بذلك على الفور من أجل زيادة التحويل . للتلخيص ، يمكنك تخصيص معرض المنتجات في WooCommerce باستخدام طريقتين رئيسيتين: من WooCommerce Dashboard باستخدام البرنامج المساعد يمكنك استخدام مكون إضافي إذا كنت بحاجة إلى بعض التخصيص المتقدم لمطبخ المنتج لأن WooCommerce يقدم عددًا قليلاً من خيارات التخصيص الأساسية جدًا. بالنسبة لبعض الأشخاص ، قد تكون هذه الميزات كافية إذا كنت تبحث فقط عن إضافة أو إزالة المنتجات في معرض المنتجات. ومع ذلك ، كل ذلك يعود إلى تفضيلاتك وتحتاج حيث يمكن استخدام كلتا الطريقتين لتخصيص معرض المنتج. ولكن بالنسبة لنا ، يعد Product Slider لـ WooCommerce هو الأفضل عندما يتعلق الأمر بتخصيص معارض المنتجات باستخدام مكون إضافي نظرًا لأنه يحتوي على الكثير من الميزات المفيدة حتى في الإصدار المجاني. نأمل أن تتمكن من تخصيص معرض منتجات WooCommerce بسهولة. إذا وجدت هذا الدليل مفيدًا ، فإليك بعض المقالات الأخرى التي قد تكون ممتعة بالنسبة لك: كيفية تخصيص صفحة منتج WooCommerce أفضل الإضافات لتخصيص صفحة منتج WooCommerce كيفية تخصيص قالب صفحة منتج WooCommerce هذا كل شيء لهذا المقال! نأمل أن نكون قد ساعدناك في تخصيص معرض المنتجات في WooCommerce. إذا كانت هناك أي مشاكل ، فيرجى إخبارنا في قسم التعليقات. سنكون سعداء لمساعدتك.