PWA i Magento: tworzenie mobilnych zakupów nowej generacji

To gościnny post autorstwa Viestursa Abelisa, kierownika ds. treści w Scandiweb.

Progresywne aplikacje internetowe. Wszyscy o nich mówią i nawet jeśli nie jesteś pewien, czym one są, prawdopodobnie już korzystasz z tej technologii. Twitter, Starbucks, AliExpress i wiele innych z powodzeniem wdrożyło PWA, z których codziennie korzystają miliony ludzi.

Wyniki są widoczne. Twitter odnotował 65% wzrost liczby stron na sesję, 75% wzrost wysyłanych tweetów i 20% spadek współczynnika odrzuceń. AliExpress podwoił liczbę odwiedzanych stron na sesję i odnotował 104% wzrost współczynników konwersji. Google zgromadził zdumiewające portfolio historii sukcesu PWA.

To, co jeszcze kilka lat temu było technologią wykorzystywaną głównie przez cyfrowych gigantów, ze względu na wysokie koszty rozwoju i nieuchronność niestandardowych rozwiązań, dziś staje się coraz bardziej demokratyzowane i dostępne. Dzięki powstającym rozwiązaniom PWA i szerokiemu rozpowszechnieniu PWA, technologia jest teraz dostępna dla każdego.

PWA wyglądają jak zmieniacz gry, a ponieważ coraz więcej sprzedawców wskakuje na modę, ważne jest, aby zrozumieć, co się dzieje i co ta nowa technologia oznacza dla Ciebie.

Co to jest progresywna aplikacja internetowa?

Progresywne aplikacje internetowe to nowy rodzaj technologii tworzenia stron internetowych (choć pomysł istnieje już od jakiegoś czasu), który łączy najlepsze aplikacje internetowe i natywne oraz tworzy doskonałe, podobne do aplikacji, cyfrowe doświadczenia bezpośrednio w przeglądarce użytkownika. Kiedy więc usłyszysz PWA, pomyśl ― o stronie mobilnej z funkcjami i pełną funkcjonalnością aplikacji natywnej.

O jakich dokładnie funkcjach mówimy? Przede wszystkim PWA są szybkie. Dzięki wykazanemu 300% wzrostowi szybkości ładowania strony, wysoce zoptymalizowane strony osiągają niemal natychmiastowy czas ładowania, dzięki czemu są tak samo responsywne i przyjemne w użyciu jak aplikacje natywne.

Inne funkcje obejmują pełnoekranowy interfejs użytkownika, zapisywanie ekranu głównego, powiadomienia push, dostępność sprzętu, a nawet tryb offline. Umożliwione dzięki wspaniałemu narzędziu Service Worker, o którym możesz dowiedzieć się więcej tutaj podczas wykładu społeczności Google Developer Community, PWA łączą szereg nowoczesnych rozwiązań cyfrowych, aby zapewnić wrażenia prawdziwie podobne do aplikacji.

Można je nawet wdrożyć w sklepach z aplikacjami, jeśli chcesz. Jednak w przeciwieństwie do natywnych aplikacji ograniczonych do tych platform, PWA działają jak zwykłe strony internetowe i można je indeksować w Google, dzięki czemu są nie tylko wykrywalne, ale także dają potencjalny wzrost SERP ze względu na szybsze ładowanie i lepsze wrażenia. Oznacza to również brak dużych plików do pobrania i automatycznych aktualizacji zapewniających bezproblemowe początkowe zaangażowanie.

Rosnącą popularność aplikacji PWA można przypisać pojawiającej się przepaści możliwości między sposobem korzystania z aplikacji natywnych a siecią mobilną – sieć mobilna przyciąga więcej odwiedzających, ale aplikacje oferują lepsze wrażenia i przewyższają sieć pod względem zaangażowania. Programy PWA zapewniają wrażenia, jakich oczekują ludzie, dokładnie tam, gdzie ich szukają.

PWA: szum czy przyszłość?

