الأخبار التكنولوجية والاستعراضات والنصائح!

كل ما تحتاج لمعرفته حول Shopify 2.0 (وماذا تفعل)

ستساعدك المقالة التالية: كل ما تحتاج لمعرفته حول Shopify 2.0 (وماذا تفعل)

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

نحن على وشك إخبارك عن Shopify 2.0 – بما في ذلك الجديد ، ولماذا هو جيد وما عليك القيام به للاستفادة من التحديث.

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

ما تم تناوله في هذا المنشور:

1. نظرة عامة موجزة على Shopify Store

المصدر: تقديم Online Store 2.0: ماذا يعني للمطورين

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

إذا كانت هذه هي الحالة ، فقد تكون مهتمًا بقراءة مقالتنا ، “Shopify vs WooCommerce – وهو الأفضل بالنسبة لك”.

كانت هناك 457 مليون مشتر على Shopify في 2020 – ارتفاعًا من 218 مليون في 2018 (المصدر: Shopify).

هنا في Exposure Ninja ، نحب العمل مع Shopify. إنه مناسب لك إذا كنت تعمل في مجال التجارة الإلكترونية وتبحث عن متجر عبر الإنترنت يسهل استخدامه مع الكثير من الدعم.

تسمح لك ميزاته الرائعة بتتبع المبيعات وإنشاء تقارير الإيرادات وإنشاء أوامر الشراء.

تم تحميل متجر Shopify الأصلي بـ 70 سمة مخصصة للتوصيل والتشغيل ، مما يسهل على أي شخص إعداد متجره على الإنترنت في أقل من 15 دقيقة.

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

2. ما هو Shopify 2.0 ، وما هي الميزات الجديدة؟

Shopify المتجر الإلكتروني 2.0 هو تحديث رئيسي لمنصة Shopify عبر الإنترنت.

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

مع نظرة واحدة على تجربة المستخدم ، Shopify لم ينس العديد من المستخدمين الذين يستخدمون النظام الأساسي ، وذلك بفضل سهولة استخدامه. ويؤكدون لنا أن التغييرات “أسهل وأكثر مرونة”.

إذن ما هي الميزات الرئيسية الجديدة؟

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

يتضمن التحديث سمة مرجعية جديدة تسمى “فَجر“هذا أسرع بنسبة 35٪ من السمة الافتراضية السابقة ، لاول مرة. متجر Shopify على الإنترنت 2.0 مفتوح أيضًا لتقديم الموضوعات من المطورين وقد حسّن خيارات التخصيص والدعم.

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

لا استعن بوكالة تصميم مواقع ويب حتى تقرأ هذا الكتاب الإلكتروني

3. ما هو موضوع العمارة الجديد؟

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

Shopify المتجر الإلكتروني 2.0 لديه محرر موضوع محدث ، وهو خبر سار لسببين:

  1. من السهل على غير المطورين تخصيص جميع الصفحات
  2. يسهل على المطورين إنشاء سمات مخصصة وبناء عمليات تكامل.

تمت إضافة سبع ميزات جديدة إلى المتجر الإلكتروني 2.0. هنا سننظر في كل واحدة بمزيد من التفصيل.

تحتوي قوالب الصفحة الآن على أقسام

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

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

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

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

كيف يعملون؟

  • يمكن الآن عرض كل صفحة باستخدام ملفات نموذج JSON
  • يمكنك إعداد ملفات قوالب متعددة يتم تعيينها لمنتجات مختلفة
  • يمكن أن يكون لدى التجار صفحات منتجات مختلفة وصفحات تجميع وصفحات أخرى في نفس المتجر
  • يمكن للتجار تحديد الأقسام والترتيب الذي يجب أن تظهر به الأقسام افتراضيًا عند تثبيت السمة
  • يمكن الآن إضافة أقسام ديناميكية إلى الصفحة الرئيسية.

ملحقات تطبيقات السمات مع كتل التطبيق

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

باستخدام المتجر الإلكتروني 2.0 ، يتيح امتداد التطبيق السمة للمطورين إضافة ميزات وإضافات. بفضل هذا ، يمكنك الآن إضافة وظائف إضافية إلى متاجر Shopify الخاصة بك.

