Crie uma Progressive Web App com o WordPress

Uma Progressive Web App (PWA) é um site criado para funcionar como uma aplicação. Neste artigo, vamos explicar como pode usar o seu site para criar uma Progressive Web App com o WordPress em apenas um minuto.

O que é Progressive Web App?

PWA é um site construído para parecer e comportar-se como uma aplicação. Se traduzirmos para português, poderia denominar-se como Aplicações Web Progressivas. Estas podem ser apresentadas como um ícone de aplicação nos smartphones, tablets e computadores. Também pode funcionar offline. Pode ainda enviar notificações aos utilizadores e ser executada em todas as plataformas modernas.

Criar Progressive Web Apps

É possível transformar qualquer website numa Progressive Web App. Não é muito difícil para um programador web experiente, mas mesmo que não saiba nada sobre desenvolvimento web, pode tornar-se simples. Nós mostramos-lhe como!

Criar Progressive Web Apps com o WordPress

Para criar uma Progressive Web App no WordPress, vai precisar de um plugin. Testámos vários plugins e escolhemos o nosso preferido. No entanto, pode, naturalmente, procurar outros plugins procurando por “PWA” no WordPress.

Eis como criar uma Progressive Web App com o WordPress:

1. Inicie sessão no WordPress
2. Verifique os plugins no menu da esquerda e clique em Adicionar novo plugin
3. Procure por PWA
4. Instale Super Progressive Web App
5. Clique em Ativar

É tão simples quanto isto! O seu site é agora uma Progressive Web App! Se visitar o seu website num telemóvel ou computador, o navegador pode perguntar-lhe se pretende instalar o seu site como uma aplicação.

Pode personalizar a sua Progressive Web App nas definições das Super Progressive Web Apps, localizadas na barra de ferramentas à esquerda. Aí, pode modificar o logótipo da sua aplicação, alterar a descrição e o nome. Pode também ajustar a cor de fundo do ecrã de carregamento e muito mais. Existem funcionalidades adicionais para uma maior personalização, ativando o PWA para sites multilingues e criando rapidamente versões da aplicação para Google Play Store. Estas funcionalidades têm um custo adicional e fazem parte da versão profissional do plugin.

Lembre-se de que todos os plugins que instala no seu website WordPress têm de ser atualizados regularmente para garantir a segurança. Pelo que recomendamos geralmente que ative as atualizações automáticas. As atualizações automáticas podem, porém, trazer o risco de alterar a sua página de uma forma que não pretende. Com o Managed WordPress da one.com, todas as atualizações automáticas são monitorizadas para garantir que o seu site continua a funcionar perfeitamente. Efetuamos uma verificação visual do seu site antes e depois de cada atualização automática de forma a garantir que nenhuma atualização causa problemas.

Outros métodos para criar PWAs

É possível criar uma Progressive Web App para qualquer website. Não vamos descrever todo o processo neste artigo, mas, em resumo, é necessário fazer duas coisas para criar uma PWA:

1. Criar um Manifesto da Web App que contenha o nome do seu site, o ícone da aplicação, a cor e o formato de apresentação.
2. Criar um Service Worker, que funciona como a ponte entre o dispositivo do utilizador e o seu website. É o Service Worker que transforma o seu site numa Progressive Web App.

Se quiser saber mais e começar a utilizar a sua Progressive Web App, pode ler um guia completo em web.dev.

Vantagens das Progressive Web Apps

Muitos dos serviços online mais conhecidos do mundo usam a tecnologia Progressive Web App. Alguns exemplos incluem Spotify, Facebook, Tinder, Google, Twitter, Uber e Starbucks. Também pode criar Progressive Web Apps e beneficiar das suas vantagens. Vamos analisar alguns dos principais benefícios da criação de um site PWA.

Experiência semelhante à de uma aplicação

A maior vantagem de uma Progressive Web App é o facto de proporcionar a um website a mesma experiência de utilizador de uma aplicação. Uma aplicação é rápida, pode enviar notificações, funciona offline e pode ocupar um lugar de destaque no dispositivo de um utilizador. Ter um site a funcionar como uma aplicação tem estas vantagens adicionais:

Ícone da aplicação no ecrã inicial

Depois de criar uma Progressive Web App, os novos visitantes do seu site podem descarregá-la como uma aplicação. Uma vez instalada, aparecerá no ecrã inicial do dispositivo do utilizador. Quer seja num iPhone ou num telemóvel Android, na barra de tarefas de um Mac ou na barra de tarefas de um computador Windows.

O ícone da aplicação pode funcionar como um outdoor para o seu site. Quando o gigante do e-commerce Alibaba criou uma Progressive Web App para a sua loja virtual, observou que os utilizadores que adicionaram a aplicação ao ecrã inicial regressaram quatro vezes mais do que os outros. Um ícone de aplicação pode, portanto, transformar muitos dos seus visitantes em utilizadores e clientes recorrentes.

As pessoas que utilizam um computador de uma organização, como uma empresa ou uma escola, podem muitas vezes instalar uma aplicação web progressiva mesmo quando a instalação de outras aplicações é proibida. O que significa que pode chegar a um público para o qual as aplicações normais podem ser difíceis de alcançar.

Aplicação com uma apresentação dedicada

Um site normal é apresentado num separador do explorador (browser). Mas uma PWA funciona como uma aplicação normal e, por isso, tem a sua própria janela num computador. Ou seja, aparece como uma aplicação autónoma nos dispositivos móveis. Os utilizadores podem fechar o browser sem fechar a super Progressive Web App, podendo ainda alternar entre aplicações sem notar qualquer diferença entre uma aplicação normal e uma PWA.

Destaque nas lojas de aplicações

