PWA și Magento: crearea de experiențe de cumpărături mobile de nouă generație

Aceasta este o postare pentru invitați de Viesturs Abelis, Content Lead la Scandiweb.

Aplicații web progresive. Toată lumea vorbește despre ele și chiar dacă nu ești sigur despre ce sunt exact, probabil că folosești deja tehnologia. Twitter, Starbucks, AliExpress și nenumărați alții au implementat cu succes PWA, care sunt folosite de milioane de oameni în fiecare zi.

Și rezultatele sunt. Twitter a înregistrat o creștere cu 65% a paginilor pe sesiune, o creștere cu 75% a tweet-urilor trimise și o reducere cu 20% a ratei lor de respingere. AliExpress a dublat numărul de pagini vizitate pe sesiune și a înregistrat o creștere cu 104% a ratelor de conversie. Google a adunat un portofoliu uluitor de povești de succes PWA.

Ceea ce a fost, cu câțiva ani în urmă, o tehnologie folosită în principal de giganții digitali, din cauza costurilor ridicate de dezvoltare și a inevitabilității soluțiilor personalizate, devine astăzi din ce în ce mai democratizat și accesibil. Datorită soluțiilor emergente PWA și îmbrățișării pe scară largă a PWA, tehnologia este acum disponibilă pentru toată lumea.

PWA-urile arată ca o schimbare a jocului și, pe măsură ce tot mai mulți comercianți se aruncă în val, este important să înțelegeți ce se întâmplă și ce înseamnă această nouă tehnologie pentru dvs.

Ce este o aplicație web progresivă?

Aplicațiile web progresive sunt un nou tip de tehnologie de dezvoltare web (deși ideea există de ceva vreme) care combină cele mai bune dintre aplicațiile web și native și creează experiențe digitale superioare asemănătoare aplicațiilor chiar în browserul utilizatorului. Deci, când auziți PWA, gândiți-vă la un site web mobil cu caracteristicile și funcționalitățile complete ale unei aplicații native.

Despre ce caracteristici vorbim mai exact? În primul rând, PWA-urile sunt rapide. Cu creșteri demonstrate de 300% ale vitezei de încărcare a paginii, paginile extrem de optimizate ating timpi de încărcare aproape instantanei, făcându-le la fel de receptive și plăcute de utilizat ca aplicații native.

Alte caracteristici includ interfața de utilizare pe ecran complet, salvarea ecranului de pornire, notificări push, accesibilitatea hardware și chiar modul offline. Făcuți posibil de minunatul Service Worker, despre care puteți afla mai multe aici în această discuție a comunității de dezvoltatori Google, PWA-urile includ o varietate de dezvoltări digitale moderne pentru a oferi o experiență cu adevărat asemănătoare aplicației.

Sunt chiar implementabile în magazinele de aplicații, dacă doriți să faceți acest lucru. Cu toate acestea, spre deosebire de aplicațiile native limitate la aceste platforme, PWA funcționează ca site-urile web obișnuite și sunt indexabile pe Google, făcându-le nu numai descoperibile, ci oferindu-vă și un potențial impuls SERP datorită timpilor de încărcare mai rapidi și experiențelor mai bune oferite. Acest lucru înseamnă, de asemenea, că nu există descărcări voluminoase și actualizări automate, ceea ce face o implicare inițială fără fricțiuni.

Popularitatea în creștere a PWA poate fi atribuită decalajului de oportunități emergente între modul în care sunt utilizate aplicațiile native și web-ul mobil - web-ul mobil atrage mai mulți vizitatori, dar aplicațiile oferă experiențe mai bune și depășesc web-ul în ceea ce privește implicarea. PWA oferă experiența pe care oamenii și-o doresc chiar acolo unde o caută.

PWA: hype sau viitor?

Ca și în cazul oricărei tehnologii emergente, precauția învinge adoptarea. Foarte dependente de suportul pentru browser, volatile la începuturile lor și, totuși, în continuă dezvoltare, PWA-urile nu oferă încă certitudinea și liniștea pentru adoptarea sigură. Există un aer de mister în jurul PWA, deoarece comercianții se străduiesc să le înțeleagă.

Cu toate acestea, un lucru este sigur - nu este doar hype. Tehnologia este solidă, cei care adoptă timpuriu au fost foarte recompensați și, pe măsură ce cunoștințele se răspândesc, la fel și adopția.

PWA-urile influențează pozitiv aproape fiecare KPI de marketing

Studiile de caz din viața reală au demonstrat capacitatea PWA de a avea un impact pozitiv pe aproape fiecare KPI de marketing - performanță, implicare, timp petrecut pe site, clienți potențiali generați, re-implicare, conversii și multe altele.

Într-o eră a mobile-first, nu este o surpriză că o astfel de tehnologie transformatoare depășește canalele digitale mai tradiționale, iar importanța prioritizării experiențelor mobile este încă în tendință. Cumpărăturile mobile domină tot mai mult comerțul electronic; Google a anunțat recent indexarea mobile-first, aceasta fiind activată în mod implicit pentru toate site-urile web noi începând cu 1 iulie 2019; și un număr semnificativ de noi utilizatori de internet își încep călătoria digitală pe mobil.

