Vue Storefront: la PWA per Shopware

Shopware 6 sta aumentando l’utilizzo di soluzioni API come base per le Progressive Web App (PWA). In questo articolo vedremo Vue Storefront.

Cosa sono le PWA?

La nuova base tecnologica di Shopware 6 offre molte nuove opzioni per aiutare la tua attività di E-Commerce a crescere, una delle quali include il collegamento delle PWA.

Ma di cosa stiamo parlando esattamente?

Le Progressive Web App (PWA) non sono certo una novità, ma anzi, soprattutto ultimamente, sono sempre più popolari. Il termine è stato coniato ufficialmente da Frances Berriman (designer) e Alex Russell (ingegnere di Google Chrome) nel 2015.

Da quel momento molti grandi marchi hanno deciso di affidarsi a questa nuova tecnologia, vedendo i numerosi vantaggi che poteva portare.

Anche Google contribuisce pesantemente alla diffusione delle PWA, prendendole in considerazione per la questione posizionamento. Questo  significa che le funzionalità delle PWA possono influenzare il punteggio mobile. Google è anche l’ideatore di molti concetti di base di PWA e sottolinea soprattutto tre caratteristiche:

  • Affidabilità: le PWA funzionano offline o anche quando la connessione Internet è scarsa
  • Velocità: le PWA si comportano bene nella preparazione e nell’utilizzo dei contenuti
  • Fedeltà degli utenti: le PWA mantengono gli utenti a lungo termine grazie alle loro caratteristiche principali
    In poche parole, le PWA sono un misto di siti Web e app classici. Poiché uniscono i vantaggi di entrambi i sistemi.

Tecnicamente sono una combinazione di framework HTML, CSS e JavaScript (Angular, React o Vue.js). Service Worker, Local Caching, Web App Manifest o altre moderne tecnologie del browser supportano funzioni essenziali come l’accesso offline e le notifiche push. A seconda dell’ambito e della funzione della PWA, è necessario anche collegarla a un backend.

Perché le PWA sono utili per l’E-Commerce?

In questo momento particolare, gli acquisti da mobile sono aumentati a dismisura. Fare shopping, ormai è diventata una sorta di passatempo, che spesso di fa nei ritagli di tempo: quando si sta in attesa di qualcuno o alla fermata dell’autobus, quando si fa una pausa etc.

Avendo sempre con noi uno smartphone quindi diventa molto facile fare acquisti. Ecco perché le PWA sono particolarmente preziose per le strategie di E-Commerce.

Le PWA sono particolarmente adatte per i merchants con un gran numero di vendite tramite dispositivi mobili. In particolare, le PWA possono migliorare il tuo tasso di conversione mobile quando il problema è probabilmente dovuto a una cattiva usabilità o a un altro ostacolo che potrebbe essere migliorato con una PWA.

Vue Storefront è stato sviluppato appositamente per l’E-Commerce

Vue Storefront è la prima PWA esclusiva per Shopware 6 ed è stata scritta nel popolare framework web Vue.js Può essere utilizzata indipendentemente dalla piattaforma e può essere collegata a vari backend tramite API.

Vantaggi

Esperienza con l’app nativa

Aprire il browser e digitare un URL? Quello era allora. Ora una PWA può essere mostrata come una scorciatoia per un’app comune nella schermata iniziale del dispositivo mobile. L’utente può quindi comodamente aprirlo e accedere direttamente allo shop online.

Alta velocità

Il collegamento tra PWA e AMP (Accelerated Mobile Pages) si traduce in un caricamento e un comportamento di esecuzione straordinariamente veloci. I test con Google Lighthouse lo hanno dimostrato e sono anche rilevanti per la classifica Mobile First di Google.

Naviga offline e acquista

Connessione Internet inaffidabile ? Con una PWA, una perdita a breve termine della connettività Internet non è più un disturbo. Gli utenti possono anche fare acquisti offline con Vue Storefront e sfogliare e ordinare i prodotti. Vue Storefront acquisisce i dati necessari in anticipo. Gli ordini effettuati offline vengono salvati nella cache del browser locale e inviati non appena l’utente si ricollega a Internet.

Checkout del negozio

