لماذا تطوير PWA لمتجر Magento eCommerce الخاص بك؟

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

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

احصائيات حول PWA

زاد Starbucks PWA من المستخدمين النشطين يوميًا 2 ×. الطلبات على سطح المكتب هي نفس معدل الطلبات على الأجهزة المحمولة تقريبًا.

شهدت ماركة الملابس البريطانية جورج زيادة بنسبة 31٪ في التحويل ، ومعدل ارتداد أقل بمقدار 2 × ، وزيادة بنسبة 20٪ في مشاهدات الصفحة بعد الترقية إلى PWA. كان PWA أسرع 3.8 مرة من الموقع السابق.

ما هو PWA؟

تطبيق الويب التدريجي هو تطبيق JavaScript يتم تشغيله على متصفح الويب للجوال. بكلمات سهلة ، PWAs هي تطبيقات ويب أو صفحة ويب توفر مظهر تطبيق جوال عام أثناء التشغيل على مستعرض ويب. توفر ميزات JS المتقدمة المستخدمة في إنشاء PWAs صفحات ويب فائقة السرعة إلى جانب تجربة مستخدم محسنة ومشاركة أفضل للزوار ومعدلات تحويل عالية. تسد PWAs الفجوة بين صفحات الويب وتطبيقات الأجهزة المحمولة الأصلية. يمكنك حفظ تطبيقات الويب التقدمية على أجهزة سطح المكتب مثل تطبيق Android أو iOS الأصلي. واجهات PWA مع الواجهة الخلفية من خلال API. تم إنشاء الواجهة الخلفية من قاعدة بيانات ، و FTP ، و Admin Panel ، و Cpanel ، وكتالوج ، بينما تتكون الواجهة الأمامية غير المزدوجة من كل ما يراه العميل ويتفاعل معه.

تقوم الواجهة الأمامية لـ PWA بجلب البيانات مثل تفاصيل المنتج من الخادم وإرسال البيانات مثل عناصر سلة التسوق إلى الخادم من خلال واجهات برمجة التطبيقات.

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

التقنيات الشائعة المستخدمة في تطوير تطبيقات الويب التقدمية هي:

عمال الخدمة

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

ذاكرة التخزين المؤقت API

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

إشعارات الدفع عبر الويب

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

بيان تطبيق الويب

Web App Manifest هو ملف JSON يخبر متصفح الجوال عن PWA وكيف يجب أن يستجيب عند تثبيته على سطح المكتب أو الجهاز المحمول للمستخدم.

لماذا تطوير PWA لمتجر Magento eCommerce الخاص بك؟

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

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

فيما يلي بعض الفوائد المزدهرة لتطوير PWAs لتطبيق Magento الخاص بك:

الاستفادة من التجارة الإلكترونية

الآن يفضل الناس استخدام الأجهزة المحمولة للتسوق المنتظم. في الواقع ، وفقًا للتقارير ، تتم 28٪ من التجارة الإلكترونية باستخدام الهاتف المحمول في عام 2019 ، ويستخدم 1.6 مليار شخص أجهزتهم المحمولة للتسوق على مستوى العالم. أدى هذا التفضيل للتسوق عبر الهاتف المحمول إلى ظهور التجارة عبر الهاتف المحمول أو التجارة عبر الهاتف المحمول. ومع ذلك ، لا تستطيع كل شركة تطوير تطبيقات الهاتف المحمول بعد تطوير متجر التجارة الإلكترونية. هذا هو المكان الذي تكون فيه تطبيقات PWA مفيدة. تقدم تطبيقات PWA حلاً موثوقًا به من حيث التكلفة للحصول على تطبيق جوال لموقع التجارة الإلكترونية الخاص بك وتوفير مبلغ كبير في تطوير التطبيقات وصيانتها والتكاليف الأخرى.

لا توجد مشكلات تتعلق بتقييد الجهاز والتثبيت السريع

تمت كتابة جميع PWAs بلغة HTML و CSS و JS ، أي أنه يحتوي على اتصال ويب. وبالتالي ، يمكن للمستخدمين الوصول إلى PWA على متصفحات الويب الخاصة بهم. تدعم جميع متصفحات الويب الرئيسية مثل Google Chrome و Mozilla Firefox و Safari PWAs.

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

