PWA e Magento: creazione di esperienze di acquisto mobile di nuova generazione

Questo è un post degli ospiti di Viesturs Abelis, Content Lead di Scandiweb.

Applicazioni web progressive. Tutti ne parlano e anche se non sei sicuro di cosa siano esattamente, probabilmente stai già utilizzando la tecnologia. Twitter, Starbucks, AliExpress e innumerevoli altri hanno implementato con successo PWA, che vengono utilizzate da milioni di persone ogni giorno.

E i risultati ci sono. Twitter ha visto un aumento del 65% delle pagine per sessione, un aumento del 75% dei tweet inviati e una riduzione del 20% della frequenza di rimbalzo. AliExpress ha raddoppiato il numero di pagine visitate per sessione e ha visto un aumento del 104% dei tassi di conversione. Google ha accumulato un portafoglio sbalorditivo di storie di successo di PWA.

Quella che un paio di anni fa era una tecnologia sfruttata principalmente dai giganti del digitale, a causa degli alti costi di sviluppo e dell'ineluttabilità delle soluzioni personalizzate, oggi sta diventando sempre più democratizzata e accessibile. Grazie alle soluzioni PWA emergenti e all'adozione diffusa delle PWA, la tecnologia è ora disponibile per tutti.

Le PWA sembrano un punto di svolta e, poiché sempre più commercianti stanno saltando sul carro, è importante capire cosa sta succedendo e cosa significa per te questa nuova tecnologia.

Che cos'è un'applicazione Web progressiva?

Le applicazioni Web progressive sono un nuovo tipo di tecnologia di sviluppo Web (sebbene l'idea sia in circolazione da un po' di tempo) che combina il meglio del Web e delle app native e crea esperienze digitali simili a quelle di un'app direttamente nel browser dell'utente. Quindi, quando senti PWA, pensa: a un sito Web mobile con le caratteristiche e le funzionalità complete di un'app nativa.

Di quali caratteristiche stiamo parlando esattamente? Innanzitutto, le PWA sono veloci. Con un aumento dimostrato del 300% della velocità di caricamento della pagina, le pagine altamente ottimizzate raggiungono tempi di caricamento quasi istantanei, rendendole reattive e piacevoli da usare come le app native.

Altre caratteristiche includono l'interfaccia utente a schermo intero, il salvataggio della schermata iniziale, le notifiche push, l'accessibilità hardware e persino la modalità offline. Rese possibili dal meraviglioso Service Worker, di cui puoi saperne di più qui in questo discorso della community di sviluppatori di Google, le PWA raggruppano una varietà di moderni sviluppi digitali per offrire un'esperienza davvero simile a un'app.

Sono anche distribuibili negli app store se lo desideri. Tuttavia, a differenza delle app native vincolate a queste piattaforme, le PWA funzionano come normali siti Web e sono indicizzabili su Google, rendendole non solo rilevabili ma anche dandoti un potenziale incremento della SERP grazie ai tempi di caricamento più rapidi e alle migliori esperienze offerte. Ciò significa anche che nessun download ingombrante e aggiornamenti automatici rendono il coinvolgimento iniziale senza attriti.

La crescente popolarità delle PWA può essere attribuita all'emergente divario di opportunità tra il modo in cui vengono utilizzate le app native e il Web mobile: il Web mobile riceve più visitatori, ma le app offrono esperienze migliori e superano il Web in termini di coinvolgimento. Le PWA offrono l'esperienza che le persone desiderano proprio dove la cercano.

PWA: clamore o futuro?

Come con qualsiasi tecnologia emergente, la cautela prevale sull'adozione. Altamente dipendenti dal supporto del browser, volatili nella loro infanzia e ancora, in continuo sviluppo, le PWA non offrono ancora la certezza e la tranquillità per un'adozione infallibile. C'è un'aria di mistero che circonda le PWA mentre i commercianti si affannano per capirle.

Tuttavia, una cosa è certa: non è solo clamore. La tecnologia è solida, i primi utenti sono stati ampiamente ricompensati e, man mano che la conoscenza si diffonde, aumenta anche l'adozione.

Le PWA influenzano positivamente quasi tutti i KPI di marketing

Casi di studio reali hanno dimostrato la capacità delle PWA di avere un impatto positivo su quasi tutti i KPI di marketing: prestazioni, coinvolgimento, tempo trascorso sul sito, lead generati, re-engagement, conversioni e altro ancora.

In un'era mobile-first, non sorprende che tale tecnologia trasformativa superi i canali digitali più tradizionali e l'importanza di dare priorità alle esperienze mobili è ancora in aumento. Lo shopping mobile sta dominando sempre più l'eCommerce; Google ha recentemente annunciato l'indicizzazione mobile-first, abilitata per impostazione predefinita per tutti i nuovi siti Web a partire dal 1° luglio 2019; e una quantità significativa di nuovi utenti di Internet inizia il suo viaggio digitale sui dispositivi mobili.