Prin urmare, furnizarea de experiențe mobile peste egalitate este salutată cu brațele deschise, iar importanța lor crescândă este probabil să-i împingă pe marketerii din întreaga lume să se concentreze mai mult pe acest lucru, pentru a rămâne competitivi.

Și nu este vorba doar de a oferi clienților o experiență digitală mai bună, ci de a ajunge la altele noi, deoarece PWA joacă un rol important în ceea ce privește accesibilitatea. Cu cerințele de date ușoare ale PWA, o experiență digitală accesibilă este activată pentru cei cu acoperire suboptimă a rețelei, fără compromisuri UX. De exemplu, inițiativa de extindere a Uber a mers mână în mână cu un PWA, pentru a se asigura că zonele rurale și alte zone cu conexiuni mai lente ar putea în continuare să experimenteze o experiență captivantă și receptivă.

Și, acum, comercianții din întreaga lume pot face același lucru pentru clienții lor actuali și viitori, deoarece adoptarea PWA la nivel mondial este în curs de desfășurare.

Magento primește PWA cu Open Arms

Magento a pus ochii pe PWA de ceva vreme. Prezentând studioul PWA în septembrie 2017, a văzut în sfârșit lumina în ianuarie 2019, iar până când Magento Imagine 2019 a apărut în mai, PWA-urile erau în mintea tuturor și cu siguranță subiectul fierbinte al conferinței.

În timp ce Magento se scufundă cu capul întâi în PWA-uri și au fost dezvoltate numeroase alte soluții care să prezinte capacitățile PWA-urilor, comunitatea este oarecum reticentă să urmeze, deoarece nu există o soluție definitivă pe care comercianții și constructorii de extensii se pot aduna. La rândul său, acest lucru duce la încercări de dezvoltare personalizată, care ajung să fie costisitoare și nesustenabile, în special atunci când vine vorba de vitrine puternic modificate și personalizate, disprețuind adoptarea.

Cu toate acestea, vitrinele PWA sunt dezvoltate chiar în acest moment pentru o mulțime de comercianți Magento. Magento investește foarte mult în PWA, la fel și restul lumii.

Pentru comercianții Magento, nu este o întrebare despre ce se va întâmpla cu PWA? PWA este aici. Întrebarea este: cum să începem?

3 soluții PWA pentru Magento

Magento este una dintre cele mai puternice soluții de comerț electronic de pe piață - alimentează 12% din toate magazinele de comerț electronic de pe internet, iar adopția continuă să crească an de an. Cu o astfel de cotă de piață, devenirea unei platforme PWA poate ajuta Magento să redefinească în mod fundamental internetul și chiar asta fac, asigurându-se că orice comerciant interesat să obțină un PWA pentru magazinul lor poate face acest lucru.

Dacă doriți să obțineți un PWA pentru magazinul dvs. Magento, aveți mai multe opțiuni disponibile. Iată trei care merită atenția ta.

Magento PWA Studio

Magento PWA Studio este răspunsul Magento la noua nebunie și este în lucru de câțiva ani. Lansat împreună cu Magento 2.3, este o suită de instrumente pentru dezvoltatori pentru construirea de front-end PWA pentru Magento. Asigurând dezvoltatorilor dvs. tot ceea ce este necesar pentru dezvoltare, implementare și întreținere și completat cu o documentație bogată, Magento PWA Studio este probabil să devină instrumentul de bază pentru comercianții Magento care doresc să-și ducă magazinul în viitor.

Aruncați o privire la acest magazin demonstrativ (notă: vă rugăm să faceți acest lucru pe un dispozitiv mobil), dezvoltat de Inchoo folosind instrumentele de studio Magento PWA pentru a demonstra ce se poate realiza.

ScandiPWA

Spre deosebire de Magento PWA Studio, ScandiPWA (dezvoltat de Scandiweb) este o temă open-source Magento-first, mai degrabă decât un set de instrumente sau o vitrină. Aceasta înseamnă că este instalabil direct în magazinul dvs. Magento 2.3 fără nicio modificare a infrastructurii și poate fi extins pentru a se potrivi nevoilor dvs., într-un mod care este familiar oricărui dezvoltator Magento. Foarte lăudată de comunitate, tema gata de utilizare a ScandiPWA a atras multă atenție pentru că este fără probleme și o soluție splendidă pentru cei care caută o soluție PWA gata de înaltă performanță.

Explorați magazinul demo ScandiPWA (notă: vă rugăm să faceți acest lucru pe un dispozitiv mobil) sau depozitul GitHub.

Vitrina Vue

Una dintre cele mai populare soluții PWA de pe piață, Vue Storefront este o aplicație web progresivă pentru comerț electronic cu sursă deschisă, independentă de platformă, scrisă în Vue.js. Cu o comunitate în plină expansiune, este unul dintre cele mai mari hub-uri PWA. Având în vedere dimensiunea sa mare, este o soluție destul de complexă. A fi independent de platformă, mai degrabă decât Magento, înseamnă că unele funcționalități Magento lipsesc, totuși, ne putem aștepta ca acest lucru să fie remediat pe măsură ce dezvoltarea continuă.