نمطية التطبيق المدمج

تسمح كتل التطبيقات للمطورين بإنشاء مكونات لإضافتها إلى محرر السمات دون تشفير التكامل.

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

التغييرات في metafields

metafield هي المساحة المخصصة لك لإضافة بيانات إعلامية حول أصل معين داخل موقع الويب الخاص بك. قد تكون هذه صورة أو قائمة أو مخططًا أو قابلة للتنزيل.

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

تمت إعادة صياغة Metafields من الألف إلى الياء لتكون أكثر مرونة وبديهية. الآن ، يمكنك إنشاء حقول مخصصة لتناسب احتياجاتك في دقائق باستخدام نظام النوع المتقدم 2.0 لمتجر عبر الإنترنت. تم تقديم metafields القياسية بحيث يعمل كل موضوع خارج الصندوق في المتاجر عبر قطاعات السوق المختلفة – لا حاجة إلى مزيد من الترميز أو تثبيت البرنامج المساعد.

منتقي الملفات

يجعل منتقي ملف metafield تحميل واختيار الوسائط على صفحات المنتج أمرًا سهلاً. جميع صورك المحفوظة في قسم الإعدادات / الملفات متاحة على الفور للاستخدام مع هذه الميزة الجديدة.

تعمل Metafields مع العديد من مصادر الوسائط ، مثل الصور أو ملفات PDF.

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

ملف API

يوفر تحديث المتجر الإلكتروني 2.0 لـ File API للتجار وظائف جديدة وواجهة مبسطة لتحميل الملفات.

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

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

إعدادات إدخال السائل

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

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

4. ما الذي يحتاج المطورون إلى معرفته؟

إذا كنت تاجرًا وتتطلع فقط إلى معرفة الأسباب الأساسية التي تدفعك إلى التبديل إلى Shopify 2.0 ، فيجب أن يكون محرر السمات المحدث سببًا كافيًا.

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

تكامل جيثب

يتيح تكامل Shopify GitHub للمطورين الاتصال بسهولة بحساب مستخدم GitHub الخاص بهم ببضع نقرات فقط.

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

Shopify أداة CLI

في السابق ، ربما استخدم المطورون CLI لإنشاء تطبيقات Node.js و Ruby on Rails وإضافات التطبيقات. يتيح لهم Shopify online store 2.0 استخدام CLI لتحديث سمات التطوير.

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

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

فحص الموضوع

من بين أدوات المطورين الجديدة ، Theme Check – خادم لغة يتكامل مع محرر نصوص لتحديد المشكلات داخل الكود لتطوير سمة جديدة فعالة.

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

فَجر

المصدر: تقديم Online Store 2.0: ماذا يعني للمطورين

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

يحتوي Dawn بالفعل على قوالب JSON لجميع صفحاته ، لذا يمكن استخدامه كنموذج عند فتح أقسام داخل قالب جديد.

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

5. كيفية إعداد متجرك على Shopify 2.0

إنشاء متجر على Shopify 2.0 هو نفس الإصدار السابق من Shopify. إنها عملية سريعة وسهلة ، ولكن قبل أن تبدأ ، كان يجب أن تفكر فيما يلي:

  • ما هو اسم عملك؟ سيُطلب منك اسم متجرك على الفور ، ومن المستحيل تغيير ذلك ، لذا تأكد من اختيارك بعناية. ومع ذلك ، ستتمكن من تغيير هذا إلى المجال المختار لاحقًا.
  • ألوان العلامة التجارية والخطوط والشعار. ستحدد سمة من Shopify متجر السمات ، ولكن من المحتمل أن ترغب في استبدال مكونات سمة معينة بعلامتك التجارية.
  • صور وأوصاف المنتجات التي تريد بيعها ، بما في ذلك UPCs والمتغيرات وتفاصيل الشحن وبالطبع الأسعار.
  • كيف تريد أن يقوم المستخدمون بالدفع.
    • يتيح Shopify معظم الخيارات ، بما في ذلك Paypal و Visa و Mastercard و AMEX ، Apple Payو Amazon الدفع و Google Pay.
  • هيكل الموقع الصفحات التي ترغب في تضمينها والنسخة التي تريدها. ستحتاج إلى معرفة ذلك عندما تأتي لإعداد التنقل وصفحاتك الجديدة.
  • عناصر إضافية مثل البيانات الوصفية وعناصر تحسين محركات البحث التي ترغب في تضمينها في صفحاتك.

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