Pertanto, la fornitura di esperienze mobili superiori alla media è accolta a braccia aperte e la loro importanza crescente probabilmente spingerà i marketer di tutto il mondo a concentrarsi maggiormente su ciò, per rimanere competitivi.

E non si tratta solo di offrire una migliore esperienza digitale ai tuoi clienti, ma di raggiungerne di nuovi, poiché le PWA svolgono un ruolo importante in termini di accessibilità. Con le ridotte richieste di dati delle PWA, un'esperienza digitale accessibile è consentita per coloro con una copertura di rete non ottimale, senza compromessi UX. Ad esempio, l'iniziativa di espansione di Uber è andata di pari passo con una PWA, per garantire che le aree rurali e altre aree con connessioni più lente potessero vivere un'esperienza coinvolgente e reattiva.

E ora i commercianti di tutto il mondo possono fare lo stesso per i loro clienti attuali e futuri, poiché è in corso l'adozione di PWA in tutto il mondo.

Magento accoglie le PWA a braccia aperte

Magento ha tenuto d'occhio le PWA per un po'. Presentando lo studio PWA a settembre 2017, ha finalmente visto la luce a gennaio 2019 e, quando Magento Imagine 2019 è arrivato a maggio, le PWA erano nella mente di tutti e sicuramente l'argomento caldo della conferenza.

Mentre Magento si tuffa a capofitto nelle PWA e sono state sviluppate numerose altre soluzioni che mostrano le capacità delle PWA, la comunità è alquanto riluttante a seguirle, poiché non esiste una soluzione definitiva che i commercianti e i costruttori di estensioni possano radunarsi. A sua volta, questo porta a tentativi di sviluppo personalizzato, che finiscono per essere costosi e insostenibili, in particolare quando si tratta di vetrine fortemente modificate e altamente personalizzate, denigrando l'adozione.

Tuttavia, le vetrine PWA vengono sviluppate proprio in questo momento per una pletora di commercianti Magento. Magento sta investendo molto in PWA, così come il resto del mondo.

Per i commercianti Magento, non è una questione di cosa accadrà con PWA? PWA è qui. La domanda è: come iniziare?

3 soluzioni PWA per Magento

Magento è una delle soluzioni di eCommerce più potenti sul mercato: alimenta il 12% di tutti i negozi di eCommerce su Internet e l'adozione continua a crescere anno dopo anno. Con una tale quota di mercato, diventare una piattaforma PWA può aiutare Magento a ridefinire fondamentalmente Internet e stanno facendo proprio questo, assicurando che qualsiasi commerciante interessato a ottenere una PWA per il proprio negozio possa farlo.

Se stai cercando di ottenere una PWA per il tuo negozio Magento, ci sono diverse opzioni a tua disposizione. Eccone tre che meritano la tua attenzione.

Magento PWA Studio

Magento PWA Studio è la risposta di Magento alla nuova mania ed è in lavorazione da alcuni anni. Rilasciato insieme a Magento 2.3, è una suite di strumenti per sviluppatori per la creazione di frontend PWA per Magento. Potenziando i tuoi sviluppatori con tutto il necessario per lo sviluppo, l'implementazione e la manutenzione e integrato da una ricca documentazione, lo studio Magento PWA potrebbe diventare lo strumento di riferimento per i commercianti Magento che desiderano portare il loro negozio nel futuro.

Dai un'occhiata a questo negozio demo (nota: fallo su un dispositivo mobile), sviluppato da Inchoo utilizzando gli strumenti di Magento PWA studio per dimostrare cosa si può ottenere.

ScandiPWA

A differenza di Magento PWA Studio, ScandiPWA (sviluppato da Scandiweb) è un tema Magento open source, piuttosto che un insieme di strumenti o una vetrina. Ciò significa che è direttamente installabile sul tuo negozio Magento 2.3 senza alcuna modifica nell'infrastruttura e può essere esteso in base alle tue esigenze, in un modo familiare a qualsiasi sviluppatore Magento. Molto elogiato dalla comunità, il tema pronto all'uso di ScandiPWA ha attirato molta attenzione per essere semplice e una splendida soluzione per coloro che cercano una soluzione PWA già pronta ad alte prestazioni.

Esplora il negozio demo ScandiPWA (nota: fallo su un dispositivo mobile) o il repository GitHub.

Vetrina Vue

Una delle soluzioni PWA più popolari sul mercato, Vue Storefront è un'app Web progressiva indipendente dalla piattaforma open source per l'eCommerce scritta in Vue.js. Con una comunità in forte espansione, è uno dei più grandi hub PWA. Data la sua grande scala, è una soluzione piuttosto complessa. Essere indipendente dalla piattaforma, piuttosto che da Magento, significa che mancano alcune funzionalità di Magento, tuttavia, ci si può aspettare che questo venga risolto man mano che lo sviluppo continua.

