Până acum câțiva ani, era greu de imaginat când orice tehnologie poate reproduce experiența unei aplicații mobile native. Cu toate acestea, întrucât accesul pe mobil devine din ce în ce mai esențial în spațiul de comerț electronic, marșul progresului a găsit într-adevăr o soluție interesantă.

Aplicațiile web sau PWA-urile progresive sunt în vigoare începând din 2015. Această tehnologie funcționează peste tot și poate oferi experiența utilizatorului extrem de atractivă a unei aplicații native, fără aceleași costuri de dezvoltare.

PWAs au fost utilizate de întreprinderile mari, inclusiv Twitter, Alibaba și Walmart pentru a crește ratele de conversie și pentru a crește veniturile. Cu toate acestea, întreprinderile mici și mijlocii pot profita, de asemenea, de aceleași tehnologii pentru a crea o experiență asemănătoare aplicației pentru clienții lor și pentru a-și extinde audiența.

În acest articol, vom aborda ce sunt PWA-urile, modul în care beneficiază comerțul electronic și modul în care o afacere CBD a folosit PWA-urile pe frontend pentru a lansa site-ul lor de comerț fără cap.

Ce este un PWA?

O aplicație web progresivă este o tehnologie care permite companiilor să creeze aplicații web care să aibă aspectul aplicațiilor mobile native – toate în timp ce folosesc tehnologii web precum JavaScript, HTML, CSS. Dezvoltatorii pot folosi generatoare de site statice precum Gatsby sau VuePress pentru a lansa vitrine PWA extrem de interesante. Acestea pot fi apoi conectate la platformele de comerț electronic din backend.

PWA rulează într-un browser, dar le oferă utilizatorilor experiența unei aplicații native prin funcții cheie precum:

  • Acces la aplicație prin intermediul ecranului de acasă mobil
  • Acces la aplicație offline
  • Notificări

PWA-urile pot în curând să eclipseze aplicații native. A Sondaj Jaxenter au considerat că 46% din publicul lor de dezvoltatori consideră că PWA-urile vor fi viitorul, în timp ce doar 14% care cred că aplicațiile native vor predomina în cele din urmă. Pentru unele companii care au o aplicație mobilă autohtonă poate avea totuși sens. Pentru alții, PWA poate înlocui o aplicație mobilă. Unele companii pot chiar combina ambele tehnologii.

Tehnologia PWA câștigă avânt ca tehnologie populară nouă comerț fără cap configurații. Comerțul fără cap înseamnă decuplarea stratului de prezentare frontend de funcționalitatea comerțului electronic backend. Prin utilizarea unui PWA pe frontend, marca poate obține experiența rapidă, receptivă și asemănătoare cu aplicația pe care o doresc, în timp ce o conectează prin API-uri la funcțiile de comerț care pot conduce clienții prin conversie.

Beneficiile aplicațiilor Web progresive

Ponderea mobilă a comerțului electronic este în creștere rapidă. Până în 2021, comerțul mobil va fi generat 53,9% din totalul veniturilor din vânzările cu amănuntul online. Întreprinderile caută cea mai bună modalitate de a-și obține partea de pe piața de comerț electronic. Deși anterior, acest mod ar fi necesitat o aplicație nativă, astăzi beneficiile PWA-urilor pot face posibilă unele companii să obțină aceeași funcționalitate cu PWA-urile.

1. Ajungeți la un public mai larg.

PWA-urile sunt concepute pentru a funcționa pentru fiecare utilizator, indiferent de platforma pe care se află. De asemenea, sunt receptivi pentru a se potrivi cu ecrane de dimensiuni diferite. Deoarece sunt instantaneu accesibile pentru un public larg și ușor de partajat printr-un link, mai multe persoane le adoptă decât ar fi nevoie de timpul necesar pentru a descărca o aplicație.

2. Costuri de dezvoltare și timp reduse.

O aplicație nativă necesită nu numai propria dezvoltare, ci și propria întreținere. Pentru a ajunge la același public, trebuie să creezi atât aplicația Android, cât și o aplicație iOS și potențial o aplicație Windows 10 și să le gestionezi pe toate în plus față de site-ul tău.

3. Viteza și accesibilitatea.

Google a descoperit că 53% dintre utilizatorii de telefonie mobilă abandonați un site dacă este nevoie de mai mult de 3 secunde pentru a se încărca. Viteza este de cea mai mare importanță, iar PWA-urile pot oferi acest lucru, deoarece sunt concepute pentru experiențe ușoare și rapide ale utilizatorilor. PWA-urile tind să fie super rapide, deoarece folosesc tehnologii și cadre moderne de dezvoltare web. Și mai bine, aplicațiile funcționează chiar și offline sau cu rețele de calitate inferioară.

4. O mai bună conversie.

În parte datorită beneficiilor de mai sus, PWA-urile oferă clienților o experiență mai bună pentru clienți, iar o experiență mai bună pentru utilizatori înseamnă rate de conversie mai mari. De exemplu, Alibaba a văzut a Creștere cu 76% în conversii din diferite browsere după introducerea PWA-urilor.

Cum pot funcționa PWA cu comerțul electronic

Acum că înțelegeți unele dintre avantajele utilizării unui magazin PWA cu magazinul dvs. de comerț electronic, care sunt unele dintre opțiunile pentru construirea magazinului dvs.? Iată câteva care trebuie luate în considerare.