اقرأ أيضًا: Magento 2 PWA - دليل تثبيت تطبيقات الويب التقدمي

أداء أفضل

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

معدلات تحويل أعلى

تدفق المستخدم العام للتسوق عبر تطبيق Android هو: -

افتح Google PlayStore-> تطبيق البحث-> انقر فوق تثبيت-> قبول الأذونات-> تنزيل وانتظر-> استخدام

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

توفير وضع غير متصل بالشبكة

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

صديقة للسيو للغاية

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

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

ودية الإيرادات

أخيرًا وليس آخرًا ، توفر PWAs الكثير من المال ، والذي يتعين عليك إنفاقه في التطبيقات الأصلية أو عبر الأنظمة الأساسية. تبلغ الرسوم التي تدفع لمرة واحدة على متجر Google Play لتحميل التطبيق 25 دولارًا. رسوم المعاملة ، سواء لبيع التطبيق أو القيام بالدفع داخل التطبيق من خلال منصة Google Play ، لها رسوم معاملة تبلغ 30٪.

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

العلامات التجارية التي استفادت من PWAs

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

تويتر

يستخدم Twitter تقنية PWA لمنصة Twitter Lite الخاصة به. في أبريل 2017 ، أصبحت تجربة الويب الافتراضية للهاتف المحمول لأي شخص يقوم بتسجيل الدخول إلى Twitter ، أي ما يعادل 100 مليون يوميًا. يزيد من تفاعل المستخدم ويقلل من استهلاك البيانات.

• 65٪ زيادة في عدد الصفحات في الجلسة
• 75٪ زيادة في التغريدات المرسلة
• 20٪ انخفاض في معدل الارتداد

اوبر

يتيح لك تطبيق Uber's PWA حجز سيارة أجرة دون تنزيل تطبيق أوبر وتثبيته. تستخدم Uber تقنية PWA حيث يمكن تحميلها في أقل من ثانيتين ، الأمر الذي سيتساءل عن تصنيفات Google.

فليبكارت

في عام 2015 ، تبنت فليبكارت إستراتيجية الهاتف المحمول فقط. لاحظت الشركة نتائج سلبية بعد إغلاق موقعها للجوّال والتركيز فقط على تطبيقات الأجهزة المحمولة الخاصة بها. بعد اعتماد PWA ، ضاعفت Flipkart الوقت المستغرق في الموقع ثلاث مرات. يقضي المستخدمون الآن في المتوسط ​​3.5 دقيقة على Flipkart Lite مقابل 70 ثانية في الإصدار السابق. أيضًا ، هناك معدل إعادة مشاركة أعلى بنسبة 40٪ ومعدل تحويل أعلى بنسبة 70٪.

علي بابا

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

فوربس

واحدة من أكثر شركات الإعلام العالمية أصالة ، Forbes ، قامت أيضًا بتوظيف PWA لميزاتها سريعة التحميل وسريعة التحميل. تستغرق تجربة متصفح الهاتف المحمول التقليدية الخاصة بهم ما بين 3 و 12 ثانية للتحميل في المتوسط. الآن ، مع تثبيت تقنية PWA ، أصبحت 0.8 ثانية.

واشنطن بوست

نعم ، لقد سمعتها بشكل صحيح. كما اختارت إحدى الصحف الأمريكية الرائدة PWA. ما يقرب من 55 ٪ من حركة المرور تأتي من الأجهزة المحمولة. يسمح PWA بنشر أكثر من 1000 مقال في اليوم ، بمتوسط ​​وقت تحميل يبلغ 400 مللي ثانية. هناك أيضًا زيادة بنسبة 63٪ في مستخدمي بحث الجوال الذين عادوا في غضون 7 أيام.

لذلك ، في الختام ، يمكننا القول أن تطبيق الويب التقدمي لمتجر Magento eCommerce يمكن أن يحسن بشكل كبير مشاركة المستخدم وعائدات المبيعات. لذا ، فإن التعاقد مع شركة لتطوير التجارة الإلكترونية تقدم خدمات تطوير PWA يعد فكرة ممتازة لعملك.