Como receber notificações de loja WooCommerce no smartphone

Receber avisos sobre novas vendas que ocorrem numa loja virtual pode ser muito bom e fazer toda a diferença para o cliente que receberá seu pedido mais rapidamente. Se a loja possui um grande fluxo, estar atento aos pedidos torna-se essencial.

Neste artigo vou mostrar como configurar um smartphone (ou qualquer dispositivo mobile com acesso a loja de apps) para receber notificações instantâneas de novos pedidos de uma loja virtual desenvolvida com WooCommerce. Além disso, será possível gerenciar vários aspectos da loja usando o aplicativo; contudo, o objetivo deste artigo é mostrar como fazer a configuração inicial e ativar as notificações em tempo real; para saber como usar o aplicativo em detalhes para gerenciar a loja, leia este artigo.

Pré-requisitos

Antes de iniciar o procedimento, vou esclarecer o que é necessário para o sistema de notificações funcionar corretamente:

• Um dispositivo mobile com acesso a loja de aplicativos. Qualquer dispositivo que se conecte com o Google Play (Android 8.0 ou superior) ou App Store (iOS 16 ou superior);
• Um site desenvolvido em Wordpress com o plugin do WooCommerce instalado;
• Ter o Wordpress e WooCommerce na versão mais atual;
• Instalar (caso ainda não tenha) o plugin Jetpack.
• Ter ou criar uma conta no JetPack (esse passo será solicitado durante a configuração).

O uso do Jetpack é obrigatório para poder receber as notificações. Sem ele o app irá funcionar mas não será possível receber as notificações no dispositivo.

Com todos os pré-requisitos cumpridos, a próxima etapa é realizar todas as configurações tanto no dispositivo móvel quanto no site, conforme veremos a seguir.

1 - Configurações iniciais do aplicativo no dispositivo móvel

Após instalada a última versão do aplicativo do WooCommerce no seu dispositivo móvel, você deverá abri-lo para executar as primeiras configurações. Logo que abrir será apresentada a tela inicial com um botão fazer login embaixo; clique no botão.

Na tela seguinte o aplicativo irá solicitar o endereço da loja; digite o endereço normal de acesso à loja como visitante, não devendo ser página de login ou qualquer outra página. No meu exemplo o site está em um subdomínio e por essa razão precisei inserir o endereço como loja.siteajuda.com. Se o seu site não estiver em um subdomínio coloque apenas o domínio mesmo. Em seguida clique no botão continuar.

A próxima etapa é realizar login e a forma mais simples de fazer é usando as credenciais do próprio site, que é maneira como irei demonstrar nesse tutorial. Se você preferir utilize alguma das outras formas, mas caso não consiga com elas, faça através das credenciais do site. Para isso é necessário clicar no botão faça login com suas credenciais do site.

Na tela seguinte informe suas credenciais de acesso da sua loja. Essas credenciais devem ser exatamente as mesmas das utilizadas para fazer login utilizando sua conta na loja com WooCommerce.

Se você digitar as credenciais incorretas, você será apresentado a uma tela informando que ocorreu um erro. Se isso acontecer, clique na seta para voltar e realize o procedimento de tentativa de login novamente. Tenha certeza de que suas credenciais estão corretas e para isso acesse o site de sua loja e realize o login com os mesmos dados que está usando para fazer login com o aplicativo.

OBSERVAÇÃO IMPORTANTE: se mesmo após confirmar que as credenciais estão corretas o erro persistir, existe uma chance muito grande de o plugin de segurança estar impedindo o login. Você deverá verificar e desativar (temporariamente, apenas durante a realização do procedimento de login) a opção de máscara de login do seu plugin de segurança, aquela opção que altera a url padrão de login de /wp-admin para uma outra, como /site-admin por exemplo. Nesse caso siga esses passos:

1. desative temporariamente a opção de máscara de login no plugin de segurança;
2. realize o login através do aplicativo;
3. confirmando que o login foi bem sucedido, ative a opção de segurança no site novamente.

Se essas ações não forem suficientes, desative temporariamente o plugin de segurança, efetue o login no app e ative outra vez o plugin de segurança.

