CategoriasTutoriaisWordpress

Notificações Push no teu WordPress – Como configurar

Se pretendes comunicar o teu site, blog ou loja online, as notificações push podem dar uma grande ajuda.

Se navegas na internet regularmente, certamente que já te deparaste com websites que pedem permissão para enviar notificações push. A partir do momento em que aceitas, começas a receber informações/publicidade na barra superior do telemóvel, ou no canto lateral do pc.

Exemplos de notificações push

Quando te subscreves numa notificação push, o sistema de notificações regista o dispositivo e o browser que estás a usar. Se trocares de telemóvel ou de browser o mesmo website voltará a pedir a subscrição.

O sistema de notificações é um canal de comunicação bastante direto, em alguns casos até funciona melhor que o mail marketing.

Neste tutorial, vamos ajudar-te a instalar um sistema de notificações push no teu website (WordPress), para que possas começar a comunicar melhor com a tua audiência.

Vamos usar o One Signal, que é um dos provedores deste tipo de serviço.

Configurar o One Signal

Acede a https://onesignal.com/ e regista-te. Após fazeres Login, escolhe um nome (apenas para identificação) e escolhe o tipo de plataforma Web Push.

Configuração notificações push na One signal

Para o WordPress, basta escolher o tipo de integração “WordPress Plugin ou Website Builder” e clicar sobre o logo do WordPress.

Configuração notificações push na One signal

Mais abaixo na mesma página, vamos escolher o nome do Website, a URL (com https://) e o icon (normalmente o logotipo).
Existe uma opção de auto re-subscrição que deve ser ativada. Esta opção faz com que os utilizadores sejam automaticamente re-inscritos, quando, por exmeplo, limpam a cache do browser.

Configuração notificações push na One signal

Agora já tens acesso à App ID e AppKey, que são necessárias para conectar com o WordPress.

App ID e API Key OneSignal, para notificações push

Estas credenciais permitem que as notificações apareçam no Google Chrome e Firefox. Copia ambas para o notepad ou outro ficheiro. Para mostrar notificações a utilizadores Apple, é necessário um procedimento adicional. No separador “Settings” do OneSignal, clica para editar em Apple Safari.

Configuração notificações push para Apple

Insere o nome do site e respetiva URL. Opcionalmente, podes também enviar um certificado p12 e icones de notificação no tamanho ideal para os dispositvos Apple.

O certificado P12 é um ficheiro que contém um certificado digital que usa criptografia PKCS # 12 (Public Key Cryptography Standard # 12) usado transferir chaves privadas pessoais ou outras informações confidenciais e é usado por vários programas de segurança e criptografia.

Configuração OneSignal para Apple

De seguida, escolhe como target SDK o WordPress, e clica em next.

Configuração OneSignal para Apple

Depois de clicares em “next”, vai surgir uma Rest API Key, Safari Web ID e App ID. Copia a Safari Web ID.

Safari Web ID no OneSignal, para Apple

Agora que já temos as keys todas necessárias, vamos instalar o plugin oficial da OneSignal para o WordPress. No separador de plugins, vamos adicionar um novo plugin. Procura por “OneSignal”. De seguida instala e ativa.

OneSignal WordPress plugin

Após ativares, clica em “OneSignal Push”, do lado esquerdo do menu, e acede a “Configuration”.

Configuração OneSignal WordPress plugin

Insere a AppID e Rest API Key que copiaste. Caso tenhas configurado as pushs para Apple também, insere a Safari Web ID.

OneSignal configuração wordpress notificações push

Mais abaixo, na mesma página, surge uma série de opções. Vamos abordar as mais importantes.

  1. Para convidar automaticamente novos visitantes ao site para se subscreverem, ativa “Automatically prompt new site visitors with OneSignal……”.
  2. Se quiseres manter um sininho de subscrição no canto do site, ativa “Enable the Subscription Bell”.
OneSignal configuração wordpress notificações push

Para configurar o texto da janela de pedido de subscrição, podes personalizar:

  • A mensagem
  • O botão de permitir
  • O botão de cancelar
OneSignal configuração wordpress notificações push

Após subscrição, podes enviar uma push a agradecer. Para tal ativa “Send new users a welcome push notification after subscribing”. Podes também personalizar o título e mensagem e URL de destino.

Se pretenderes enviar uma push automática sempre que crias um novo artigo no website, ativa “Automatically send a push notification when i create a post from the WordPress editor.

OneSignal configuração wordpress notificações push

Após estes passos todos, este é um exemplo do resultado final

Exemplos de pedido de subscrição para notificações
Exemplos de pedido de subscrição para notificações

Agora que já temos tudo configurado, poderás ver que, sempre que crias um novo artigo ou editas um existente, tens o menu de notificações do lado direito. Caso tenhas escolhido para enviar pushs automaticamente, a check-box vai estar ativa. Podes desativar individualmente para cada artigo.

Enviar notificação push com publicação de artigo no wordpress

E este é o resultado que aparece nos subscritores, assim que crias um novo artigo.

Enviar notificação push com publicação de artigo no wordpress

Bónus

O tutorial acima dá-te a possibilidade de enviar notificações push para os teus subscritores, sempre que crias ou alteras um artigo no WordPress. Mas… e se quiseres enviar uma mensagem independente de qualquer artigo?

No dashboard da Onesignal, clica em “Send a push message”.

Enviar notificação push no OneSignal

Escreve o título e a mensagem que pretendes. Escolhe uma imagem de ilustração e o link do teu website. Este link, é para onde o teu subscritor vai parar, caso clique em cima da notificação.

Enviar notificação push no OneSignal

Para personalizar melhor as notificações, poderás inserir imagens e icones no tamanho ideal, para cada browser.

Configuração OneSignal

Publicado por José Cardoso

Ao longo dos últimos 15 anos, tive a oportunidade de usar a tecnologia para alavancar os negócios, nas empresas com as quais tenho colaborado. A compreensão dos negócios é fundamental para uma boa aplicação das tecnologias disponíveis. Acredito que no equilíbrio entre estes 2 pontos é essencial para o sucesso de qualquer empresa.

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *