القائمة

تطوير تطبيقات ماجنتو PWA

تطبيق الـ PWA هو مزيج من تطبيقات الجوال وتطبيقات الويب والذي يدعم مميزات من الويب والجوال مثل ميزة الإشعارات push notifications وإمكانية التصفح فى حالة انقطاع الانترنت offline mode و امكانية تحميل التطبيق على الجوال بضغطة واحدة بدون استغلال أي مساحة كبيرة من الجوال Home screen icon ومن مميزات تطبيقات الويب ان التطبيق يظهر بسهولة فى محركات البحث لان تطبيق الـ PWA فى الاساس موقع الكترونى او متجر الكترونى وبالتالى هو صديق لمحركات البحث ويمكنه الظهور فى محرك جوجل في الكلمات المستهدفة كأى متجر الكترونى, على عكس تطبيقات الجوال التى لا تظهر محتواها فى محركات البحث.

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

تطبيقات ماجنتو PWA هى تكنولوجيا المستقبل فى تطبيقات الجوال والويب أو المتاجر الإلكترونية, لأنه قائم على أحدث الأدوات البرمجية التي تجعل منه حل واحد لكل مشاكل المواقع الالكترونية وتطبيقات الجوال الحالية وذلك باستخدام كود برمجى وحيد لكل انظمة التشغيل Android - iOS - Windows - Desktop وبالتالى يسهل على أصحاب المواقع المصروفات الكبيرة والمجهود الكبير الذى يبذل فى متابعة وحل مشاكل 3 او اربع تطبيقات على التوازى لتوفير نفس التجربة المتميزة للتسوق الالكتروني ولكن فى تطبيق واحد وهو تطبيق ماجنتو PWA .

الفوائد التى تعود على الأعمال من التحول الى تكنولوجيا ال PWA ( تجربة AliExpress )

معامل الارتداد او Bounce Rate : زيادة بنسبة 74 % في مدة بقاء العميل على المتجر الإلكترونى .

معدل التحويل أو Conversion Rate : ارتفاع نسبة التحويل لموقع علي اكسبريس بنسبة 104 % بعد التحول الى تكنولوجي الـ PWA

معدل التفاعل على الصفحات : ارتفع معدل التفاعل على الصفحات على موقع على اكسبريس بنسبة 200% بعد استخدام الـ PWA



ما هو الفرق بين تطبيقات الجوال ال native & hybrid و تطبيقات ال PWA ؟

تطبيقات الجوال ال Native

تحتاج لكتابة نوعين او ثلاثة أنواع مختلفة من الكود بلغات برمجة مختلفة لكل نظام تشغيل Android - iOS - Windows ولا تعمل التطبيقات ال native على الويب ولا يظهر محتوى التطبيق فى محركات البحث مثل المواقع.


تطبيقات الجوال ال Hybrid

نستخدم أنظمة مطورة حديثا مثل Flutter- React Native- Ionic لإنشاء تطبيقات جوال مثل التطبيقات ال Native ولكن بدون الحاجة الى كتابة التطبيق بأكثر من لغة برمجة, ولكن فقط كتابة التطبيق بكود واحد ولغة برمجة واحده او إطار برمجي محدد , ويعمل على جميع أنظمة تشغيل الجوال مثل Android - iOS - Windows

تطبيقات ال PWA

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


ماركات عالمية تحولت الى تطبيقات ال PWA

AliExpress, Alibaba, Twitter, Starbucks, Pinterest, Uber, Jumia Travel, Flipboard, OLX, Uber, Flipkart, Telegram, Lotto, MakeMyTrip, Tinder, Netmoms, BMW, Treebo, Petlove & Trivago


لماذا يجب عليك تحديث متجرك إلى تطبيق ماجنتو PWA

سرعة المتجر والتطبيق الفائقة

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

أكثر من 50% من مستخدمي الانترنت, يستخدمون الجوال بدلا من الكمبيوتر او اللابتوب, وبالتالى يجب ان يكون متجرك فائق السرعة ليتناسب مع كافة سرعات وامكانيات الجوالات , لان طبقا للاحصائيات, إذا استغرق المتجر مدة تزيد عن 6 ثوانى للتحميل, سوف يؤدى الى خروج حوالى 53% من الصفحة الأولى .