Após efetuar o login com sucesso você verá uma tela de boas-vindas com uma informação importante sobre o uso do Jetpack. Por essa razão é importante que o Jetpack esteja instalado e ativo. Se o plugin estiver desinstalado/desativado, todas as funcionalidades ainda estão disponíveis no app, exceto a que mais importa no momento: notificações em tempo real. Essas só poderão funcionar com o Jetpack instalado e usando uma conta ativa.

Contudo, não clique ainda no banner inferior sobre o Jetpack. Antes de acessá-lo vamos precisar realizar algumas etapas diretamente no site.

2 - Configurações no site

Acesse o painel administrativo do site, instale e ative o plugin Jetpack:

Em seguida acesse o painel administrativo em Jetpack → Meu Jetpack e depois clique no botão finalizando a configuração do Jetpack.

Na tela seguinte você verá diversas informações sobre o plugin. Role até o final e clique no botão conecte sua conta de usuário. Na tela que seguir você poderá criar uma conta usando o formulário ou através de um dos botões sociais logo abaixo; fica a seu critério escolher qual a melhor forma de ativar sua conta.

Assim que criar a conta o sistema irá ativá-la e para isso poderá ser necessário que você aprove; para isso é só clicar no botão approve (aprovar).

Após a aprovação você será redirecionado para outra página contendo diversas informações sobre o plugin e contendo várias opções de plano. Você NÃO precisa comprar nenhum plano pago; faça isso apenas se gostar do que o plugin oferece nos planos pagos, caso contrário, role até o final da página onde haverá um botão start with jetpack free. Clique neste botão.

Na sequência você será redirecionado de volta à sua loja. Com isso o seu aplicativo do WooCommerce instalado no dispositivo mobile já estará praticamente pronto para poder receber notificações em tempo real, faltando apenas uma configuração final.

3 - Configurações finais do aplicativo no dispositivo móvel

Esta é a última etapa para poder receber notificações em tempo real sobre pedidos na sua loja com WooCommerce. Abra o aplicativo novamente e, agora sim, clique no banner do Jetpack sobre notificações.

Na tela seguinte clique no botão faça login para continuar.

Em seguida o sistema irá pedir sua senha para validar o login e poder se conectar ao site. Se você tiver dificuldades para realizar o login, poderá clicar na opção ou continue usando o link mágico. Assim você receberá uma mensagem na caixa de entrada do e-mail que usou na configuração do Jetpack na etapa anterior. Você precisará ter acesso a este e-mail através do dispositivo que está usando o aplicativo do WooCommerce. Com o e-mail aberto basta clicar no botão com o texto log in.

Para finalizar, é necessário configurar o dispositivo para poder emitir notificações. Você pode fazer isso indo nas configurações do dispositivos, na parte de aplicativos e depois indo em gerenciar o aplicativo do WooCommerce. Mas o próprio app da opção de fazer isso; repare no banner que aparece após as configurações que foram feitas anteriormente; basta clicar em permitir.

Na sequência o aplicativo acessará as configurações do dispositivo solicitando permitir fazer notificações. Por fim, basta clicar em permitir novamente e a configuração está totalmente concluída.

Após isso você pode fazer um teste e verificar se está tudo certo.

Considerações Finais

Configurar notificações de novos pedidos em tempo real através do aplicativo WooCommerce pode transformar significativamente a gestão da sua loja virtual. Essa funcionalidade não só mantém você atualizado sobre novas vendas, mas também permite um gerenciamento mais ágil e eficiente dos pedidos.

Ao seguir os passos descritos neste guia, você garante que seu dispositivo móvel está configurado para receber notificações instantâneas, facilitando uma resposta rápida aos pedidos dos clientes. É importante ressaltar que o uso do plugin Jetpack é essencial para habilitar essa funcionalidade, proporcionando uma experiência completa de monitoramento e gestão diretamente do seu smartphone.

Com estas configurações corretamente implementadas, você está preparado para administrar sua loja virtual com mais eficiência, garantindo um serviço de alta qualidade aos seus clientes e a capacidade de responder rapidamente às demandas do mercado.

Este tutorial teve como objetivo principal fazer a configuração inicial do aplicativo do WooCommerce e a configuração necessária no site para que se possa receber as notificações de pedidos em tempo real. Para saber como funcionam todos os recursos do aplicativo, como criar ou editar produtos da loja diretamente pelo smartphone, leia este artigo.