طريقة تصميم متجر إلكتروني بشاشة التصميم

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

قبل أن تبدأ

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

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

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

افتح تصميم المتجر في لوحة التحكم واضغط تصميم. تفتح شاشة التصميم بالحجم الكامل وتسألك عما تريد تصميمه. لكل صفحة مسوداتها، فتعمل على صفحة واحدة في كل مرة.

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

   

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

   

اضبط الألوان والخطوط أولًا

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

1. افتح المظهر وراجع كل نظام، وغيّر لونًا وراقب تحديث المعاينة.

   

أكمل بـالخطوط والزوايا والأزرار. الزوايا المستديرة تعطي إحساسًا وديًا، والحادة إحساسًا رسميًا. اختر واحدة والتزم بها.

ابنِ صفحتك الرئيسية بالأقسام

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

1. اضغط إضافة قسم واختر النوع، مثل الواجهة الرئيسية أو المنتجات أو الأقسام أو العرض محدود المدة.

   

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

   

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

صمّم الهيدر وصفحة المنتج والسلة

هذه الصفحات تظهر في كل زيارة، فهي مهمة بقدر الصفحة الرئيسية.

1. في الهيدر اختر أحد الأشكال، وفعّل هيدر ثابت وشريط تبويب للجوال إذا كان أغلب عملائك يستخدمون الجوال.

   

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

   

3. في السلة اختر شكل الشاشة الجانبية لسلة التسوق وصفحة السلة، ومكان ملخص الطلب.

   

راجع المعاينة ثم انشر

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

اكتب نصوصًا تبيع

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

حافظ على تجدد متجرك

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

أخطاء شائعة

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

مهام مرتبطة

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