Podobnie jak w przypadku każdej nowej technologii, ostrożność ma pierwszeństwo przed przyjęciem. Wysoce zależne od obsługi przeglądarek, niestabilne w powijakach, a mimo to w ciągłym rozwoju, PWA nie oferują jeszcze pewności i spokoju w celu przyjęcia. PWA otacza aura tajemniczości, gdy kupcy starają się je zrozumieć.

Jedno jest jednak pewne – to nie tylko szum. Technologia jest solidna, pierwsi użytkownicy zostali bardzo wynagrodzeni, a wraz z rozpowszechnianiem się wiedzy rośnie również adopcja.

PWA pozytywnie wpływają na prawie każdy marketingowy wskaźnik KPI

Studia przypadków z życia wzięte wykazały, że PWA mają pozytywny wpływ na prawie każdy marketingowy wskaźnik KPI — wydajność, zaangażowanie, czas spędzony w witrynie, generowanie potencjalnych klientów, ponowne zaangażowanie, konwersje i inne.

W erze mobile-first nie jest niespodzianką, że taka transformacyjna technologia przewyższa bardziej tradycyjne kanały cyfrowe, a znaczenie priorytetyzacji doświadczeń mobilnych wciąż rośnie. Zakupy mobilne coraz bardziej dominują w handlu elektronicznym; Google ogłosił niedawno indeksowanie mobilne, które jest domyślnie włączone dla wszystkich nowych witryn od 1 lipca 2019 r.; a znaczna liczba nowych użytkowników internetu rozpoczyna swoją cyfrową podróż na urządzeniach mobilnych.

Dlatego dostarczanie ponadprzeciętnych doświadczeń mobilnych jest mile widziane z otwartymi ramionami, a ich rosnące znaczenie prawdopodobnie skłoni marketerów na całym świecie do większego skupienia się na tym, aby zachować konkurencyjność.

I nie chodzi tylko o zapewnienie lepszych cyfrowych doświadczeń Twoim klientom, ale także o dotarcie do nowych, ponieważ aplikacje PWA odgrywają ważną rolę pod względem dostępności. Dzięki niewielkim wymaganiom aplikacji PWA dotyczących danych, dostępne wrażenia cyfrowe są dostępne dla osób z nieoptymalnym zasięgiem sieci, bez kompromisów w zakresie UX. Na przykład inicjatywa rozwoju Ubera szła w parze z PWA, aby zapewnić, że obszary wiejskie i inne obszary z wolniejszymi połączeniami mogą nadal doświadczać angażujących i responsywnych doświadczeń.

A teraz sprzedawcy na całym świecie mogą zrobić to samo dla swoich obecnych i przyszłych klientów, ponieważ ogólnoświatowa adopcja PWA jest w toku.

Magento wita PWA z otwartymi ramionami

Magento od jakiegoś czasu ma oko na PWA. Wprowadzając studio PWA we wrześniu 2017 r., światło ujrzało w końcu w styczniu 2019 r., a do czasu, gdy Magento Imagine 2019 pojawiło się w maju, PWA były w pamięci wszystkich i z pewnością były gorącym tematem konferencji.

Podczas gdy Magento zagłębia się w PWA i opracowano wiele innych rozwiązań prezentujących możliwości PWA, społeczność jest nieco niechętna do naśladowania, ponieważ nie ma ostatecznych rozwiązań, które mogliby zmobilizować sprzedawcy i twórcy rozszerzeń. To z kolei prowadzi do niestandardowych prób programistycznych, które są kosztowne i nie do utrzymania, szczególnie w przypadku mocno zmodyfikowanych i wysoce spersonalizowanych witryn sklepowych, dyskredytując ich adopcję.

Niemniej jednak witryny sklepowe PWA są w tej chwili rozwijane dla wielu sprzedawców Magento. Magento dużo inwestuje w PWA, podobnie jak reszta świata.

Dla sprzedawców Magento to nie jest kwestia tego, co się stanie z PWA? PWA jest tutaj. Pytanie brzmi ― jak zacząć?

3 rozwiązania PWA dla Magento

