~ 1 min read

كيف تصنع قائمة فرعية في شوبيفاي.

How to Make Submenu in Shopify

فهرس المحتويات

  1. مقدمة
  2. فوائد استخدام القوائم المنسدلة في Shopify
  3. كيفية إضافة قائمة منسدلة من القائمة الرئيسية: دليل خطوة بخطوة
  4. حل مشكلات شائعة عند إضافة قائمة منسدلة في متجر Shopify
  5. خاتمة
  6. قسم الأسئلة الشائعة

مقدمة

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

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

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

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

فوائد استخدام القوائم المنسدلة في Shopify

قبل أن نبدأ في جوانب "كيفية" إضافة القوائم المنسدلة، دعونا نتحدث عن سبب وجوب التفكير في إضافة القوائم المنسدلة إلى متجرك في Shopify.

1. تنقل منظم

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

2. تحسين تجربة المستخدم

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

3. تصميم موفر للمساحة

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

4. وصول سهل إلى صفحات متعددة

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

5. تعزيز إمكانية تحسين محركات البحث (SEO)

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

كيفية إضافة قائمة منسدلة من القائمة الرئيسية: دليل خطوة بخطوة

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

الطريقة 1: استخدام إدارة Shopify

  1. الوصول إلى إعدادات التنقل:

    • من إدارة Shopify الخاصة بك، انتقل إلى المتجر عبر الإنترنت > التنقل.
  2. اختيار القائمة الرئيسية:

    • انقر على اسم قائمتك الرئيسية (غالبًا ما تُسمى "القائمة الرئيسية").
  3. اختيار عنوان لقائمتك المنسدلة:

    • قرّر ما إذا كنت ترغب في استخدام عنصر قائمة موجود كعنوان لقائمتك المنسدلة أو إنشاء عنصر جديد. إذا كنت لا تريد أن يرتبط العنوان بأي مكان، يمكنك إدخال # في حقل "الرابط".
  4. إضافة عناصر القائمة:

    • انقر على إضافة عنصر قائمة.
    • في حقل الاسم، أدخل الاسم المطلوب لعنصر القائمة الفرعية (مثل "الوافدين الجدد").
    • في حقل الرابط، اختر الوجهة لهذا العنصر القائم (مثل مجموعة أو صفحة).
  5. إدراج عنصر القائمة:

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

    • بمجرد إضافة جميع العناصر المرغوبة، انقر على حفظ القائمة.

الطريقة 2: استخدام تطبيقات Shopify

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

  1. زيارة متجر تطبيقات Shopify:

    • ابحث عن تطبيقات القوائم التي تناسب احتياجاتك. ابحث عن ميزات مثل الفلترة اليدوية، التنظيم التلقائي للمجموعات، أو قدرات تحسين محركات البحث المحسنة.
  2. قم بتثبيت التطبيق وتكوينه:

    • اتبع التعليمات المقدمة من التطبيق لإعداد قوائمك وفقًا لمواصفاتك.
  3. اختبر الوظائف:

    • بعد التكوين، تحقق من كيفية ظهور القوائم على كل من عرض مكتب الكمبيوتر والهواتف المحمولة للتأكد من أنها تعمل بسلاسة.

حل مشكلات شائعة عند إضافة قائمة منسدلة في متجر Shopify

حتى مع عملية بسيطة، قد تواجه بعض المشكلات عند محاولة إعداد القوائم المنسدلة. إليك مشاكل شائعة وحلولها:

1. عدم ظهور القائمة المنسدلة

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

2. عدم عمل القائمة على الهواتف المحمولة

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

3. عنصر القائمة الرئيسية غير قابل للنقر

  • تعديل كود القالب: في بعض القوالب، قد يؤدي إضافة قائمة منسدلة إلى تعطيل وظيفة النقر على عنصر القائمة الرئيسية. قد تحتاج إلى تحرير ملف site-nav.liquid أو header.liquid لاستعادة إمكانية النقر.

4. عدم توسيع القائمة المنسدلة أو عرضها بشكل صحيح

  • تعارضات الأكواد: إذا كانت قائمتك المنسدلة لا تتوسع، تحقق من أي تخصيصات حديثة قد تتعارض مع كود القائمة. راجع ملف header.liquid للتأكد من أن كود القائمة سليم.

خاتمة

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

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

يمكن أن تساعدك خدمات تجربة المستخدم والتصميم من Praella في رفع مستوى تنقل متجرك، والتأكد من أن كل عنصر يعمل بتناغم لخلق تجربة تسوق لا تُنسى لعملائك.

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

قسم الأسئلة الشائعة

كيف أستطيع تصميم قائمتي الفرعية في Shopify؟
يمكنك تصميم قائمتك الفرعية في Shopify من خلال تعديل ملف CSS الخاص بالقالب. للقيام بذلك، انتقل إلى المتجر عبر الإنترنت > القوالب > تحرير الكود وافتح ملف CSS الخاص بالقالب (مثل theme.css). هنا، يمكنك إضافة CSS مخصص لضبط أحجام الخطوط، والمسافات، أو ألوان الخلفية.

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

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

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

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

من خلال تعزيز تنقل متجر Shopify الخاص بك بواسطة القوائم الفرعية الفعالة، لا تقوم فقط بتحسين تجربة المستخدم، ولكنك أيضًا تتماشى مع الممارسات الأفضل التي يمكن أن تعزز المبيعات واحتفاظ العملاء. نتمنى لك تجربة تصفح ممتعة!


Previous
كيفية جعل متجرك على الإنترنت في Shopify يعمل بشكل غير متصل
Next
كيفية إنشاء طلب اختبار على Shopify