Como os comerciantes do Magento melhoraram a conversão com o PWA Studio

Se você acompanha tudo o que está acontecendo na esfera Magento, o PWA deve estar no seu radar agora. E visto que o número de lojas Magento PWA estão aumentando rapidamente, Magento recentemente teve um webinar (Como os clientes Magento aumentaram a conversão com o PWA studio ) detalhando todas as informações necessárias sobre o PWA no Magento - do que é, como funciona e como os comerciantes podem aproveitar o PWA Studio para criar PWAs de alto desempenho.

O webinar é organizado pela Sra. Maryel Roman-Price, Gerente de Geração de Demanda Comercial APAC DX da Adobe, e Sam Elliot, consultor de soluções da Adobe, juntou-se ao webinar.

Aqui estão os resumos rápidos, bem como os destaques do webinar:

I. Examinando o PWA

O webinar começa com uma breve recapitulação do que é um PWA e quão diferente é a experiência do PWA.

O que é PWA?

Abreviação de Progressive Web App, PWA é uma página da Web com recursos aprimorados. É mais rápido, semelhante a um aplicativo e equipado com as tecnologias mais recentes para ajudar a eliminar os atrasos muitas vezes associados à experiência de compra móvel.

Benefícios do PWA

Um PWA tem acessibilidade de hardware muito melhor. Ele pode acessar recursos anteriormente exclusivos de aplicativos nativos, como notificações push, acesso à câmera, etc. E no lado comercial, um PWA traz benefícios de economia de custos muito melhores. As economias, como disse a anfitriã Maryel Price, são contínuas porque você não manterá, atualizará ou redesenhará vários aplicativos.

Como o PWA ajuda a melhorar a conversão

O Ericsson Mobility Report mediu a frequência cardíaca e descobriu que o nível de estresse causado pelo atraso no celular é comparável ao de assistir a um filme de terror. Esse nível de estresse está presente em um número não tão pequeno de lojas online por aí, e você certamente não quer esse tipo de estresse para seus clientes. Combinado com o fato de que mesmo um atraso de um segundo pode diminuir a conversão em 20%, a velocidade é a única coisa que os comerciantes precisam começar a prestar atenção para melhorar as taxas de conversão - e o PWA é a melhor maneira de resolver isso.

Ter PWA e essa experiência relâmpago para seus clientes é o que eles procuram, e eles vão impulsionar a demanda por isso.

Sam Elliot, consultor de soluções comerciais da Adobe

Quão diferente é a experiência do PWA

Aqui temos Sam Elliot dando os detalhes técnicos sobre como e onde a experiência PWA difere.

O PWA é, antes de tudo, uma página da Web com recursos aprimorados. Um site com PWA não solicita o servidor para novos conteúdos o tempo todo, mas tem todo o conteúdo necessário armazenado no navegador. E à medida que o cliente interage com o PWA, o que ele experimenta é uma experiência extremamente rápida, porque tudo já é renderizado e servido no navegador.

Sam Elliot continuou explicando o componente central do PWA – service workers – e como ele permite grande parte dos recursos do PWA. Os service workers são executados em paralelo com o navegador e são responsáveis ​​por recuperar (buscar) o conteúdo armazenado em cache, permitindo uma experiência consistente e fluida.

II. Ficando prático

O foco principal do webinar é ser prático – fornecer aos comerciantes respostas reais para suas necessidades de negócios.

Como o PWA Studio ajuda

Como os comerciantes Magento estão vendo o PWA como um caminho real de atualização, existem várias maneiras de tornar suas lojas alimentadas por PWA. E entre os frameworks PWA populares, o PWA Studio se destaca como a solução perfeita para lojas Magento pelos seguintes motivos:

Fortemente integrado com o framework Magento

O PWA Studio é construído diretamente do framework Magento. E por causa disso, uma loja PWA construída com o estúdio PWA terá o Magento 2 como backend. No entanto, em comparação com os temas tradicionais do Magento, as vitrines do PWA são mais flexíveis devido à maneira como sua infraestrutura está conectada - sem cabeça e desacoplada do back-end do Magento, tornando-o uma abordagem mais escalável para as marcas.

Construtor de páginas

Disponível no Magento Commerce, o Page Builder remove a restrição usual encontrada na criação de conteúdo. Para usuários não técnicos, eles agora não precisam mais trabalhar constantemente com desenvolvedores para implementar um novo recurso e/ou uma nova página, pois a interface intuitiva de arrastar e soltar do Page Builder ajuda a simplificar a criação de todo o conteúdo processo. Assim, uma nova página inicial, por exemplo, pode ser projetada e implantada com o Page Builder, e o resultado final será exatamente como você veria em uma estrutura normal e responsiva.

Recursos mais recentes à medida que avança

O PWA Studio mantém sua loja com tecnologia PWA em um roteiro direto. E isso significa que as vitrines criadas com o PWA Studio eventualmente terão os mesmos recursos que os frontends Magento responsivos normais. O Adobe Sensei, por exemplo, foi recentemente apresentado ao PWA Studio, e as vitrines do PWA criadas com o PWA Studio agora podem se beneficiar das recomendações de produtos inteligentes do Sensei.