Magento to jedno z najpotężniejszych rozwiązań eCommerce na rynku – obsługuje 12% wszystkich sklepów eCommerce w Internecie, a adopcja rośnie z roku na rok. Przy takim udziale w rynku, stanie się platformą PWA może pomóc Magento w fundamentalnym przedefiniowaniu Internetu i właśnie to robią, zapewniając, że każdy sprzedawca zainteresowany uzyskaniem PWA dla swojego sklepu może to zrobić.

Jeśli szukasz PWA do swojego sklepu Magento, dostępnych jest kilka opcji. Oto trzy, które zasługują na twoją uwagę.

Studio Magento PWA

Magento PWA Studio jest odpowiedzią Magento na nowe szaleństwo i działa od kilku lat. Wydany wraz z Magento 2.3, jest zestawem narzędzi programistycznych do budowania frontendów PWA dla Magento. Zapewniając Twoim programistom wszystko, co jest potrzebne do rozwoju, wdrażania i konserwacji, a także uzupełnione bogatą dokumentacją, Magento PWA Studio prawdopodobnie stanie się podstawowym narzędziem dla sprzedawców Magento, którzy chcą przenieść swój sklep w przyszłość.

Spójrz na ten sklep demonstracyjny (uwaga: zrób to na urządzeniu mobilnym), opracowany przez Inchoo przy użyciu narzędzi studia Magento PWA, aby zademonstrować, co można osiągnąć.

ScandiPWA

W przeciwieństwie do Magento PWA Studio, ScandiPWA (opracowany przez Scandiweb) jest motywem open-source Magento-first, a nie zestawem narzędzi lub witryną sklepową. Oznacza to, że można go zainstalować bezpośrednio w sklepie Magento 2.3 bez żadnych zmian w infrastrukturze i można go rozbudować do własnych potrzeb w sposób znany każdemu programiście Magento. Bardzo chwalony przez społeczność, gotowy do użycia szablon ScandiPWA zyskał wiele uwagi ze względu na to, że jest bezproblemowy i jest wspaniałym rozwiązaniem dla tych, którzy szukają gotowego rozwiązania PWA o wysokiej wydajności.

Poznaj sklep demonstracyjny ScandiPWA (uwaga: zrób to na urządzeniu mobilnym) lub repozytorium GitHub.

Vue Storefront

Jedno z najpopularniejszych rozwiązań PWA na rynku, Vue Storefront to niezależna od platformy, progresywna aplikacja internetowa dla eCommerce napisana w języku Vue.js. Dzięki dynamicznie rozwijającej się społeczności jest to jeden z największych hubów PWA. Biorąc pod uwagę jego dużą skalę, jest to dość złożone rozwiązanie. Bycie niezależnym od platformy, a nie Magento-first oznacza, że ​​brakuje niektórych funkcji Magento, jednak można się spodziewać, że zostanie to naprawione w miarę rozwoju.

Poznaj sklep demonstracyjny Vue Storefront (uwaga: zrób to na urządzeniu mobilnym) lub dobrze prosperujące repozytorium GitHub.

Zalety rozwiązań Magento-First PWA

Jeśli jesteś sprzedawcą na platformie Magento, rozwiązanie Magento-first PWA może być najłatwiejszym sposobem na dołączenie do wyścigu PWA. Takie rozwiązania niosą ze sobą dodatkowe korzyści w postaci znajomości, niższych kosztów rozwoju i lepszej wydajności, co sprawia, że ​​sprzedawcy i programiści są zadowoleni.

Oto trzy przykłady tego, jak pierwsze rozwiązanie Magento PWA ScandiPWA wykorzystuje stos Magento, aby zapewnić spektakularne wrażenia z PWA.

Brak oprogramowania pośredniego

ScandiPWA jest motywem Magento-first PWA, co oznacza, że ​​można go zainstalować bezpośrednio na sklepie Magento, co z kolei ma tę zaletę, że ma bezpośrednią relację z zapleczem Magento. Oszczędza to sprzedawcom wiele kłopotów, ponieważ każde oprogramowanie pośredniczące dodaje dodatkową warstwę złożoności – funkcje muszą zostać przebudowane, dodatkowe struktury danych – opracowane, dostosowania – dostosowane.

