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

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

قبل أن تبدأ

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

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

1. افتح لوحة التحكم واذهب إلى تصميم المتجر، ثم افتح شاشة التصميم واختر صفحة المنتجات.

   

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

   

3. تحت التخطيط حدد عدد البطاقات في الصف للموبايل والتابلت والكمبيوتر. بطاقتان في الموبايل وثلاث في التابلت وأربع أو خمس في الكمبيوتر تناسب أغلب المتاجر.

   

4. افتح أحد الأقسام في متجرك لترى التصميم نفسه هناك، ثم اضغط نشر عندما تكون راضيًا.

   

اختيار شكل البطاقة

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

الفلاتر وعدد البطاقات

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

صفحات الأقسام

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

المسودة والنشر

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

أخطاء شائعة

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

أمثلة ناجحة

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

نصائح لبطاقات أفضل

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

شروحات مرتبطة

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