Depois de ter criado uma Progressive Web App, pode adicioná-la como uma aplicação à Google Play Store e à App Store (Apple). Isto faz com que a sua aplicação pareça mais profissional e permite que seja descoberta por novos utilizadores. Um bónus significativo de estar numa loja de aplicações é que pode satisfazer as expectativas dos seus visitantes sobre como instalar uma aplicação. Os utilizadores podem sentir-se seguros quando descarregam as suas super Progressive Web Apps a partir de uma loja de aplicações em que confiam.

Uma aplicação para todas as plataformas

Quando cria uma Progressive Web App, está a abrir um portal para o seu site. Este portal é construído de acordo com um padrão que funciona com todas as plataformas modernas. Tal como pode criar um website que funcione em todos os dispositivos, também pode criar Progressive Web Apps que funcionem para todos. Pode atualizar o conteúdo de todas as aplicações alterando o seu site. Consequentemente, as atualizações podem ser enviadas a todos os utilizadores sem que estes tenham de atualizar a aplicação.

Carregamento rápido

A primeira vez que um visitante descarrega uma Progressive Web App, a aplicação é guardada no seu dispositivo. Isto significa que pode ser carregada rapidamente na próxima vez que for aberta. Isto pode tornar uma Progressive Web App mais rápida do que um site. O mesmo se aplica a cada clique dentro da aplicação. Para cada nova página, o dispositivo pode utilizar recursos locais para encurtar o tempo de carregamento.

Modo offline

Uma Progressive Web App pode ser criada para estar disponível offline. Isto significa que as funções mais importantes podem estar sempre acessíveis e podem ser carregadas rapidamente, mesmo quando os utilizadores têm uma ligação lenta à internet. Significa também que pode ter na sua aplicação funcionalidades essenciais nas quais os seus utilizadores podem confiar. Por exemplo, pode ter uma funcionalidade para apresentar as marcações de eventos. Estas podem ser apresentadas mesmo que a conexão à internet seja lenta.

Enviar notificações

Com uma Progressive Web App, pode enviar notificações aos seus utilizadores. Pode informá-los das suas últimas notícias e enviar mensagens pessoais. As notificações podem aumentar a utilização da sua aplicação e gerar mais envolvimento.

Mais barato do que desenvolver uma aplicação normal

É muito mais barato criar Progressive Web Apps do que desenvolver aplicações para iOS e Android. Se já tiver um bom website, os custos de criação de uma PWA podem ser mínimos. Mesmo que tenha grandes ambições para a sua aplicação e planeie, eventualmente, criar uma aplicação rica em funcionalidades, as super Progressive Web Apps podem ser uma alternativa muito mais económica à medida que as desenvolve.

Aumentar o tráfego e as taxas de conversão

Muitas das principais empresas de tecnologia utilizam a tecnologia site PWA e há uma boa razão para isso. Uma excelente experiência do utilizador cria condições para um tráfego elevado e boas conversões. A Alibaba registou um aumento de 76% nas taxas de conversão devido à sua Progressive Web App. A empresa de software Corel registou uma percentagem 31% superior de utilizadores recorrentes com a sua Progressive Web App.

Desvantagens de uma Progressive Web App

Contudo, também existem desvantagens na criação de uma Progressive Web App. Especialmente em comparação com as aplicações mais tradicionais desenvolvidas para iOS e Android.

Não funciona em dispositivos mais antigos

As site PWA são uma tecnologia relativamente nova e, por isso, não estão disponíveis em todos os dispositivos. Para iOS (Apple), o suporte está disponível a partir do iOS 14. Isto significa que os iPhones de 2014 ou anteriores não suportam PWA. O mesmo se aplica ao Windows, onde o suporte está ausente no Windows 8 e em versões anteriores. Isto significa que muitos dispositivos que não são compatíveis têm mais de dez anos.

Funcionalidade limitada

Uma Progressive Web App não pode ter a mesma funcionalidade que uma aplicação normal. Por exemplo, pode haver limitações na forma como a aplicação se pode integrar com assistentes de voz. Alguns sistemas operativos também têm limites baixos quanto ao espaço que uma aplicação web progressiva pode ocupar num telemóvel. Normalmente 50 MB. Isto pode dificultar a criação de alguns websites de grandes dimensões como um site PWA.

Mais lento do que as aplicações normais

Uma vez que uma Progressive Web App é fundamentalmente um site concebido para parecer uma aplicação, não é construída da mesma forma que uma aplicação normal. Uma consequência deste facto é que as Progressive Web Apps respondem, frequentemente, mais lentamente aos cliques do que uma aplicação normal. Ainda assim, um PWA ainda pode ser significativamente mais rápido do que um site. Contudo, uma aplicação normal será sempre mais rápida do que um PWA.

Deve criar uma Progressive Web App?

Tem um site e acredita que os seus visitantes gostariam de o utilizar como se fosse uma aplicação? O seu website também foi construído com o WordPress? Então deve criar uma Progressive Web App ainda hoje! É muito simples e pode ser muito benéfico tanto para si como para os seus utilizadores. Uma aplicação web progressiva pode aumentar o tráfego do seu site, impulsionar as suas conversões e permitir-lhe comunicar com os seus visitantes e clientes através de notificações.

Se não tiver um website WordPress, uma PWA pode ser muito útil. Porém, pode ser difícil fazê-la funcionar. Existem muitos recursos online, mas é necessário ser um programador web experiente para alcançar o sucesso.

Agora, esperamos que tenha tudo o que precisa para começar a usar a sua Progressive Web App e perceber porque é que esta é uma boa tecnologia para si e para os seus visitantes. Se ainda não tem um site WordPress, clique aqui para começar!