Explorați magazinul demonstrativ Vue Storefront (notă: vă rugăm să faceți acest lucru pe un dispozitiv mobil) sau depozitul înfloritor GitHub.

Beneficiile soluțiilor Magento-First PWA

Dacă sunteți comerciant pe platforma Magento, o soluție PWA Magento-first poate fi cea mai ușoară modalitate de a vă alătura cursei PWA. Astfel de soluții vin cu beneficii suplimentare de familiaritate, costuri mai mici de dezvoltare și performanță îmbunătățită, păstrând fericiți comercianții și dezvoltatorii.

Iată trei exemple despre modul în care soluția PWA Magento-first ScandiPWA folosește stiva Magento pentru a oferi o experiență PWA spectaculoasă.

Fără Middleware

ScandiPWA este o temă PWA Magento-first, ceea ce înseamnă că poate fi instalată direct deasupra magazinului dvs. Magento, care, la rândul său, are avantajul de a avea o relație directă cu back-end-ul dvs. Magento. Acest lucru scutește comercianții de multe bătăi de cap, deoarece orice middleware adaugă un strat suplimentar de complexitate – caracteristicile trebuie reconstruite, structurile de date suplimentare – dezvoltate, personalizări – adaptate.

Iată un exemplu: soluțiile construite ca vitrine separate PWA vorbesc doar cu baza de date a site-ului web. Acest lucru afectează probleme comune precum gestionarea redirecționărilor. În loc să lovească instalarea de bază a Magento și apoi să fie redirecționate așa cum se specifică în backend, vitrinele separate trebuie să dezvolte o soluție pentru a se asigura că utilizatorii ajung acolo unde ar trebui să ajungă.

Middleware-ul vine cu partea echitabilă de avantaje pentru soluții PWA mai universale, cum ar fi Vue Storefront, deoarece permite conectarea unei singure soluții puternice la mai multe platforme, cu toate acestea, dezavantajul este că necesită o adaptare extinsă și, de multe ori, reinventarea roții, deci a vorbi. Soluțiile Magento-first ocolesc acest lucru prin valorificarea funcțiilor Magento ușor disponibile, ceea ce duce la economii la costurile de dezvoltare pentru afacerea dvs.

Familiarizarea cu Magento și economisirea timpului

Un beneficiu semnificativ al soluțiilor PWA Magento-first este familiaritatea. Utilizarea continuă a unui mediu familiar pentru dezvoltatorii dvs. va face adoptarea mai ușoară pentru ei și pentru dvs., simplificând procesul de dezvoltare.

Magento s-a dovedit a fi una dintre cele mai avansate platforme de comerț electronic din lume, iar comunitatea care a crescut în jurul platformei arată acest lucru. Aceasta înseamnă că puteți găsi specialiști Magento în fiecare colț al lumii și, în ciuda noutății PWA, integrarea ar trebui să fie mult mai ușoară, în comparație cu lucrul cu un mediu complet nou. Instrumentele Magento sunt binecunoscute atât de dezvoltatori, cât și de comercianți și au o istorie demonstrată de succes.

Prin urmare, comercianții care optează pentru o soluție PWA Magento-first se pot aștepta la costuri mai mici și pot fi mai la curent cu ce se întâmplă.

Migrare ușoară și cu costuri reduse

ScandiPWA este o temă gata de utilizat pentru Magento. Orice soluție Magento-first aduce avantaje semnificative atunci când vine vorba de implementare. În loc să fii nevoit să-ți refaci complet și să-ți recreezi front-end-ul de la zero, o soluție Magento plug-and-play vă permite să profitați de beneficiile PWA-urilor fără să vă asumați riscul de a vă pune în pericol afacerea.

După cum a fost stabilit, adăugarea de middleware și a avea un front-end complet personalizat introduce un nivel de complexitate care nu este de obicei prezent în soluțiile Magento-first. Acest lucru implică costuri suplimentare, de întreținere și de asistență.

Concluzie

Aplicațiile web progresive sunt aici pentru a rămâne. În ciuda unei perspective prudente față de adoptare, comercianții din întreaga lume țin totuși un deget pe pulsul a ceea ce se întâmplă, cautând soluția potrivită pentru ei și încercând să reproducă numeroasele succese ale pionierilor PWA.

Pentru comercianții Magento care doresc să pună piciorul în ușă cât mai curând posibil, există mai multe opțiuni - dezvoltarea propriei soluții folosind Magento PWA Studio, optând pentru o soluție PWA independentă de platformă, cum ar fi Vue Storefront sau optând pentru o soluție Magento-first. temă precum ScandiPWA. Cel mai simplu și mai eficient mod de a începe este cel din urmă, deoarece vă permite afacerii să profite de întreaga gamă de beneficii PWA fără a vă îndepărta prea mult de familiaritatea Magento.

Viesturs Abelis este lider de conținut la Scandiweb și un evanghelist plin de spirit ScandiPWA, Viesturs ține întotdeauna doi ochi către viitor, dornic să facă cele mai recente dezvoltări digitale accesibile tuturor.