كيف قام Magento Merchants بتحسين التحويل باستخدام PWA Studio

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

تستضيف الندوة عبر الويب السيدة ماريل رومان برايس ، مدير إنشاء الطلبات التجارية APAC DX في Adobe ، وانضم إليها سام إليوت ، مستشار الحلول في Adobe.

فيما يلي الملخصات السريعة ، بالإضافة إلى النقاط البارزة من الندوة عبر الإنترنت:

I. تجاوز PWA

تبدأ الندوة عبر الويب بملخص موجز لما هو PWA ، ومدى اختلاف تجربة PWA.

ما هو PWA؟

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

فوائد PWA

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

كيف يساعد PWA في تحسين التحويل

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

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

سام إليوت ، مستشار الحلول التجارية في Adobe

ما مدى اختلاف تجربة PWA

هنا لدينا Sam Elliot يعطي التفاصيل الفنية حول كيفية وأين تختلف تجربة PWA.

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

واصل Sam Elliot شرحه للمكون الأساسي لـ PWA - عمال الخدمة - وكيف يسمح بالكثير من قدرات PWA. يعمل عمال الخدمة بالتوازي مع المتصفح وهم مسؤولون عن استرداد (جلب) المحتوى المخزن مؤقتًا ، مما يتيح تجربة متسقة ومتدفقة.

II. الحصول على العملية

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

كيف يساعد PWA Studio

نظرًا لأن تجار Magento يرون PWA كمسار ترقية حقيقي ، فهناك طرق مختلفة يمكنهم اتباعها لجعل متاجرهم تعمل بنظام PWA. ومن بين أطر PWA الشائعة ، يبرز PWA Studio باعتباره الحل الأمثل لمتاجر Magento للأسباب التالية:

متكامل بإحكام مع إطار عمل Magento

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

منشئ الصفحة

متوفر في Magento Commerce ، يزيل Page Builder القيود المعتادة الموجودة في إنشاء المحتوى. بالنسبة للمستخدمين غير التقنيين ، لم يعودوا بحاجة إلى العمل باستمرار مع المطورين من أجل تنفيذ ميزة جديدة و / أو صفحة جديدة بعد الآن ، حيث تساعد واجهة السحب والإفلات البديهية لـ Page Builder في تبسيط عملية إنشاء المحتوى بالكامل معالجة. لذلك ، يمكن تصميم صفحة رئيسية جديدة ، على سبيل المثال ، ونشرها باستخدام Page Builder ، وستكون النتيجة النهائية تمامًا كما تراها في إطار عمل عادي وسريع الاستجابة.

أحدث القدرات كما تذهب

يحافظ PWA Studio على متجرك الذي يعمل بنظام PWA على خارطة طريق مباشرة. وهذا يعني أن واجهات المتاجر التي تم إنشاؤها باستخدام PWA Studio ستحصل في النهاية على نفس الإمكانات التي تتمتع بها واجهات Magento ذات الاستجابة العادية. على سبيل المثال ، تم تقديم Adobe Sensei مؤخرًا إلى PWA Studio ، ويمكن الآن لواجهات متاجر PWA التي تم إنشاؤها باستخدام PWA Studio الاستفادة من توصيات منتج Sensei الذكية.

المدخرات

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

تكاليف الفرصة البديلة

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

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

ما مدى سرعة تطوير PWA

باستخدام PWA ، أنت تجمع بين التجارب الثلاثة المختلفة (iOS ، Android ، الويب) في تجربة واحدة - لذلك في الواقع ، ستكون هناك ميزات ووظائف لتجارب الهاتف المحمول أو تجربة موقع الويب التي يجب أن تمتلكها بشكل أساسي بالنسبة لك الأعمال التجارية ، وستحتاج إلى إعادة بناء تلك الميزات والوظائف في PWA الخاص بك.

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

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

ثالثا. التعليمات

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

1. ما مدى سرعة تحويل موقعي الحالي إلى PWA ، على افتراض أن لدي موضوعات أساسية تستند إلى سمة Luma؟

يبدأ Sam Elliot بإعادة التأكيد على أن " التحويل " ليس حقًا الطريقة الصحيحة للتفكير في الأمر. PWA هي واجهة أمامية منفصلة ، لذا ستنشئ موقعًا على الويب على واجهة أمامية منفصلة وليس إطار العمل المتجاوب مع Luma - وهذا يعني بشكل أساسي أنه سيتعين إعادة بناء الواجهة الأمامية لتجربة جديدة.

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

2. هل يمكنك دمج بوابات الدفع المخصصة عبر واجهات برمجة تطبيقات Magento؟

من خارج الصندوق ، تم توصيل Braintree بالفعل بواجهة Magento PWA الأمامية ولكن نعم ، يمكنك دمج أي بوابة دفع مخصصة عبر Magento APIs.

3. ما هو مقدار الوقت المطلوب إذا بدأت PWA من البداية؟

هنا ، يخوض Sam Elliot في التفاصيل حول ماهية الاختلافات ، ولماذا يوجد تباين في الجهد المطلوب عند بناء PWA.

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

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

 القراءة الموصى بها: تعاون SimiCart مع Mageplaza لتطوير ملحقات PWA Studio المجتمعية

رابعا. نصيحة ختامية

في نهاية الندوة عبر الويب ، يترك لنا سام إليوت نصيحة ختامية:

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

بالنسبة لتجار Magento الراغبين في تحقيق هذه التجربة التجارية الجديدة ، هنا في SimiCart نحن فريق من وكالة تطوير PWA المؤهلة من Google ، وعلى استعداد لتحويل متجر Magento الخاص بك.