Utilizar Notificações Push no WordPress é uma forma impressionante de manter seus visitantes atualizados com seus posts e novidades. Enviando mensagens diretamente do seu site WordPress para os desktops e smartphones das pessoas você pode ter certeza que sua audiência está ciente que você tem algo novo para compartilhar.
Você já percebeu as notificações usadas em sites populares como Youtube e Facebook para exibir informações importantes? Quando você lê “Notificações Push” você deve se lembrar das notificações que você recebe todos os dias no seu celular dos aplicativos como Whatsapp, Facebook, Twitter e até mesmo quando recebe um e-mail.
Quando você passa horas (ou até dias) escrevendo um novo post você quer MUITO que a sua audiência leia e devore ele no momento que você pressionar o botão de publicar. No entanto, nem sempre acontece dessa forma. Com milhares de sites lá fora competindo pelo mesmo público, pode ser difícil ter certeza que o seu conteúdo vai estar na frente da sua audiência e na mente das pessoas.
Enquanto a maioria de nós estamos familiarizados com as notificações devido a utilização em aplicativos móveis, você pode não ter percebido que elas fizeram o pulo de smartphones para os browsers e agora podem ser entregues por qualquer site. Esses pequenos lembretes podem ajudar drasticamente a aumentar o seu trafego e melhorar as conversões dos seus objetivos (capturar e-mails, aumentar vendas, adquirir cadastros, etc).
Quando as notificações push são usadas com o browser, elas são chamadas de Web Push Notifications e eu tenho certeza que você já encontrou várias delas. Quando você visita um site que envia essas notificações, o seu browser vai exibir uma mensagem para permitir as notificações.
Se você permiti-las, você será notificado todas as vezes que esse website disparar uma notificação.
Você provavelmente já usa as redes sociais e talvez até envie regularmente email em forma de newsletter. Será que você realmente precisa de Notificações Push? Bem, isso depende.
Seu site pública posts e informações com uma base regular? Você quer que seus visitantes retornem ao seu site numa base diária ou programada? Se é isso que você quer, sim, você realmente precisa de notificações push.
Notificações Push são usadas para encorajar visitas a retornarem regularmente. Elas são uma maneira particularmente efetiva de manter seus usuários atualizados com o seu conteúdo e receber informações que são sensitivas ao tempo na frente dos usuários o mais rápido possível.
Vamos ser mais práticos. Aqui estão três diferentes tipos de sites que podem se beneficiar por utilizar as notificações push:
- Blogs que publicam conteúdo útil ou com uma base de publicações regular podem usar notificações push para alcançar sua audiencia no momento em que é publicado.
- Sites que regularmente publicam informações que são sensitivas ao tempo, como informações de vendas com descontos, pode alcançar seus clientes de forma programática, estratégica e rápida, na frente dos seus clientes em tempo real.
- Sites de notícias ou jornais que precisam manter seus leitores atualizados com notícias importantes.
O que as notificações push não podem fazer é substituir completamente um sistema de marketing como campanhas de email ou um funil de vendas. Você pode usá-las em favor de um sistema de marketing, mas não substitui-lo.
Em adição, você deve ser extremamente cauteloso para não abusar das notificações push pois são muito fáceis de enviar e alcançam todo o seu público no clicar de um botão.
Com grandes poderes vêm grandes responsabilidades (Stan Lee)
Como resultado, é recomendável que as notificações push não sejam usadas para anúncios, exibir ofertas de afiliados ou utilizar como spam. (se o seu público está a procura de cupons e descontos, essa é uma situação diferente)
Configurando Notificações Push no WordPress
Existem vários plugins e serviços que oferecem Notificações Push para WordPress, mas nós queremos aquele que tem o melhor custo x benefício. Felizmente, nesse caso, nós vamos utilizar o melhor serviço para notificações push da web, OneSignal.
A OneSignal tem o melhor plano gratuito para Notificações Push da Web com um limite de 30.000 subscribers e notificações ilimitadas. Você não vai encontrar um plano melhor que esse no mercado até o momento.
Instalação do Plugin OneSignal
Para instalar o plugin OneSignal, vá em Plugins > Adicionar Novo. Na barra de pesquisa digite “OneSignal” (sem aspas), então instale e ative o plugin.
Também pode baixar o plugin no repositório WordPress:
Crie sua Conta OneSignal
Para utilizarmos o plugin em nossa instalação WordPress vamos precisar criar uma conta no site da OneSignal:
No inicio da página clique no botão que diz “Get Started” em Web Push:
Preencha o formulário com suas informações ou utilize um dos botões sociais para se registrar facilmente:
Lembre-se de marcar a caixa onde você concorda com os termos de serviços e política de privacidade. (I agree to OneSignal’s Terms of Service and Privacy Policy)
Depois que você preencher todos os dados, você vai precisar confirmar sua conta clicando no link de confirmação enviado para o seu email:
Quando você clicar no link de confirmação em seu email, você será redirecionado para o site da OneSignal com a mensagem que seu email foi confirmado. Agora você só precisa fazer o login com os dados que você registrou no formulário de cadastro.
Quando você acessar pela primeira vez, uma tela de instruções será exibida, nós não vamos precisar dela.
Clique no botão “SKIP” no lado inferior esquerdo ou no “X” no lado superior direito para seguir com o tutorial.
Configurando OneSignal para WordPress
Agora você já está em seu painel de configurações da OneSignal.
Para começar clique em “ADD APP“:
Nome do Aplicativo
Adicione o nome do aplicativo. Normalmente é o nome do seu website ou blog, depois clique em “ADD APP“:
Website Push
No popup de configuração de plataformas, selecione Web Push e clique no botão Next:
Escolhendo Integração
Na página de integração selecione “WordPress Plugin” e logo depois “WordPress“:
Configurando Site WordPress
Nós vamos configurar a plataforma de acordo com o tipo de protocolo que você está usando em seu site.
Protocolo são esses HTTP:// ou HTTPS:// que aparecem antes da URL do seu domínio.
Sites com HTTPS (SSL):
- Em Name, coloque o nome que deseja chamar seu aplicativo.
- Em Site URL, Coloque o endereço do seu site com o protocolo HTTPS://www.seudominio.com, como na imagem acima.
- Em Default Notification Icon URL, adicione um link para a logo do seu site. Ela deve ter 192 x 192 de tamanho ou maior. Utilize uma URL com protocolo seguro (HTTPS) para a imagem da logo.
- Clique no botão SAVE.
Sites com HTTP (SEM SSL):
- Em Name, coloque o nome que deseja chamar seu aplicativo.
- Em Site URL, Coloque o endereço do seu site com o protocolo HTTP://www.seudominio.com
- Em Default Notification Icon URL, adicione um link para a logo do seu site. Ela deve ter 192 x 192 de tamanho ou maior. Utilize uma URL com protocolo seguro (HTTPS) para a imagem da logo.
- Selecione o botão que diz “My site is not fully HTTPS“, e adicione o nome da sua empresa ou site.
- Clique no botão SAVE.
Configurando Plugin WordPress
Nosso próximo passo é adicionar sua APP ID e API KEY nas opções do Plugin Onesignal para WordPress.
Copie a APP ID e API KEY.
Vá até o seu painel WordPress e clique em “OneSignal Push“.
Selecione a TAB Configuration.
Sites com HTTPS (SSL)
- MARQUE a caixa que diz “My site uses HTTPS“
- Adicione sua APP ID e API KEY
- Role até o final da página e salve as alterações.
Sites com HTTP (SEM SSL)
- DESMARQUE a caixa que diz My site uses HTTPS
- Adicione sua APP ID e API KEY
- Adicione o Site Name que você escolheu
- Role até o final da página e salve as alterações
Adicionando Primeiro Usuário
Agora visite a página inicial do seu site clicando no botão “GO TO MY WEBSITE“, inscreva-se em suas notificações clicando no Sino de Notificação:
Se você conseguir se inscrever corretamente o seu aplicativo para o Google Chrome e Mozilla Firefox está configurado!
Configurando Apple Safari
Volte para o seu Painel da OneSignal e clique no Aplicativo que você criou:
Nós estamos no painel de configuração do seu Aplicativo. Clique em “SETTINGS“:
Na lista de configurações, clique em “Apple Safari“:
Configurando Plataforma Safari
- Adicione o nome do seu site (esse é o nome que os usuários vão ver)
- Adicione o Endereço URL do seu site independente do seu protocolo
- Clique em SAVE
Agora clique novamente nas configurações do Apple Safari:
agora só precisamos copiar a WEB ID para finalizarmos a configuração:
Agora precisamos retornar ao nosso painel WordPress e Clicar no menu “OneSignal Push”:
Acesse a TAB Configuration novamente:
Adicione seu WEB ID na opção do OneSignal e Salve as Alterações.
A configuração do Safari é bem mais simples, agora seu site também está configurado para suportar notificações push no Safari!
Configurando as Definições de Notificação
Estamos praticamente com tudo pronto para você começar a usar as notificações push em seu site. Mas do que adianta poder mandar as notificações se você ainda não personalizou os detalhes, certo? Se você quer aprender como definir as configurações para deixar tudo ao seu gosto, siga com o tutorial.
Sent Notification Settings
- Use the post’s featured image.. – Se você quer que a imagem destacada do seu artigo seja usada nas notificações, ative essa opção.
- Dismiss Notification – Se o usuário não clicar na notificação, você quer que ela desapareça após 20 segundos? Se não ativar essa opção, a notificação vai ser exibida até o usuário fechar ou clicar nela.
- Notification Title – Você deve usar o nome da sua empresa/site/blog, se desejar pode adicionar uma descrição com um separador. Exemplo: CanalWP – Guias e Tutoriais WordPress. Quando você publicar um post e enviar uma notificação, além do título do post ele exibe esse título que identifica o site que está enviando a notificação para o usuário.
- Send Notifications Additionally.. – Essa opção permite que você envie notificações para dispositivos móveis com Android e iOS, mas é preciso realizar a configuração dessas plataformas antes de ativar essa opção.
Prompt Settings & Notify Button
- Automatically prompt.. – Permite que você exiba a notificação para o visitante no momento que ele visitar seu site.
- Enable the notify button – Ativa e exibe o botão de notificação no seu site. (esse que você pode ver no lado esquerdo do CanalWP)
- Show the notify button after.. – Continua exibindo o botão de notificação no seu site para o usuário que está registrado.
- Show first-time site visitors.. – Exibe uma mensagem para os visitantes que acabaram de se registrar. Para personalizar essa mensagem você precisa ativar a opção Customize the notify bell text. Procure a mensagem que diz “First-time visitor message (on notify button hover)“, cobrimos a tradução dessa parte logo abaixo.
- Show the OneSignal Logo.. – Exibe a logomarca da OneSignal no botão de notificação do seu site. Cabe a você escolher.
- Customize notify bell text – Permite personalizar os textos exibidos para o usuário. Por padrão eles estão em inglês, então é bom você fazer a tradução e deixar essa opção ativada. Segue um exemplo para que você entenda o que significa cada parte:
- Customize notify bell offset – Permite que você compense o espaço entre o botão de notificação e as bordas do seu site. Aqui no CanalWP nós deixamos o Offset padrão pois gostamos dele. Bottom aumenta o espaço da parte de baixo do botão de notificação com a borda do seu site. Left aumenta o espaço da parte esquerda do botão de notificação com a borda do seu site. Right aumenta o espaço da parte direita do botão de notificação com a borda do seu site.
- Customize notify bell theme colors – Permite modificar as cores do botão de notificação para ficarem igual ao seu site.
- Size – Tamanho do botão de notificação que você deseja para o seu site. Pequeno, Médio ou Grande. (small, medium, large)
- Position – Escolha onde o botão de notificação deve ficar flutuando. Canto inferior direito ou canto inferior esquerdo. (bottom right e bottom left)
- Theme – Ele vem com dois temas que você pode usar para mudar o design do botão. Vermelho e Branco. (red e white)
Popup Settings (apenas HTTP)
Essa seção permite configurar o popup que aparece para o usuário em sites com protocolo HTTP. Para quem tem HTTPS essas configurações não fazem nenhum efeito, pois a OneSignal vai utilizar a notificação nativa do browser, a mesma que exibimos aqui no CanalWP.
- Show the OneSignal Logo – Exibe a logo da OneSignal no popup. Fica a seu critério.
- Customize the popup text – Permite editar os textos utilizados no popup.
Welcome Notification Settings
Se você ativar essa opção ele vai enviar uma notificação de boas vindas para o usuário quando ele se registrar.
- Title – Título do seu site ou nome da sua empresa
- Message – Mensagem que você quer enviar para o usuário. Fica abaixo do título, como na imagem.
- URL – Se o usuário clicar na notificação você quer levar ele para uma página especifica? Se sim, adicione aqui.
Automatic Notification Settings
- Se você ativar a 1° opção da imagem acima a caixa de enviar notificações vai estar marcada por padrão. O plugin da OneSignal adiciona uma opção que permite você escolher se quer enviar notificações ao publicar um certo post no editor de posts.
- Se você ativar a 2° opção ele vai enviar notificações quando você publicar um post utilizando um serviço ou plugin de terceiro.
UTM Tracking Settings
Se você deseja rastrear os dados de cada notificação (note que a onesignal disponibiliza isso no painel dela) através do Google Analytics é só adicionar sua URL UTM nessa seção. Se você não sabe como configurar parâmetros UTM pode querer dar uma olhada nesse artigo do Neil Patel sobre como usar Parâmetros UTM do Google Analytics.
Advanced Settings
As opções avançadas são para usuários que tem necessidades personalizadas e tem conhecimento sobre o assunto. Você não precisa configurar nada aqui.
- Additional Custom Post Types – Permite que você adicione as notificações para tipos de posts personalizados. Basta adicionar a slug ou slugs separadas por virgulas.
- Use my own Google Project Number – Se você quer usar seu próprio projeto do Google utilize essa opção.
- Use my own manifest.json – Se você quer utilizar seu próprio manifesto, insira-o aqui.
- Use my own SDK.. – Se você quer utilizar seu próprio SDK utilize essa opção.
Enviando as Notificações Push
Edição de Posts
Agora que já temos a plataforma e o plugin configurados, vamos ver como enviar as notificações.
Dentro da edição de posts, acima da seção “Publicar” nós temos uma opção para enviar as notificações quando o post for publicado:
Se você marcar essa caixa e publicar ou agendar o seu post, todos os assinantes receberão a notificação automaticamente.
Mensagens personalizadas
Você também pode mandar mensagens personalizadas para sua audiência sem precisar ter relação com os seus posts.
Para mandar mensagens personalizadas acesse seu Painel OneSignal, selecione o seu Aplicativo e clique em Messages e depois em NEW PUSH:
Agora é só escrever um título e uma descrição para sua mensagem e definir as configurações da mensagem. Você pode escolher por agendar ou enviar imediatamente, filtrar por segmento e muito mais.
Conclusão
Notificações push são uma ferramenta poderosa que permite alcançar seu público em questão de segundos. Elas podem ajudar seu site a crescer e engajar com sua audiência na hora e no momento certo.
Otimizar a forma como nos comunicamos com nossa audiência com novas tecnologias é algo vital para sites e blogs hoje em dia. Se manter na frente dos seus concorrentes com ferramentas poderosas pode lhe dar uma grande vantagem.
Já que queremos otimizar nosso WordPress, você pode querer ver nosso artigo sobre como Configurar o Yoast SEO plugin para que os motores de buscas consigam entender a estrutura do seu site e que seus posts sejam otimizados para as redes sociais mais usadas, além de muitas outras dicas.
Se você gostou desse artigo considere compartilhar nas redes sociais. Siga-nos nas redes sociais para acompanhar mais artigos como esse. Se de alguma forma este artigo lhe foi útil deixa seu comentário abaixo para podermos saber a sua opinião.
Ferramentas WordPress Veja Mais Ferramentas
PublishPress
WPForms
OptinMonster
Cara, o tutorial está muito massa. Obrigado por me ajudar!!! Qualquer dúvida depois pergunto rsrsrs.
No meu caso o sino só apareceu na página do blog e artigos. Na página estática, home (meu site é um site institucional + blog), não apareceu. Ele se comporta assim mesmo ou deixei passar algo ? Pq no mobile a notificação veio.
Olá Marcos,
O Sino deve aparecer em todas as páginas do seu site.
As vezes alguns plugins de popup, avisos de compra, outras notificações em certas páginas podem causar conflitos.
Até mesmo o cache do site pode precisar ser limpo para que funcione normalmente.
Verificando seu site eu consegui visualizar o sino na sua página inicial sem problemas:
Então acredito que já tenha resolvido o problema?!
Abraço.
Não tive uma pessoa escrita ainda, mesmo elas ativando o sino, como resolver isso? Obrigada
Muito bom.. Se funcionasse!
Tá bugado!
Interessante Ulisses.
Usamos essa mesma ferramenta aqui no CanalWP e sempre que enviamos notificações elas funcionam perfeitamente.
Inclusive você pode ver o sino em qualquer página do nosso site no canto inferior esquerdo e pode se inscrever a qualquer momento.
Abraço.
Funcionava…. No envio da logo o site trava… Mas valeu a o retorno! Abs!
Gabriel, tudo bem?
Percebi que no botão do sino no meu site o texto de dentro ficou bem desproporcional (vazando da janela). Diferente do de vocês que está pequeno e sem “power by oneSignal”. Sabe me dizer o pq?
Olá Silva,
Isso pode acontecer pela forma como o seu tema ou algum plugin está passando o estilo CSS.
Me manda o endereço do seu site para eu dar uma olhada que eu te passo um código CSS pra deixar o texto adequado.
Abraço.
Te agradeço Gabriel.
http://www.rota-das-emocoes.com
Silva,
Adicione o seguinte código em Aparência > Personalizar > CSS Adicional. Ou se o seu tema tiver uma seção especifica para CSS Adicional você pode adicionar lá também:
#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-sm .onesignal-bell-launcher-dialog .onesignal-bell-launcher-dialog-body h1 {
font-size: 24px !important;
margin-top: 0px !important;
Abraço.
Todos os passos são gratuitos?
Olá Fernanda,
Como assim todos os passos são gratuitos?
A ferramenta é gratuita até 50.000 inscritos como informado no artigo.
Abraço.
Deu super certo aqui no blog. Obrigado!
Gabriel, O OneSignal não funciona no Safari no IOS?
Pelo menos estou vendo na documentação e diz que não e na minha configuração funciona em todos os ambientes, menos no safari do IOS.
Você chegou a enfrentar esse problema?
Olá Evandro,
O Safari do IOS não tem suporte para notificações push no momento, se for adicionado suporte no futuro a OneSignal deve adicionar essa configuração.
Você pode ver a tabela dos dispositivos suportados aqui:
https://documentation.onesignal.com/docs/web-push-overview#section-platform-support
Abraço.
Eu não achei a opção para NÃO EXIBIR em certas páginas… sabe como faço?
Depois de alguns testes funcionou! No site One Signal, página de configurações “Configure Web Push”, depois no campo “SITE URL” retirei o “www” no inicio da url e funcionou.
Talvez alguns companheiros estão com este mesmo problema. Pra mim esta foi a solução, como descrito acima.
Olá Hugo,
Obrigado por deixar essa informação.
Pode ser de muita ajuda para outros usuários.
Quanto eu tiver um tempo para atualizar este artigo vou lembrar de adicionar essa sua informação.
Abraço.
Mesmo após seguir todos os passos descritos no seu excelente tutorial, o sino não aparece no meu site.
Fiz de tudo, revisei, olhei função por função e simplesmente não fuinciona.
Sabe se está tendo alguma instalbilidade no app?
Olá Felipe,
Obrigado por deixar seu comentário.
Vou verificar o plugin e atualizar as páginas necessárias.
Com relação a instabilidade, acredito que não.
Usamos o OneSignal aqui no CanalWP e está funcionando perfeitamente.
Abraço.
Olá!
Parece que o OneSignal atualizou alguns itens.
Eu instalei, porém, não aparece msg de boas vindas com o sino. Como faço para configurar?
Obrigado.
Olá Gabriel, consegui deu tudo certo. uma única observação é que algumas configurações mudaram, mas na verdade até ficou mais simples. particularmente prefiro as notificações Push do que os pop-ups que acho muito invasivo.
Olá Lia,
Obrigado por me informar sobre as mudanças nas configurações, vou verificar e atualizar o artigo de acordo.
Também concordo com você com relação aos popups, mas tem muitos usuários que ainda tem preferência por email para receber atualizações.
Abraço.
Olá, vc esqueceu de dizer onde colocar o Web ID do Apple Safari. No meu Safari não aparece o icone e eu já estou usando há algum tempo do onesignal. Só aparece no Chrome e Mozila. Vc se importaria de dizer onde eu coloco do o WEB ID do Apple Safari?
Olá Roque,
Obrigado por deixar seu comentário.
Eu não esqueci de informar, acredito que você leu correndo e deixou passar a configuração do Web ID.
Você pode verificar essa seção aqui https://www.canalwp.com/tutorial-wordpress/notificacoes-push-wordpress/#Tab_Configuration_Sites_HTTPS
A configuração completa incluindo para conseguir o web id está aqui https://www.canalwp.com/tutorial-wordpress/notificacoes-push-wordpress/#Configurando_Plataforma_Apple_Safari
A opção está na mesma seção onde você adiciona o App ID e REST API Key, a próxima opção é o Web ID do Safari.
Abraço.
Olá colega. Meu blog tem quase 95% de trafego móvel. Ali no texto você ensinou para ter notificaçoes pelo PC. Tambem é possivel estas notificações para trafego vindo pelo celular?
Olá Erivelton,
Ele vai enviar notificações para usuários que estiverem utilizando o Chrome e Safari para celular da mesma forma.
É só seguir o tutorial que seu site vai ter notificações para os browsers via mobile, tablet e etc.
Contanto que eles usem o Chrome ou o Safari para navegar no seu site.
Abraço.
Excelente tutorial, obrigado.
Não não consegui encontrar um meio de customizar o texto da mensagem, ele envia apenas o título da postagem, não vai nem o começo do texto nem o excerto, sabe como posso configurar para ele enviar um resumo logo abaixo do título da postagem por favor?
Olá Ricardo,
O texto da mensagem usa a meta-descrição do seu artigo. Não como personalizar a mensagem enviada através dos posts.
Você pode personalizar a descrição das mensagens enviadas manualmente através do painel de controle da onesignal.
Abraço.
Boa tarde! Tem algum tutorial explicando como fazer para não receber mais notificações de um site no qual optei por receber novas postagens pelo Onesignal?
Grato!
Olá Charles,
Se for aqui no CanalWP você pode clicar no sino branco com fundo vermelho do lado esquerdo da tela e clicar em Bloquear Notificações.
Se for em outro site que não disponibiliza esse sino, você pode clicar no cadeado escrito “seguro” no seu navegador, procure por Notificações e do lado direito selecione Bloquear.
Espero ter ajudado.
Abraço.
Muito bom o artigo!!!
Oi pessoal! Estou me preparando para migrar o site de HTTP para HTTPS, mas eis que surge uma dúvida: como migrar os leitores que tenho cadastrados no OneSignal? Vocês tem um tutorial para isso?
Olá Jonathan,
Nesse caso vai ser necessário que você crie um novo aplicativo (seguindo novamente os passos desse tutorial) utilizando o novo protocolo.
Infelizmente não é possível realizar importação e exportação dos usuários obtidos via notificações push.
Meu conselho é que você reconfigure o novo domínio com o protocolo HTTPS. Depois utilizando o aplicativo antigo com protocolo HTTP (dentro do painel da onesignal) envie uma última mensagem para informar aos seus usuários sobre a mudança e solicitando que eles revisitem o novo site com protocolo seguro para assinarem suas notificações novamente.
Espero ter esclarecido suas dúvidas.
Abraço.
Segui a configuração ao pé da letra, mas as notificações não aparecem no Safari, aparecem apenas no Chrome e Firefox.
Olá Andreza,
Desculpe meu atraso na resposta.
Você ainda está com esse problema?
Abraço.
coloquei em meu blog mas achei meio instavel
Olá Daniela,
Visitei seu website e consegui visualizar a notificação sem nenhum problema.
Seu website também está carregando bem rápido.
O que você quis dizer com instável? Pode ser um pouco mais especifica?
Fico no aguardo.
Abraço.
Com tantas opções, tinha certeza que ia ter alguns erros. Só que não…
Olá Jopa,
Fico feliz que tenha dado tudo certo rsrs.
Grande abraço.
Muito bom, incrível! Me ajudou bastante, já fiz a configuração no meu site, vamos ver se vai funcionar.
Primeiramente gostaria de te parabenizar pelo excelente post. Me ajudou bastante!
Porém estou com uma dúvida na qual talvez possa me ajudar!
A notificação para o usuário, é somente esse sino que fica logo abaixo, então o usuario clicando possa se inscrever, ou tem algum método que abra um popup, estilo alguns sites que aparcem logo em cima para permitir ou bloquear notificações? Queria algo que chamasse mais atenção do usuário do site. Muito obrigada desde já <3
Olá Gabriel, tudo bem? muito bom o conteúdo, sensacional!!! realizei o processo como ensina na matéria, porém não consigo realizar esta etapa, e finalizar o processo de ” (Agora visite a página inicial do seu site e inscreva-se em suas notificações através do Sino de Notificação:)” Pois ao abrir o meu site não aparece a mesma a notificação, dai não sei bem o que acontece e como resolve, porque não ocorreu nenhum erro durante a configuração então esta esta de checar os inscritos da erro! “(Retorne para o popup do SDK e clique no botão verde/azul claro que diz “Check… Continue Lendo »
Olá Edivan,
Visitando o seu site eu consegui visualizar a solicitação de notificação sem problemas.
Conseguiu resolver o problema? Sabe informar o que era caso alguém encontrem um problema parecido?
Abraço.
Opa! Gabriel,
rapaz não sei ao certo, não fiz nada, continua do mesmo jeito, após a finalização do processo, inclusive quando tento fazer a verificação de usuários continua aquele erro escrito em vermelho, então não consigo ver a notificação nos meus computadores. estou sem saber o que esta acontecendo, infelizmente.
Boa noite meu amigo,
Muito obrigado pelo excelente artigo.
Já é a segunda vez que entro no seu site para usar como modelo para configurar o onesignal no meu site.
Desde já agradeço. Um grande abraço.
Olá Largo,
Fico muito feliz que tenha dado tudo certo e espero que as notificações tragam resultados positivos para você.
Abraço.
Boa tarde,
Desde já agradecer pelo material, sensacional. Segui todo processo no tutorial no entanto o icon para subscrever as notificações so aparece quando estou logado como um usuário, mas para quem estiver acessando o site sem estar logado não aparece o icon sem as notificações … Saberia dizer a que se deve tal factor ?
Desde já agradecer qualquer ajuda que posso vir da sua parte ou dos utilizadores do canal.
Olá Jordan,
Tanto o ícone (com fundo preto e sino branco) como a solicitação de notificação estão aparecendo para mim ao acessar o seu site como visitante.
Tenta usar um outro navegador ou limpar o cache de dados para o seu domínio.
Me dê um retorno se possível.
Abraço.
ola Gabriel,
Obrigado pelas dicas, o icon ja esta aparecendo e o Sistema de notificações a funcionar normalmente.
Abraço
Olá Gabriel, primeiramente gostaria de lhe parabenizar pelo artigo, está de parabéns! Apesar de tudo, estou com um problema, pois após seguir todos os passos, a janela de poup up para se inscrever não aparece no meu site. Saberia algo para me ajudar a resolver isso?
Desde já agradeço!
Olá Luiz,
Coloca o domínio do seu site no campo “Website” no formulário de comentário para eu verificar o que pode estar acontecendo.
Abraço.
Olá.
O meu não apareceu a notificação no site pra dar prosseguimento e também não chegou email pra confirmar a conta.
O que pode ser?
Que material sensacional! Parabéns ao autor e aos colaboradores. Estarei sem vindo aqui!
Seja bem vindo Theo!
Fico feliz que tenha gostado e espero que tenha ótimos resultados com as notificações.
Abraço.
olá, acusou um erro na config. sabe me dizer como resolver:
Read the documentation to learn how to fill in the fields below.
Your subdomain must only contain lowercase letters, numbers, and dashes (not as a starting or ending character) and must be between 4 and 14 characters long.
Olá Ricardo, comigo também estava dando esse erro, é o nome do seu subdomínio que está muito grande, tem que ter entre 4 e 14 caracteres, depois que eu diminui o nome do meu subdomínio deu certo, lá em “Choose Subdomain: “
Verdade, funcionou depois de reduzir o nome. obrigado.
Depois que a pessoa se inscreve, aparece uma mensagem de confirmação de inscrição. Como configuro ela?
Olá Diego,
Você pode alterar essa mensagem em “Welcome Notification Settings” aqui => https://www.canalwp.com/tutorial-wordpress/notificacoes-push-wordpress/#Welcome_Notification_Settings
Abraço.
Excelente artigo.
Deixa eu só tirar uma dúvida. Quando a pessoa clica para ‘receber notificações’ ela automaticamente cai na minha lista de assinantes de usuários do site?
Olá Largo,
Quando o visitante ou usuário clicar em “receber notificações” ela vai ser automaticamente adicionada a sua lista de assinantes.
Não confunda com sua lista de emails, essa lista pode ser controlada dentro do painel da OneSignal e você pode enviar notificações para os assinantes através dela ou ao publicar um post.
Se não esclareci sua dúvida peço que reformule com mais informações.
Abraço.
Esclareceu sim Gabriel minhas dúvidas. Eu agradeço a atenção e meus parabéns pelo site.
Esse tutorial também serve para dispositivos Android? Poque quero que apareça no Chrome do Android!
Olá Marcos,
Serve sim.
Se o usuário visitar seu site usando o Chrome via android e se registrar ele vai receber as notificações no celular também.
Abraço.
Ola, obrigado pelo belo tutorial , muito completo.
minha duvida é a seguinte, qual seria o limite de usuarios e quantos sites podem ser cadastrados?
Olá Rodrigo,
Não há limite de nada.
Você pode ter quantos sites, usuários e enviar notificações que quiser, tudo sem limite.
Abraço.
Muito Obrigado Gabriel Galvão
ganhou um seguidor para seu blog
muito bom mesmo , contiue em frente =D
Olá, ótimo post, contudo, fiquei com uma dúvida:
Como faço para aparecer a logo do meu site blog.srman.com.br na mensagem de notificação para novos visitantes? Como você pode ver, aparece apenas um sino.
Obrigado desde já!
Olá Rafael,
Você pode fazer isso em Default Notification Icon URL.
Se você usa HTTPS essa parte está aqui => https://www.canalwp.com/tutorial-wordpress/notificacoes-push-wordpress/#Sites_com_HTTPS_com_SSL
Se vocÊ usa HTTP está aqui => https://www.canalwp.com/tutorial-wordpress/notificacoes-push-wordpress/#Sites_com_HTTP_Sem_SSL_ou_Sem_SSL_em_todas_as_paginas
Abraço.
Ajudou-me bastante :) obrigado.
Olá Fabio,
Fico feliz que tenha dado certo.
Abraço.
Olá! Teria como me dar uma ajuda em relação ao oneSignal no Android. No meu está apresentando um erro quando clico no sininho no celular e assim a assinatura não é concluída.
Olá Lucas,
O propósito desse tutorial foi de adicionar suporte aos browsers, se eu fosse adicionar todas as outras configurações ficaria muito complicado de seguir com o tutorial.
Qual é o erro que você recebe quando tenta confirmar a assinatura via seu aparelho android?
Abraço.
Olá! Muito bom o tutorial, me ajudou muito. Mas ainda estou com uma dificuldade que é colocar o OneSignal para android, já tentei muito e não estou conseguindo configurar. sempre da erro. Teria como me dar uma ajuda?
Olá Gabriel, excelente tutorial, mas está ocorrendo um problema estranho no meu site verdadeabsoluta.com/ o Popup (aquele que aparece junto a barra de endereço, perguntando se deseja receber as notificações) só aparece no Firefox. No Chrome não aparece
Olá André,
Obrigado por deixar sua opinião e comentário.
Poderia me enviar o link do seu site para eu verificar?
Abraço.
Olá André. Também estou com o mesmo problema. Como resolveu?
Gabriel, fiz toda a configuração no meu site, mas fiz alguns testes e a notificação só aparece para quem abre no google Chrome, no Firefox por exemplo, não aparece! Sabe o que pode ser?
Olá rafael,
Me manda o link do seu site para eu verificar?
Estranho, já que o chrome e o Firefox utilizam a mesma configuração..
Mas fica tranquilo que a gente acha o problema.
Abraço.
Fantástico o post, as instruções estão perfeitas, consegui configurar com facilidade para o meu site! Muito obrigado.
Parabéns, cara! Você mandou muito bem nesse artigo.
Olá Miguel,
Muito obrigado!
Fico feliz que tenha dado tudo certo.
Abraço.
Olá Gabriel, primeiramente obrigado. Não sei o que seria do meu site se não fosse por vocês. Gostei muito do post. Estou pensando em usar. Você pretende fazer um tutorial de configuração para dispositivos móveis com Android e iOS?
Um grande abraço
Erick
Olá Erick,
Obrigado por deixar seu comentário.
No momento não pretendo dar continuidade para as outras plataformas, para ser honesto.
Mas as configurações são bem semelhantes, até mais simples para a plataforma Android.
A plataforma iOS você precisa ter uma conta de desenvolvedor com iOS (é preciso pagar por essa conta) para fazer a configuração.
Abraço.
Se o meu site é em subdomínio, ou seja, XYZ.dominio.com, como devo configurar? Segui o passo a passo e não funcionou.
Olá Marcelo,
Nunca configurei um subdomínio na onesignal, então vou só especular. Seu site usa que protocolo?
Se for HTTPS, acredito que você deve usar o seu subdominio com o domínio na configuração da URL (XYZ.dominio.com).
Se for HTTP, você não precisa usar o subdominio ou domínio, já que você vai usar um subdomínio da onesignal, então basta colocar o nome do seu site XYZ(.onesignal.com).
Abraço.
Hey Gabriel tudo bem? Instalei no meu blog (http://lorereis.com/) porém ele nao abre nenhum pop-up quando a pessoa entra no site. :( Como faço?
Olá Lore,
Acessei o seu site e a notificação foi exibida para mim.
Tenha certeza de ativar o sino (notify bell) para que os visitantes possam optar por assinar de forma mais fácil.
Abraço.
Obrigado amigo pela ajuda na configuração!
Muito obrigado pelo tutorial. Foi primordial para colocar o plugin em nosso site. Obrigado Gabriel!
Olá Bruno,
Obrigado por deixar seu comentário.
Excelente! Espero que dê um bom retorno de seus visitantes e campanhas.
Abraço.
fera d+ , esse tutorial bem explicadinho!
Olá Leonardo,
Obrigado por deixar seu comentário.
Fico feliz que tenha lhe ajudado!
Abraço.
Muito obrigado Gabriel. Ajudou bastante.
Olá Ramon,
Obrigado por deixar seu comentário.
Fico muito feliz de saber que deu tudo certo.
Abraço.
Olá Claúdio,
Obrigado por deixar seu comentário e opinião.
Como sempre nos motiva a continuar criando tutoriais como esse.
Tenha um ótimo natal e ano novo!
Abraço.
Não achei o plugin no wordpress
Olá Pagoneja,
Normalmente quando isso acontece é porque o plugin está sendo atualizado e os arquivos estão sendo enviados para o servidor.
Tente novamente mais tarde, ou amanhá que já deve voltar ao normal.
Abraço.
Adicionei um link extra para o plugin no github, assim você já pode configurar ele agora sem precisar esperar.
https://github.com/OneSignal/OneSignal-WordPress-Plugin/releases/download/1.13.8/onesignal-free-web-push-notifications.zip
Abraço.
Se eu configuro para Chrome e Firefox, o Safari fica de fora? Devo repetir a configuração depois para o Safari?
Obrigado!
Olá Victor,
Obrigado por deixar seu comentário.
Normalmente o safari requer que você tenha uma conta de desenvolvedor e é preciso fazer o upload de um certificado .p12. Mas, nesse caso, o OneSignal gera um certificado compartilhado para você. Ele não tem a mesma configuração, na verdade é mais simples do que a anterior. Após clicar em salvar, ele já vai te enviar um código Web ID para você adicionar nas configurações do plugin.
É importante que você NÃO MARQUE a caixa que diz “I’d like to upload my own .p12 certificate”.
Abraço.