PWAs و Magento: إنشاء تجارب تسوق من الجيل التالي على الأجهزة المحمولة

هذا منشور ضيف بواسطة Viesturs Abelis ، قائد المحتوى في Scandiweb.

تطبيقات الويب التقدمية. يتحدث الجميع عنهم ، وحتى إذا لم تكن متأكدًا مما هم عليه بالضبط ، فمن المحتمل أنك تستخدم التكنولوجيا بالفعل. نجح Twitter و Starbucks و AliExpress وعدد لا يحصى من الآخرين في تنفيذ PWAs ، والتي يستخدمها ملايين الأشخاص كل يوم.

وقد ظهرت النتائج. شهد Twitter زيادة بنسبة 65٪ في الصفحات لكل جلسة ، وزيادة بنسبة 75٪ في التغريدات المرسلة ، وانخفاض بنسبة 20٪ في معدل الارتداد. ضاعف AliExpress عدد الصفحات التي تمت زيارتها في كل جلسة وشهد زيادة بنسبة 104٪ في معدلات التحويل. جمعت Google مجموعة مذهلة من قصص نجاح PWA.

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

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

ما هو تطبيق الويب التقدمي؟

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

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

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

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

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

PWAs: الضجيج أم المستقبل؟

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

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

تؤثر PWAs بشكل إيجابي تقريبًا على كل KPI للتسويق

أثبتت دراسات الحالة الواقعية قدرة PWAs على التأثير بشكل إيجابي على كل مؤشر أداء تسويقي تقريبًا - الأداء والمشاركة والوقت الذي يقضيه في الموقع والعملاء المحتملون الذين تم إنشاؤهم وإعادة التفاعل والتحويلات والمزيد.

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

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

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

والآن يمكن للتجار في جميع أنحاء العالم أن يفعلوا الشيء نفسه لعملائهم الحاليين والمستقبليين ، حيث يجري اعتماد PWA في جميع أنحاء العالم.

ترحب Magento بـ PWAs بأذرع مفتوحة

كان Magento عينه على PWAs لفترة من الوقت. عند تقديم PWA studio مرة أخرى في سبتمبر 2017 ، شهد أخيرًا الضوء في يناير 2019 ، وبحلول الوقت الذي تم فيه طرح Magento Imagine 2019 في مايو ، كانت PWAs في أذهان الجميع وبالتأكيد الموضوع الساخن للمؤتمر.

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

ومع ذلك ، يتم تطوير واجهات متاجر PWA في هذه اللحظة بالذات لعدد كبير من تجار Magento. تستثمر Magento بكثافة في PWAs وكذلك بقية العالم.

بالنسبة لتجار Magento ، لا يتعلق الأمر بما سيحدث مع PWA؟ PWA هنا. السؤال هو - كيف تبدأ؟

3 حلول PWA لـ Magento

Magento هي واحدة من أقوى حلول التجارة الإلكترونية في السوق - فهي تشغل 12٪ من جميع متاجر التجارة الإلكترونية على الإنترنت ويستمر التبني في النمو عامًا بعد عام. مع هذه الحصة السوقية ، يمكن أن يساعد التحول إلى منصة PWA على Magento في إعادة تعريف الإنترنت بشكل أساسي وهم يفعلون ذلك تمامًا ، من خلال التأكد من أن أي تاجر مهتم بالحصول على PWA لمتجره يمكنه القيام بذلك.

إذا كنت تبحث عن PWA لمتجر Magento الخاص بك ، فهناك العديد من الخيارات المتاحة لك. هنا ثلاثة تستحق اهتمامك.

ستوديو ماجنتو PWA

Magento PWA Studio هو رد Magento للجنون الجديد وهو يعمل منذ بضع سنوات. تم إصداره مع Magento 2.3 ، وهو عبارة عن مجموعة من أدوات المطورين لبناء واجهات PWA الأمامية لـ Magento. من خلال تمكين مطوريك بكل ما يلزم للتطوير والنشر والصيانة ، واستكماله بوثائق غنية ، من المرجح أن يصبح Magento PWA studio أداة الانتقال لتجار Magento الذين يتطلعون إلى نقل متجرهم إلى المستقبل.

