PWA & Magento 2: uitgelegd

Laten we teruggaan naar 2015...

De term Progressive Web Application werd bedacht door twee mensen van het Google Chrome team, Alex Russell and Frances Berriman, die toezicht hielden op een nieuwe klasse websites, welke vooral gericht waren op het bieden van een betere gebruikerservaring ten opzichte van traditionele websites. Al deze applicaties hadden één ding gemeen: het werden standalone applicaties die met één klik op het homescreen van een mobiele telefoon konden worden geplaatst, in plaats van de normale functie als tabblad in een webbrowser. Deze technologie beloofde een eenvoudige implementatie en veel voordelen voor de interactie met de gebruiker.

Het toeval wil dat tijdens de ontwikkeling van deze technologie het marktaandeel van mobiele telefoons aanzienlijk is gegroeid. Sinds het voorjaar van 2018 worden toepassingen van deze klasse door alle grote browsers geaccepteerd.

Dus wat is een PWA precies?

In de woorden van onze Magento 2 product owner, Stanislau: "Een PWA (Progressive Web Application) - is een soort magie dat je website verandert in een volledig responsive app. Deze app kan worden opgeslagen op het startscherm van uw telefoon, toegang krijgen tot de hardware van de gadget, en push-notificaties versturen. PWA-applicaties worden rechtstreeks vanuit de browser opgeslagen, wat betekent dat de gebruiker ze niet hoeft te downloaden uit de Google Store of App Store en zelfs zonder stabiele internetverbinding of offline kan werken."

Om het nog eenvoudiger te maken; een PWA is gebouwd als een website, maar is gemaakt met de functies van een mobiele applicatie - waarbij de focus vooral ligt op het hebben van het gevoel en de functionaliteiten die een mobiele app zou hebben.

Technologie stack Progressive Web Application:

  • Service Worker
  • Web App manifest
  • HTTPS
  • App shell
  • Push notificaties

PWA in Magento 2 ecommerce winkels

Met het groeiende gebruik van mobiel winkelen, is de populariteit van PWA's voor Magento 2 winkels mee gestegen.

Het officiële Adobe Magento team zelf blijft werken aan de ontwikkeling van PWA Studio - een set van tools die helpen bij het transformeren van een Magento 2 winkel in een volwaardige PWA applicatie, dit is de impuls geworden voor de groei van PWA winkels op basis van Magento 2.

Er zijn ook mogelijkheden om uw Magento 2 winkel om te zetten in een PWA applicatie buiten het officiële Magento 2 team om, bijvoorbeeld met behulp van een PWA thema van onze ScandiPWApartners of met behulp van diverse andere PWA plugins van verschillende leveranciers.

Voor- en nadelen voor ecommerce winkels:

Pros:

  • De eenvoud in vergelijking met dedicated apps.  
    • De PWA applicatie werkt tegelijkertijd voor alle moderne iOS en Android apparaten, er hoeft niet voldaan te worden aan de eisen van de Google Store of App Store.
  • Verhoog conversiepercentages.  
    • Een betere gebruikerservaring resulteert in een hogere conversie
  • Verbeter uw SEO. 
    • Progressive Web Apps worden beter geïndexeerd door Google bots en verbeteren de SEO prestaties. In Google zal de site aanzienlijk hogere posities innemen als de PWA-technologie is aangesloten
  • Responsive design en klantbetrokkenheid.  
    • Makkelijkere en snellere interactie met klanten met de PWA applicatie.
  • Offline modus.
    • De mogelijkheid om offline te werken stelt klanten in staat om te zoeken naar hun favoriete producten, zelfs wanneer ze op plaatsen zijn waar er problemen kunnen zijn met de internetverbinding, zoals in het openbaar vervoer (metro).
  • Beveiliging.  
    • PWA-applicaties maken gebruik van beveiligde HTTPS-verbindingen. PWA zijn gemaakt met open web technologieën.  
  • Buitengewoon snel.  
    • PWA-applicaties hebben een hoge snelheid van werken zowel online als offline.
  • Cross-browser compatibiliteit.  
    • Alle moderne browsers vanaf 2018 ondersteunen PWA technologieën.
  • Installatie. 
    • In één klik kan de applicatie worden toegevoegd aan het startscherm van de smartphone.

Nadelen:

Het grootste nadeel is dat PWA-technologie nog vrij nieuw en in ontwikkeling is, wat betekent dat er onvoorziene problemen kunnen zijn. De keerzijde hiervan is echter dat er zoveel ruimte is om te groeien en te ontwikkelen.

Payment Service Provider voor PWA toepassingen op Magento 2

Voor een webshop zal de checkout altijd één van de belangrijkste aspecten zijn van de gehele online aanwezigheid. Het kunnen betalen op een naadloze manier kan het verschil maken tussen een mislukt en een succesvol website bezoek.

Bij MultiSafepay houden we voortdurend de vinger aan de pols als het gaat om de ontwikkelingen in de ecommerce. Daarom zijn we vanaf het begin af aan betrokken geweest bij de ontwikkeling van de PWA technologie voor de mobiele applicatie markt, en hebben we volledige integraties geïmplementeerd met de meest populaire platformen om van een Magento 2 winkel een PWA applicatie te maken. Via MultiSafepay kunt u gebruik maken van de PWA technologie via PWA Studio, ScandiPWA of Vue Storefront. Voor meer informatie over deze PWA integraties kunt u ons blog artikel overPWA in het algemeenlezen, of de de speciale Vue Storefront release..

Ook hebben we onlangs een aparte module geïmplementeerd voor compatibiliteit met GraphQL voor integratie met Magento 2, zodat u gemakkelijk uw PWA oplossing kunt integreren in Magento 2.

Tot slot, kan er gezegd worden dat de PWA-technologie nog vrij jong is in de mobiele applicatie markt, maar met de constante groei in het gebruik van mobiele apparaten, aankopen via mobiele apparaten op het internet en met de talloze voordelen, zijn wij van mening dat de PWA-technologie alleen maar zal blijven groeien in de komende jaren - en misschien zelfs op een dag native applicaties in ecommerce zal vervangen.

Via MultiSafepay kunt u gebruik maken van deze geavanceerde PWA integraties en heeft u toegang tot een gevestigde, goed gebalanceerde betaalmix. Hiermee heeft u de tools in handen om uw ecommerce doelstellingen in heel Europa te behalen. Dit alles ondersteund door een ervaren in-house team van ontwikkelaars.


Ontdek wat wij kunnen doen om uw bedrijf te laten slagen

Neem contact op

Altijd de laatste nieuwtjes ontvangen?