ولحسن الحظ, ظهرت تطبيقات ال ماجنتو PWA لتحل مشكلة السرعة والتكامل, لان تطبيقات ال PWA وجدت من اجل السرعة الفائقة وتكامل التطبيق مع كافة الاجهزة والمتصفحات .

تطبيقات ال PWA وسائل حديثة مثل ال CSR عن طريق هذه التقنية, يتم تحميل المحتوى بشكل سريع جدا على الجوال, اثناء التصفح عند الدخول لاول مرة على التطبيق باستخدام لغة الـ javascript .

تطبيقات ال PWA اعلى من التطبيقات ال native بنسبة 36% وأعلى بنسبة 50% في نسبة التفاعل على التطبيق, واسرع فى التحميل بعشر أضعاف, بتكلفة تطوير وصيانة من 3-4 أضعاف .

التصفح بدون اتصال بالانترنت Offline Browsing

تطبيقات ماجنتو PWA تعمل فى حالة عدم وجود اتصال بالانترنت, يمكنك الاستمرار فى تصفح الموقع او تطبيق ال ماجنتو PWA سواء فى حالة انقطاع الانترنت او فى حالة سرعات الانترنت البطيئة 3G .

على سبيل المثال عند انقطاع الانترنت والضغط على زر " الى الخلف " فى كل المواقع التقليدية, سوف تظهر صفحة خطأ 404, ولكن فى حالة تطبيقات ال ماجنتو PWA سيتم استعادة الداتا وعرض الصفحة بكامل محتواها بدون الحاجة الى الانترنت.

تستخدم تقنية الـ PWA تكنولوجيا مقدمة من ذاكرة التخزين المؤقتة Service Worker/ cache api والتى تستخدم تخزين واستعادة ملفات ال HTML, CSS, Javascript, Images, Json وغيرها .

مع تفعيل خاصية الـ Service Worker بكامل خصائصها, كامل المحتوى سوف يتم تحميله مسبقا عند الدخول للموقع لأول مرة, بدون ان يشعر الزائر, وبالتالي يمكنه التصفح بسرعة فائقة حتى حالة انقطاع او بطئ الاتصال بالانترنت .

إشعارات الجوال Push Notifications

إشعارات الجوال Push Notifications تحول تطبيق ال PWA من تجربة الموقع الالكترونى الى تجربة تطبيقات الجوال ال Native وبالتالى تستطيع التفاعل مع عملائك باستخدام هذه الإشعارات المتغيرة .

سيجعل إشعارات الجوال Push Notifications تطبيقك الـ Magento PWA قابلاً لإعادة المشاركة لمواصلة التفاعل مع المستخدمين في الوقت المناسب في المكان المناسب عن طريق إرسال رسائل مخصصة لهم بمحتوى وسائط غنية, مع جدولة إشعارات الدفع المتطورة PWA ، يمكنك حتى التخطيط وجدولة إشعارات الدفع الآلية مسبقًا.

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

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

حققت بعض المتاجر مثل متجر Beyond the Rack مزيدًا من الوقت الذي يقضيه على الموقع بنسبة 72٪ لكل زيارة من الأعضاء الذين زاروا عبر الإشعارات الفورية Push Notifications .

أضف إلى الشاشة الرئيسية Add to home screen

الإضافة إلى الشاشة الرئيسية (أو A2HS للاختصار) هي ميزة متوفرة في المتصفحات الحديثة التي تسمح للمستخدم "بتثبيت" تطبيق ال PWA ويب بضغطة واحدة ، فيمكن للمتسوق إضافة ايقونة التطبيق إلى شاشته الرئيسية مع قائمة التطبيقات المفضلة لديهم حتى يتمكنوا من الوصول الى ايقونة تطبيق ال PWA لاحقا بنقرة واحدة مثل التطبيقات الـ Native.

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

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