ألق نظرة على هذا المتجر التجريبي (ملاحظة: يرجى القيام بذلك على جهاز محمول) ، الذي طوره Inchoo باستخدام أدوات Magento PWA studio لإظهار ما يمكن تحقيقه.

سكانديبوا

على عكس Magento PWA Studio ، فإن ScandiPWA (تم تطويره بواسطة Scandiweb) هو موضوع مفتوح المصدر من الدرجة الأولى من Magento ، بدلاً من مجموعة من الأدوات أو واجهة المتجر. هذا يعني أنه قابل للتثبيت مباشرة على متجر Magento 2.3 الخاص بك دون أي تغييرات في البنية التحتية ويمكن توسيعه ليلائم احتياجاتك ، بطريقة مألوفة لأي مطور Magento. حظي موضوع ScandiPWA الجاهز للاستخدام ، الذي أشاد به المجتمع كثيرًا ، بالكثير من الاهتمام لكونه خاليًا من المتاعب وحلًا رائعًا لأولئك الذين يبحثون عن حل PWA جاهز عالي الأداء.

استكشف متجر ScandiPWA التجريبي (ملاحظة: يرجى القيام بذلك على جهاز محمول) أو مستودع GitHub.

Vue Storefront

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

استكشف متجر Vue Storefront التجريبي (ملاحظة: يرجى القيام بذلك على جهاز محمول) أو GitHub repo المزدهر.

فوائد حلول Magento-First PWA

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

فيما يلي ثلاثة أمثلة على كيفية قيام حل Magento-first PWA الذي يعمل ScandiPWA على تعزيز مكدس Magento لتقديم تجربة PWA مذهلة.

لا وسيط

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

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

تأتي البرامج الوسيطة مع نصيبها العادل من المزايا لحلول PWA أكثر عالمية مثل Vue Storefront ، حيث تسمح بربط حل واحد قوي بمنصات متعددة ، ومع ذلك ، فإن الجانب السلبي هو أنها تتطلب تكيفًا واسعًا ، وفي كثير من الأحيان ، إعادة اختراع العجلة ، لذلك ليتحدث. تتغلب حلول Magento-first على هذا من خلال الاستفادة من ميزات Magento المتاحة بسهولة مما يؤدي إلى توفير تكاليف التطوير لعملك.

الإلمام بـ Magento وتوفير الوقت

من الفوائد المهمة لحلول Magento-first PWA هي الإلمام. سيؤدي الاستخدام المستمر لبيئة مألوفة للمطورين لديك إلى تسهيل التبني لهم ولكم ، مما يؤدي إلى تبسيط عملية التطوير.

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

ومن ثم ، فإن التجار الذين يختارون حل Magento-first PWA يمكن أن يتوقعوا تكاليف أقل وأن يكونوا أكثر إلمامًا بما يحدث.

ترحيل سهل ومنخفض التكلفة

ScandiPWA هو موضوع جاهز للاستخدام لـ Magento. يجلب أي حل Magento-first مزايا مهمة عندما يتعلق الأمر بالتنفيذ. بدلاً من الاضطرار إلى إعادة العمل بالكامل وإعادة إنشاء الواجهة الأمامية الخاصة بك من الألف إلى الياء ، يتيح لك حل Magento للتوصيل والتشغيل الاستفادة من مزايا PWAs دون المخاطرة بتعريض عملك للخطر.

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

استنتاج

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

بالنسبة لتجار Magento الذين يتطلعون إلى الحصول على قدم في الباب في أقرب وقت ممكن ، هناك العديد من الخيارات - تطوير حل خاص بهم باستخدام استوديو Magento PWA ، واختيار حل PWA لا يعتمد على النظام الأساسي مثل Vue Storefront ، أو استخدام Magento-first موضوع مثل ScandiPWA. الطريقة الأسهل والأكثر فعالية من حيث التكلفة للبدء هي الطريقة الأخيرة ، لأنها تمكن عملك من الاستفادة من مجموعة كاملة من مزايا PWA دون الابتعاد كثيرًا عن معرفة Magento.

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