ماذا يجب أن تفعل إذا تم إنشاء متجرك على Shopify 1.0؟

إذا كان لديك بالفعل متجر Shopify عبر الإنترنت وترغب في الترقية إلى Shopify 2.0 ، فهناك ثلاث طرق متاحة:

قم بزيارة متجر Shopify ثيمات وقم بتنزيل أحد ثيمات Shopify الجديدة.

تحقق مما إذا كان المظهر الحالي الخاص بك يقدم إصدارًا محدثًا باستخدام المتجر عبر الإنترنت 2.0.

قم بترحيل قوالب النسق الحالية إلى البنية الجديدة.

1. قم بتنزيل موضوع جديد

  1. قم بزيارة متجر Shopify للموضوعات.
  2. تصفية حسب “موضوع العمارة”.
  3. حدد “Online Store 2.0”.
  4. اختر المظهر المفضل لديك واضغط على “تجربة المظهر”.
  5. ما عليك سوى الدفع إذا قمت بنشر السمة على موقع Shopify الخاص بك.

2. قم بتحديث المظهر الحالي الخاص بك

  1. قم بزيارة Shopify theme store وقم بالتصفية حسب “Online Store 2.0” على النحو الوارد أعلاه. إذا كان المظهر الخاص بك متاحًا للترقية ، فيجب أن تراه هناك.
  2. بدلاً من ذلك ، يجب أن يكون لديك إشعار في Shopify Admin (أدناه حيث يوضح الموضوع الخاص بك).
  3. انقر فوق الإشعار و “إضافة إلى مكتبة السمات”.
  4. يتم نسخ أي تخصيصات تم إجراؤها على السمة الخاصة بك باستخدام محرر السمات وتطبيقها على السمة المحدثة. وتشمل هذه:
  5. تعديل إعدادات الموضوع
  6. تخطيطات الصفحة المعدلة ، مثل إضافة أقسام أو كتل أو إعادة ترتيبها أو إزالتها أو إخفائها
  7. قوالب جديدة
  8. تمت إضافة أو إزالة أو تعديل الإعدادات لتضمينات التطبيق أو ملحقات التطبيق.

3. ترحيل قالب السمة الخاص بك

هذه عملية طويلة ولن نوصي بها إلا إذا كنت مطورًا.

  1. استخدم أداة Shopify CLI أو محرر الكود. قد تحتاج إلى تثبيت CLI.
  2. تأكد من تسجيل الدخول كمتعاون أو “موظف” للحساب الذي تريد العمل عليه.
  3. قم بعمل نسخة من الموضوع الخاص بك.
  4. قم بتحويل رمز المظهر الحالي من إعداد إدخال سائل إلى نموذج JSON.
  5. انقل أي كود سائل أو HTML إلى أقسام لاستخدامها في نموذج JSON الجديد.
  6. يمكنك قراءة العملية الكاملة هنا على Shopify.dev.

هل يجب عليك ترقية متجر Shopify الخاص بك إلى 2.0؟

الجواب المختصر لهذا هو لا.

Shopify لا يزال يوفر الكثير من السمات المتوافقة مع الإصدار الأصلي.

ومع ذلك ، إذا كنت مالك متجر وتبحث عن تخصيص مضاف وقوالب صفحات جديدة وصفحات مخصصة ، فقد يكون التبديل إلى 2.0 خيارًا جيدًا لك.

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

Shopify صاحب العمل؟ قد تستمتع بقراءة مدونتنا حول كيفية إنشاء استراتيجية تسويق Shopify رابحة.

ماذا تقرأ بعد ذلك