أفضل تصميمات واجهة محل BigCommerce التي تنقل عملك عبر الإنترنت إلى المستوى التالي (2023)

مقدمة

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

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

هل أنت جاهز لإنشاء متجر BigCommerce لكن تشعر بالحمل الزائد؟

في القسم التالي ، ستجد إرشادات مفصلة حول كيفية القيام بهذه الأشياء بشكل صحيح في مقالة فقط. ماذا بعد؟ LitExtension - رقم 1 ينشئ خبير ترحيل عربة التسوق العالمية أيضًا قائمة بأفضل 3 تصاميم مفضلة لواجهة متجر BigCommerce بحيث يمكنك استخدامها لفكرتك الكبيرة التالية!

استخدم هذه النصائح ، وسيحقق متجر BigCommerce الخاص بك نجاحًا ساحقًا!

حسنًا ، دعنا نقرأ كل قسم (الذي نوصي به دائمًا) ، أو ننتقل مباشرة إلى المتجر الذي يثير اهتمامك أكثر:

• ما هو BigCommerce؟
• كيفية إنشاء تصميم واجهة متجر BigCommerce في 6 خطوات بسيطة؟
• أفضل أمثلة تصميم واجهة محل BigCommerce

ما هو BigCommerce؟

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

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

علاوة على ذلك ، لا تتقاضى BigCommerce أي رسوم معاملات على كل عملية شراء . لذلك ، يمكنها تحسين مبيعاتك وزيادة أرباحك .

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

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

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

بمعنى آخر ، لا يهم ما تحاول بيعه أو كيف تخطط لبيعه ؛ BigCommerce سوف يبسط العملية.

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

BigCommerce Storefront Design: دليل خطوة بخطوة

دعنا نتعلم كيفية تخصيص تصميم BigCommerce بمزيد من التفاصيل.

# 1. إطلاق BigCommerce Page Builder

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

قبل الإطلاق ، تذكر حفظ نسخة من إعدادات السمة الخاصة بك إذا كان لديك سمة بالفعل.

للوصول إلى Page Builder ، انتقل إلى Storefront> Themes . يوجد زر " تخصيص " مميز في صفحة السمات.

عند الوصول إلى واجهة المتجر في الواجهة الخلفية ، يمكنك الوصول إلى هذه الوظيفة من خلال النقر على الجزء العلوي الأيمن الذي يقرأ "تصميم هذه الصفحة في Page Builder".

بعد ذلك ، ستنشر واجهة Page Builder!

• تظهر صفحة رئيسية على اليمين عند تنشيط Page Builder
• يتم عرض بعض خيارات التكوين على اليسار.
• تتيح لك الخيارات المثبتة في الأعلى تبديل نوع شاشة المعاينة ، وحفظ التغييرات والتراجع عنها ، وحتى نشر المظهر الخاص بك.

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

# 2. تحرير نمط النسق

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

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

إذا كنت في حيرة من أمرك فيما يتعلق بكيفية تحرير السمة ، ففكر في النصيحة التالية:

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

# 3. إضافة الحاجيات

يمكن إضافة النصوص والصور واللافتات ومقاطع الفيديو والأزرار أو "الأدوات" بشكل عام بسرعة في غضون دقائق باستخدام Page Builder.

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

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

# 4. تخصيص favicon والشعار والراية

فافيكون وشعار

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

لتخصيص BigCommerce favicon ، حدد " تحميل صورة مخصصة " لاستخدامها كشعارك ، ثم انقر فوق " تحديد صورة من جهاز الكمبيوتر الخاص بك " أو اسحب صورة في المربع لتحميل شعار.

باستخدام نفس الإجراء ، يمكنك أيضًا تعديل متجرك في قسم الشعار (واجهة المتجر> الشعار).

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

لافتة

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

لتخصيص لافتة ، يجب عليك:

1. انتقل إلى Marketing> Banners> Make a Banner .
2. امنح شعارك اسمًا (لن يرى أي شخص خارج شركتك هذا على الإطلاق ، لذلك لا تتردد في تسميته حسب رغبتك).
3. بعد ذلك ، املأ نص الشعار الخاص بك.
4. حدد الصفحة التي تريد عرض الشعار عليها. لا يجوز وضع اللافتات إلا على صفحة واحدة في كل مرة. ومع ذلك ، إذا كنت ترغب في استخدام نفس الشعار على العديد من الصفحات ، فيمكنك تكرارها.
5. يمكنك بعد ذلك اختيار ما إذا كنت تريد عرض اللافتة أم لا. قم بإزالة علامة الاختيار من هذا المربع إذا كنت تريد حفظ الشعار كمسودة.
6. أخيرًا ، احفظ الملف الذي تم تحريره.

# 5. استخدم رفًا دائريًا لتصميم واجهة متجر BigCommerce الخاص بك

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

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

إليك كيفية إضافة الصور إلى Carousel إلى تصميم واجهة متجر BigCommerce:

1. قم بالوصول إلى قسم الرف الدائري بالانتقال إلى واجهة المتجر> مكتبة الصفحة الرئيسية .
2. حدد صورة مصغرة للشريحة بدون أي محتوى. بمجرد اختيار صورة لتحميلها ، ستتحول المعاينة إلى إشعار يطلب منك القيام بذلك.
3. بعد ذلك ، انتقل إلى الموقع الذي تم تخزين الصور فيه ، واسحب الصورة وأفلتها في نافذة معاينة Carousel . (بدلاً من ذلك ، يمكنك اختيار صورة من جهاز الكمبيوتر الخاص بك عن طريق النقر فوق الزر "اختيار ملف" ).
4. انشر الملف المعدل.

# 6. تحرير صفحات المحتوى

يمكنك تعديل محتوى صفحات الويب الخاصة بك باستخدام محرر السحب والإفلات المريح الخاص بنا. لإجراء تغييرات على محتوى صفحتك ، انقر على النقاط الثلاث بالصفحة ، ثم انقر على " تعديل ".

ستكون هناك مجموعة من التخطيطات المعدة مسبقًا على الجانب الأيمن والتي يمكنك سحبها إلى المستند الخاص بك.

من هناك ، يمكنك الاختيار من بين مجموعة متنوعة من الوظائف التي ستجعل تصميم واجهة متجر BigCommerce فريدًا ، على سبيل المثال:

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

أفضل تصميم لواجهة متجر BigCommerce لإلهامك

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

# 1. حلوى جمجمة

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

موقع Skullcandy هو أحد أفضل متاجر BigCommerce بفضل أصالته ونظام ألوانه الجذاب وتصميمه المصقول.

في الواقع ، من غير المألوف أن لا يتوفر لدى موقع الويب إمكانية التنقل على الإطلاق ، وهذا أحد أسباب تألق موقع الويب هذا!

فيما يلي بعض الميزات الملحوظة:

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

# 2. باندورا

في عام 2000 ، بدأت Pandora لأول مرة في إنشاء سحرها الأيقوني الآن. كل سحر مصنوع يدويًا لاستكمال الأنماط الفردية ويقدره أصحابها بدقة.

على هذا النحو ، عند إنشاء موقع ويب ، تنقل Pandora أيضًا هذه المشاعر:

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

# 3. بن وجيري

اشتهر مطعم Ben & Jerry's بنكهات الآيس كريم المبتكرة ، بناءً على مزيج من المكونات اللذيذة والحلوة. من المحتمل أن يكون معجبو الحلويات المجمدة على دراية بأصناف Ben & Jerry ، لكن هل تعلم أنهم مهووسون أيضًا بمتجر التجارة على الويب؟

تتضمن بعض الميزات البارزة للموقع ما يلي:

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

BigCommerce Storefront Design - أسئلة وأجوبة

الكلمات الأخيرة

يسلط هذا المقال الضوء على عملية بسيطة لتغيير تصميم واجهة متجر BigCommerce ، جنبًا إلى جنب مع أفضل متاجر BigCommerce.

نأمل أن تتمكن من التعلم من هذه المواقع واستخدامها لمتجر BigCommerce الخاص بك لزيادة المبيعات وحركة المرور.

هل ترغب في الحصول على مزيد من الأفكار حول بناء متاجر التجارة الإلكترونية؟ انضم إلى مجتمع التجارة الإلكترونية المزدهر وتعلم من خبرة الآلاف من أصحاب الأعمال الآخرين.