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.

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.

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

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.

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

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.

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.

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

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

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.

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

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

Mais abaixo, na mesma página, surge uma série de opções. Vamos abordar as mais importantes.
- Para convidar automaticamente novos visitantes ao site para se subscreverem, ativa “Automatically prompt new site visitors with OneSignal……”.
- Se quiseres manter um sininho de subscrição no canto do site, ativa “Enable the Subscription Bell”.

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

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.

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


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.

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

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”.

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.

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