Esplora il negozio dimostrativo Vue Storefront (nota: fallo su un dispositivo mobile) o il fiorente repository GitHub.

Vantaggi delle soluzioni PWA Magento-First

Se sei un commerciante sulla piattaforma Magento, una prima soluzione PWA Magento può essere il modo più semplice per partecipare alla gara PWA. Tali soluzioni hanno i vantaggi aggiuntivi di familiarità, costi di sviluppo inferiori e prestazioni migliorate, che soddisfano i commercianti e gli sviluppatori.

Ecco tre esempi di come la prima soluzione PWA Magento ScandiPWA sfrutta lo stack Magento per offrire un'esperienza PWA spettacolare.

Nessun middleware

ScandiPWA è un tema PWA Magento-first, il che significa che è installabile direttamente sopra il tuo negozio Magento, che, a sua volta, ha il vantaggio di avere una relazione diretta con il tuo back-end Magento. Ciò consente ai commercianti di risparmiare un sacco di problemi, poiché qualsiasi middleware aggiunge un ulteriore livello di complessità: le funzionalità devono essere ricostruite, strutture di dati aggiuntive - sviluppate, personalizzazioni - adattate.

Ecco un esempio: le soluzioni create come vetrine PWA separate parlano solo con il database del sito web. Ciò influisce su problemi comuni come la gestione dei reindirizzamenti. Invece di colpire l'installazione principale di Magento e quindi essere reindirizzati come specificato nel back-end, vetrine separate devono sviluppare una soluzione per garantire che gli utenti atterrino dove dovrebbero.

Il middleware offre la sua giusta quota di vantaggi per soluzioni PWA più universali come Vue Storefront, poiché consente di collegare un'unica potente soluzione a più piattaforme, tuttavia, lo svantaggio è che richiede un ampio adattamento e, spesso, reinventare la ruota, quindi parlare. Le soluzioni Magento-first aggirano questo problema sfruttando le funzionalità Magento prontamente disponibili con conseguente risparmio sui costi di sviluppo per la tua azienda.

Familiarità con Magento e risparmio di tempo

Un vantaggio significativo delle soluzioni PWA Magento-first è la familiarità. L'uso continuato di un ambiente familiare per i tuoi sviluppatori renderà l'adozione più facile per loro e per te, semplificando il processo di sviluppo.

Magento si è dimostrato una delle piattaforme di eCommerce più avanzate al mondo e la comunità che è cresciuta attorno alla piattaforma ne è indicativo. Ciò significa che puoi trovare specialisti Magento in ogni angolo del mondo e, nonostante la novità di PWA, l'onboarding dovrebbe essere molto più agevole, rispetto al lavoro con un ambiente completamente nuovo. Gli strumenti di Magento sono conosciuti sia dagli sviluppatori che dai commercianti e hanno una comprovata storia di successo.

Quindi i commercianti che optano per una soluzione PWA Magento-first possono aspettarsi costi inferiori ed essere più informati su cosa sta succedendo.

Migrazione facile ea basso costo

ScandiPWA è un tema pronto per l'uso per Magento. Qualsiasi soluzione Magento-first porta vantaggi significativi in ​​termini di implementazione. Invece di dover rielaborare e ricreare completamente il tuo front-end da zero, una soluzione Magento plug-and-play ti consente di sfruttare i vantaggi delle PWA senza correre il rischio di mettere a repentaglio la tua attività.

Come stabilito, l'aggiunta del middleware e la disponibilità di un front-end completamente personalizzato introduce un livello di complessità non solitamente presente nelle soluzioni Magento-first. Ciò comporta ulteriori spese generali, di manutenzione e di supporto.

Conclusione

Le app Web progressive sono qui per restare. Nonostante una visione cauta verso l'adozione, i commercianti di tutto il mondo tengono comunque un dito sul polso di ciò che sta accadendo, cercando la soluzione giusta per loro e cercando di replicare i numerosi successi dei pionieri delle PWA.

Per i commercianti Magento che desiderano mettere piede il prima possibile, ci sono diverse opzioni: sviluppare la propria soluzione utilizzando Magento PWA Studio, optare per una soluzione PWA indipendente dalla piattaforma come Vue Storefront o andare con un Magento-first tema come ScandiPWA. Il modo più semplice ed economico per iniziare è quest'ultimo, in quanto consente alla tua azienda di sfruttare l'intera gamma di vantaggi PWA senza allontanarsi troppo dalla familiarità di Magento.

Viesturs Abelis è un Content Lead di Scandiweb e un vivace evangelista di ScandiPWA, Viesturs ha sempre due occhi rivolti al futuro, desideroso di rendere gli ultimi sviluppi digitali accessibili a tutti.