1. Zeitate.

Aceasta este o platformă binecunoscută PWA și microservicii. Deity adoptă o abordare modulară pentru soluționarea cerințelor PWA ale întreprinderii și poate fi exploatat cu diverse frontenduri. Falconul DEITY este un astfel de front PWA, care permite întreprinderilor de toate dimensiunile să ofere utilizatorilor lor experiențe web scalabile și mobile.

În octombrie 2019, Deity a anunțat un parteneriat cu BigCommerce astfel încât clienții să poată folosi DEITY Falcon pe frontend și să se conecteze cu ușurință la platforma fără cap SaaS deschisă de înaltă extensie a BigCommerce de pe backend. Cu această configurație fără cap, întreprinderile pot crea experiențe web pe care clienții lor le așteaptă – incluzând toate avantajele unei aplicații native – cu o viteză mult mai rapidă de inovație și un cost de proprietate mai mic.

2. Gatsby.

Gatsby este un cadru extrem de popular utilizat pentru construirea de situri PWA statice cu React. Gatsby are o documentare excelentă și o comunitate puternică de dezvoltatori care lucrează cu aceasta. Permite construirea de site-uri web și aplicații rapide în flăcări.

Agentia Al treilea și Grove a ajutat la dezvoltarea a Plugin sursă Gatsby-BigCommerce asta face ușoară construirea unui magazin de comerț electronic PWA folosind Gatsby pe frontend și BigCommerce pe backend. BigCommerce a lansat și un Șablonul Gatsby-Netlify CMS pentru a începe să dezvolți un magazin PWA fără server.

3. Vue Store.

Vue Storefront este unul dintre PWA-urile agnostice cu cea mai rapidă platformă, ceea ce înseamnă că poate fi folosit cu majoritatea platformelor de comerț electronic pe care poate doriți să le utilizați, inclusiv BigCommerce.

Puteți vedea strategia PWA obținerea picioarelor prin modul în care reacționează comunitatea de dezvoltatori. Vue Storefront a crescut rapid numărul de stele de pe Github (semn că dezvoltatorii le place sau doresc să marcheze un proiect), iar canalul Vue Storefront Slack are peste 1.200 de membri.

Canvas 1839: PWA Headless Head Story

Pânză 1839 este o companie din Austin care vinde produse de bună calitate CBD premium. Ei și-au lansat recent site-ul pe BigCommerce folosind un PWA construit pe Gatsby. Acest lucru le-a permis să obțină avantajele SaaS pentru comerțul electronic, cu mai multă libertate pentru inovare pe frontend.

exemplu de pânză

Corey Ward, Senior Web Developer, care a lucrat cu Canvas 1839 pentru a-și crea site-ul, a explicat de ce a fost aleasă această configurație fără cap: „Ne-am simțit mai încrezători că vom putea întâmpina orice provocare pe care o aruncau folosind instrumente precum Gatsby, React, și GraphQL decât ne-am limitat la unelte specifice platformei care se potrivesc unei experiențe tradiționale de comerț electronic. Este un câștig câștigător, deoarece ne bazăm foarte mult pe instrumente de dezvoltare precum Git, Babel și Webpack și niciuna dintre acestea nu este bine susținută pe nicio platformă de comerț electronic SaaS de care nu suntem conștienți. ”

Avantajele utilizării headless înseamnă, de asemenea, un timp de dezvoltare mai rapid și mai eficient și actualizări atât pentru dezvoltatori cât și pentru marketeri din echipă. Ward explică: „Pentru gestionarea conținutului, folosim o abordare cu adevărat flexibilă, care permite echipei de marketing să creeze noi pagini dintr-o bibliotecă de blocuri de conținut definite în Conținut. Acest lucru permite echipelor de marketing și conținut să creeze pagini informaționale bogate, care sunt complet integrate cu restul site-ului; indiferent dacă introduceți o secțiune de produs într-o postare pe blog sau adăugați o secțiune derulantă de întrebări frecvente la o pagină de produs, este posibil din interiorul Conținutului, nu este nevoie de niciun dezvoltator sau cod.

După lansarea inițială pe Shopify și a suferit dureri în creștere, Canvas 1839 a găsit o casă cu BigCommerce ca platformă care este atât sprijinitor al comercianților CBD și suficient de extensibil pentru a construi ceea ce aveau nevoie. Vorbind despre tranziția Ward spune: „Ne-a plăcut că BigCommerce a suportat plățile Square și că experiența de checkout ne-a permis să ne integrăm cu Segment. Am putut face tranziția fără nicio modificare a experienței utilizatorului de pe site-ul nostru, ceea ce este destul de incredibil. ”

Experiențele de cumpărături nu sunt de o singură dimensiune. Magazinele Apple ar fi un mod groaznic pentru Home Depot de a încerca să vândă instrumente și invers. Folosind o abordare fără cap, luăm decizii cu contextul pentru ce fel de experiență încercăm să creăm. Apreciem acest nivel de intenție. – Cory Ward, dezvoltator web senior, Canvas 1839

Deși site-ul Canvas 1839 este prea nou lansat pentru a avea date comparative puternice, Ward spune că au primit deja o primire excelentă anecdotic din partea clienților. Și cu un sistem flexibil ușor de inovat și pe o platformă construită la scară, au o mulțime de spații pentru a crește și a se extinde.



Source link

Leave a Reply

Your email address will not be published. Required fields are marked *