ميزات وفوائد تطبيق Magento PWA

    المميزات الأساسية لماجنتو

  • تصميم متطابق
  • بنرات او لافتات تفاعلية
  • ميزة المزامنة التلقائية
  • يدعم تعدد اللغات
  • يدعم اللغة العربية والاتجاه من اليمين الى اليسار RTL
  • يدعم تعدد اللغات
  • يدعم التنبيهات والاشعارات
  • القائمة المفضلة
  • ميزة إنشاء حساب للمتسوق
  • تسجيل الدخول
  • استعادة كلمة السر
  • ادارة الملف الشخصى للمستخدم
  • إدارة عناوين الدفع
  • إدارة عناوين الشحن
  • سجل الطلبات
  • تفاصيل الطلب
  • تحليلات جوجل Google Analytics
  • دعم جميع أنواع المنتجات
  • يدعم جميع الفئات
  • قائمة الجوال المتغيرة
  • قائمة متقدمة Accordion
  • دعم ميزة البحث
  • الفلتر او التصفية متعددة الطبقات
  • منتجات ذات صلة
  • دعم الفرز والترتيب للمنتجات
  • ميزة مراجعة المنتج
  • روابط متسلسلة ومترابطة لل SEO
  • دعم رمز قسيمة عربة التسوق
  • عربة التسوق
  • إدارة خصائص العربة
  • دعم طرق الدفع المتعددة
  • دعم الدفع باي بال paypal
  • صفحة دفع واحدة سهلة
  • امكانية الطلب للزوار
  • دعم طرق الشحن المتعددة
  • دعم تتبع الطلب

    مميزات تطبيق الـ PWA المضافة

  • وقت التحميل الفوري
  • التصفح بدون اتصال
  • إخطارات / اشعارات الجوال
  • الأمان لوجود ال HTTPS
  • متوافق مع كل انظمة التشغيل
  • ميزة أضف إلى الشاشة الرئيسية
  • التطوير التلقائي up-to-date
  • القابلية للفهرسة لمحركات البحث
  • عدم الاحتياج للنشر أو التحديث
  • تكلفة تطوير منخفضة
  • التثبيت السريع
  • لا يواجه أي مشاكل في التحديث
  • يحتاج مساحة تخزينية بسيطة
  • يعمل مع أي متصفح
  • يعمل مع أي جهاز إدخال
  • تستطيع محركات البحث ارشفة محتوى تطبيقات ال PWA
  • لا تحتاج لدفع مبالغ كبيرة من المال إلى Google و Apple
  • تكلفة تطوير وصيانة أقل من التطبيقات ال Native
  • يؤدي تثبيت PWA إلى مشاركة وتفاعل أعلى مع الزوار
  • تتطابق مع تجربة وتفاعل تطبيقات ال Native

    إحصائيات تطبيقات الـ PWA التى يجب أن تعرفها

  • تطبيقات ال PWA لديها معدلات تحويل أعلى بنسبة 36٪ من التطبيقات ال Native
  • تسجّل تطبيقات PWA أعلى 50% في مشاركة العملاء .
  • تنخفض تطبيقات الـ PWA في سرعة تحميل الصفحة حتى 10 مرات عن التطبيقات ال Native.
  • تقل تكلفة تطبيقات ال PWA حوالى 3-4 مرات أقل من تطبيقات الأجهزة الجوال ال Native
  • تكلفة صيانة PWA أقل بنسبة 33٪ عن غيرها
  • يمكن أن تكون تطبيقات الويب المتقدمة (PWA) أصغر حجما بنسبة تصل إلى 90٪ من تطبيقات الجوال ال Native
  • متوسط معدل الارتداد لـ PWA هو 42.86٪ فقط
  • ترتفع عدد الزيارات القادمة من محرك البحث لتطبيقات PWA والاشتراكات بنسبة 15٪
  • تضاعف عدد الصفحات التي تمت زيارتها لكل جلسة لكل مستخدم
  • 74٪ زيادة في الوقت المنقضي لكل جلسة

لماذا تختار شركة ماجنتو مصر كشريك لانشاء تطبيق الـ ماجنتو PWA الخاص بك ؟

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

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


اللغات & التكنوجيا

  • Javascript
  • React js
  • Vue js
  • Angular
  • Flutter
  • Vue Storefront
  • Hyva
  • ScandiPWA

كافة الحقوق محفوظة لشركة ماجنتو مصر © 2015 - 2022
اول شركة عربية متخصصة فى انشاء وتطوير متاجر ماجنتو.