A economia

A conversa real - a parte em que entra em grandes detalhes sobre como um PWA criado com o PWA Studio pode ajudar a reduzir seus custos de desenvolvimento - começa muito mais tarde no webinar.

Os custos de oportunidade

Como o PWA pode ser publicado em lojas de aplicativos, não há mais a necessidade de desenvolver e publicar várias versões do seu aplicativo, deixando os varejistas com mais opções para se concentrar em uma experiência atraente para o cliente.

E quando combinado com o fato de que a maioria dos clientes por aí baixam zero aplicativos mensalmente, há uma oportunidade real para os comerciantes fornecerem uma excelente experiência e terem clientes móveis convertidos no ambiente PWA, em vez de deixá-los desligados devido a a velocidade de carregamento lenta de um site móvel típico.

Quão mais rápido é desenvolver um PWA

Com um PWA, você está combinando as três experiências diferentes (iOS, Android, Web) em uma, então, na realidade, haverá recursos e funcionalidades das experiências móveis ou da experiência do site que são basicamente essenciais para o seu negócios, e você precisará reconstruir esses recursos e funcionalidades em seu PWA.

O PWA Studio, é claro, fornece vários recursos e capacidades prontos para uso, mas como existem recursos personalizados que você sabe que podem ser convertidos muito bem para o seu negócio - e como o PWA é uma experiência de front-end totalmente nova - você vai ter que reconstruir esses recursos personalizados em seu PWA.

Consequentemente, isso significa que haverá algum tempo e custo adicionais associados ao processo; no entanto, não é o mesmo custo de construí-lo três vezes ou gerenciar três experiências diferentes com base no capricho de diferentes provedores móveis. Com o PWA, você obtém uma experiência unificada no Safari, Edge ou Chrome e, por causa disso, pode criar uma experiência atraente e ser gerenciada continuamente em um único nível.

III. Perguntas frequentes

Perto do final do webinar, há uma sessão de perguntas e respostas, e há algumas perguntas interessantes que devem atender às suas necessidades.

1. Com que rapidez meu site atual pode ser convertido em um PWA, supondo que eu tenha temas básicos baseados no tema Luma?

Sam Elliot começa reafirmando que “ converter ” não é realmente a maneira correta de pensar sobre isso. O PWA é um frontend separado, então você criará um site em um frontend separado e não no framework responsivo Luma – e, essencialmente, isso significa que seu frontend terá que ser reconstruído em uma nova experiência.

Basicamente, haverá alguns recursos e funcionalidades que precisarão ser transferidos para o novo front-end do PWA, juntamente com chamadas de API personalizadas para ir para o front-end do PWA separado agora (em vez de ter tudo comunicado diretamente ao back-end do Magento). No geral, existem muitas variáveis, mas para um site básico do Luma ser reconstruído em um site básico da Venia, deve levar cerca de três meses em média.

2. Você pode integrar gateways de pagamento personalizados via APIs do Magento?

Fora da caixa, o Braintree já está conectado ao frontend do Magento PWA, mas sim, você pode integrar qualquer gateway de pagamento personalizado via APIs do Magento.

3. Qual é a quantidade de tempo necessária se você iniciar o PWA do zero?

Aqui, Sam Elliot entra em detalhes sobre quais são as diferenças e por que há uma variação no esforço necessário ao criar um PWA.

Para uma loja Magento padrão baseada no Luma, você tem a funcionalidade principal que está atualmente disponível nesse site. E então você constrói em cima dessa funcionalidade principal para então renderizar a experiência do cliente que você está procurando. Dentro do PWA, tudo é mais ou menos o mesmo. A única diferença é que haverá algumas pequenas peças que estão atualmente disponíveis, e como a maioria das extensões no mercado não foi reescrita para funcionar dentro do PWA (assim como para funcionar no novo frontend Venia), haverá alguns trabalhos extras envolvidos no processo.

Mas em termos de construção de cada componente e módulo, não há diferença de tempo, nenhum esforço adicional necessário para construir algo dentro do PWA como um componente/módulo personalizado do que no passado.

 Leitura recomendada: SimiCart junta-se ao Mageplaza para desenvolver extensões do Community PWA Studio

4. Conselho de fechamento

No final do webinar, Sam Elliot nos deixa um conselho final:

Todos deveriam pensar no PWA como a próxima experiência para eles. Vai proporcionar uma melhor conversão em dispositivos móveis, uma melhor experiência do cliente, que é para onde todos querem ir. Se você tem um site atrasado e sente que ele precisa de uma atualização, ou se precisa de uma melhor experiência do cliente, o PWA provavelmente é a resposta para você, porque é como será o futuro. A experiência ultrarrápida proporcionada pelo PWA é o que os clientes buscam, e são eles que vão impulsionar a demanda por isso.

Para os comerciantes Magento que desejam alcançar essa nova experiência de comércio, aqui no SimiCart somos uma equipe de agência de desenvolvimento de PWA qualificada pelo Google, pronta para transformar sua loja Magento.