Il checkout standard di Shopware è disponibile anche offline con Vue Storefront. È possibile integrare metodi di pagamento comuni e metodi di spedizione.

Spinta SEO

Vue Storefront supporta le migliori pratiche SEO per le PWA. Per prima cosa, Vue Storefront si basa su Vue.js, una delle applicazioni più SEO-friendly consigliate da Google. Dall’altro, è possibile renderla sul lato del server senza problemi, per cui anche le applicazioni basate su JavaScript sono compatibili con i crawler.

Le notifiche push

Le notifiche push ti consentono di attirare l’attenzione dei tuoi clienti su sconti, saldi, nuovi prodotti o persino su una connessione Internet ripristinata. È possibile collegare anche servizi esterni.

Collegamento a Google Analytics

Sono supportati Google Analytics, Google AdWords e altri servizi. Le analisi e i rapporti funzionano come in un sito web standard.

Prodotti configurabili

Gli utenti possono configurare i prodotti prima di inserirli nel carrello. Ciò include, ad esempio, scelte di colore, dimensioni diverse e così via. I dati vengono trasferiti direttamente dal backend di Shopware 6. Inoltre, il display PWA è altamente dinamico e offre molte più opzioni rispetto alle applicazioni comuni.

Scanner di codici a barre

Gli utenti possono utilizzare i propri smartphone come scanner per i codici a barre con Vue Storefront. La fotocamera anteriore del dispositivo mobile diventa così uno scanner, per poter usare questa funzione. Questo consente agli utenti di aggiungere facilmente prodotti al proprio ordine senza doverli prima cercare online. Questo sistema è anche molto pratico per il personale di magazzino, ad esempio: il prodotto sullo scaffale del magazzino può essere scansionato e riordinato direttamente, anche senza una connessione Internet.

Integrazione Voice Commerce

Le interfacce utente vocali sono sempre più importanti per il futuro. Questa integrazione ti consente di controllare il tuo negozio online tramite comando vocale. È possibile collegare facilmente Alexa o Google Home e attivare la funzione di registrazione vocale del browser, ad esempio per effettuare una ricerca.

Open source

Vue Storefront è gratuito con la licenza MIT e disponibile tramite GitHub.

Ambito funzionale

Un confronto tra PWA, app native e siti Web responsive mostra: una PWA combina i punti di forza di entrambi i sistemi e copre l’intera gamma.

Importante per l’implementazione

Le PWA sono disponibili con vari ambiti funzionali. Questo perché dipendono anche dalle funzionalità desiderate. Normalmente, l’implementazione rappresenta un progetto più ampio. Tuttavia, la PWA può anche essere ampliata gradualmente, ad esempio con plug-in.

Chi dovrebbe avere una PWA?

Come già accennato in precedenza, le PWA sono particolarmente adatte per le aziende che desiderano ottenere un punto d’appoggio migliore nel commercio da mobile. Connessioni scadenti, difficoltà di pagamento e una cattiva UX spesso portano alla frustrazione dei potenziali clienti e alla fine all’abbandono del carrello da parte degli utenti. Con le PWA si possono risolvere questi fastidiosi problemi.

Oltre ai commercianti online che desiderano migliorare le proprie opportunità in termini di commercio mobile, le PWA sono particolarmente indicate anche per i commercianti che

  • stanno pensando di passare da Shopware 5 a Shopware 6,
  • desiderano migrare da un’altra piattaforma a Shopware,
  • vogliono avere una forte presenza sui social media,
  • sono attivi nei settori della moda, della bellezza o dell’arredamento e del lifestyle
  • registrano perdite nelle ricerche organiche,
  • vogliono migliorare il posizionamento sui motori di ricerca,
  • sono guidati dall’innovazione e pianificano a lungo termine e strategicamente.

Conclusione

Le PWA sono quindi un ottimo strumento, che può dare veramente tanto a chi le ulizza. Grazie a queste infatti, puoi facilmente aumentare  la fedeltà dei tuoi clienti. Gli utenti poi sono molto soddisfatti di questo tipo di tecnologia e la trovano molto divertente.

L’implementazione di una PWA è un progetto che richiede tempo, ma, per molti negozi online guidati dall’innovazione, ne vale davvero la pena.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.