Oto przykład: rozwiązania zbudowane jako osobne witryny sklepowe PWA rozmawiają tylko z bazą danych serwisu. Wpływa to na takie typowe problemy, jak obsługa przekierowań. Zamiast uderzać w podstawową instalację Magento, a następnie być przekierowywanym, jak określono w zapleczu, oddzielne witryny sklepowe muszą opracować rozwiązanie zapewniające użytkownikom lądowanie tam, gdzie powinni.

Middleware ma wiele zalet w przypadku bardziej uniwersalnych rozwiązań PWA, takich jak Vue Storefront, ponieważ umożliwia połączenie jednego potężnego rozwiązania z wieloma platformami, jednak wadą jest to, że wymaga szerokiej adaptacji i często ponownego wymyślania koła, więc mówić. Rozwiązania Magento-first omijają to, wykorzystując łatwo dostępne funkcje Magento, co pozwala zaoszczędzić na kosztach rozwoju Twojej firmy.

Znajomość Magento i oszczędność czasu

Istotną zaletą rozwiązań Magento-first PWA jest znajomość. Ciągłe korzystanie ze środowiska znanego twoim programistom ułatwi adopcję dla nich i dla ciebie, usprawniając proces rozwoju.

Magento sprawdziło się jako jedna z najbardziej zaawansowanych platform eCommerce na świecie, a społeczność, która rozwinęła się wokół platformy, jest tego dowodem. Oznacza to, że specjalistów Magento można znaleźć w każdym zakątku świata i pomimo nowości, jaką jest PWA, onboarding powinien przebiegać znacznie płynniej w porównaniu do pracy w zupełnie nowym środowisku. Narzędzia Magento są dobrze znane zarówno deweloperom, jak i handlowcom i mają udokumentowaną historię sukcesu.

Dlatego sprzedawcy decydujący się na rozwiązanie Magento-first PWA mogą oczekiwać niższych kosztów i być bardziej świadomym tego, co się dzieje.

Łatwa i tania migracja

ScandiPWA to gotowy do użycia motyw dla Magento. Każde rozwiązanie Magento-first przynosi znaczące korzyści, jeśli chodzi o wdrożenie. Rozwiązanie Magento typu plug-and-play pozwala czerpać korzyści z aplikacji PWA bez ryzyka narażenia firmy na ryzyko, zamiast całkowicie przerabiać i odtwarzać interfejs użytkownika od podstaw.

Jak ustalono, dodanie oprogramowania pośredniczącego i posiadanie całkowicie niestandardowego interfejsu użytkownika wprowadza poziom złożoności, który zwykle nie występuje w rozwiązaniach Magento-first. Pociąga to za sobą dodatkowe koszty ogólne, konserwację i wsparcie.

Wniosek

Progresywne aplikacje internetowe nie znikną. Pomimo ostrożnego podejścia do adopcji, sprzedawcy na całym świecie wciąż trzymają rękę na pulsie, szukając odpowiedniego dla nich rozwiązania i próbując powtórzyć wiele sukcesów pionierów PWA.

Dla sprzedawców Magento, którzy chcą jak najszybciej wejść do drzwi, istnieje kilka opcji – opracowanie własnego rozwiązania za pomocą studia Magento PWA, wybór rozwiązania PWA niezależnego od platformy, takiego jak Vue Storefront, lub przejście z Magento-first motyw taki jak ScandiPWA. Najłatwiejszym i najbardziej opłacalnym sposobem na rozpoczęcie jest ten drugi, ponieważ umożliwia on Twojej firmie wykorzystanie pełnego zakresu korzyści PWA bez zbytniego odchodzenia od znajomości Magento.

Viesturs Abelis jest kierownikiem ds. treści w Scandiweb i energicznym ewangelistą ScandiPWA. Viesturs zawsze patrzy w przyszłość z dwojgiem oczu, chcąc, aby najnowsze osiągnięcia cyfrowe były dostępne dla wszystkich.