{"id":11071,"date":"2018-06-22T16:15:17","date_gmt":"2018-06-22T19:15:17","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt-tutoriais\/?p=11071"},"modified":"2023-08-11T15:15:58","modified_gmt":"2023-08-11T18:15:58","slug":"adicionar-notificacoes-push-wordpress","status":"publish","type":"post","link":"\/pt\/tutoriais\/adicionar-notificacoes-push-wordpress","title":{"rendered":"Como adicionar notifica\u00e7\u00f5es push no WordPress (4 etapas)"},"content":{"rendered":"<p><span style=\"font-weight: 400\">Uma das partes mais dif&iacute;ceis de ter um site &eacute; atrair e engajar os visitantes. Mesmo se seu conte&uacute;do for interessante, voc&ecirc; precisa de uma maneira de conectar com seus visitantes. Por isso, ao adicionar notifica&ccedil;&otilde;es <em>push<\/em> do WordPress voc&ecirc; tem uma solu&ccedil;&atilde;o elegante para esse problema.<\/span><\/p><p><span style=\"font-weight: 400\">Disso que iremos tratar neste tutorial. Vamos explicar como:<\/span><\/p><ol class=\"wp-block-list\">\n<li><span style=\"font-weight: 400\">Instalar o plugin <\/span><a href=\"https:\/\/wordpress.org\/plugins\/onesignal-free-web-push-notifications\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">OneSignal<\/span><\/a><span style=\"font-weight: 400\">, que permite o envio de notifica&ccedil;&otilde;es <em>push<\/em> do WordPress.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Criar uma conta do OneSignal.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Criar as notifica&ccedil;&otilde;es <em>push<\/em>.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Configurar o plugin.<\/span><\/li>\n<\/ol><p><span style=\"font-weight: 400\">Antes de tratarmos sobre as configura&ccedil;&otilde;es, por&eacute;m, vamos abordar as notifica&ccedil;&otilde;es <em>push<\/em> em geral e suas vantagens. E ent&atilde;o, vamos apresentar alguns outros plugins de notifica&ccedil;&otilde;es <em>push <\/em>WordPress que voc&ecirc; pode usar, caso voc&ecirc; n&atilde;o seja muito f&atilde; do OneSignal. Vamos come&ccedil;ar!<\/span><\/p><h2 class=\"wp-block-heading\" id=\"h-o-que-e-notificacao-push-wordpress\"><b>O que &eacute; Notifica&ccedil;&atilde;o&nbsp;<em>Push<\/em> WordPress<\/b><\/h2><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/adicionar-notifica%C3%A7%C3%B5es-push-wordpress.jpg\" alt=\"exemplo de notifica&ccedil;&otilde;es push do wordpress\" class=\"wp-image-11079\"><\/figure><\/div><p><span style=\"font-weight: 400\">Notifica&ccedil;&otilde;es <em>push<\/em> s&atilde;o mensagens que aparecem na sua tela informando quando algo aconteceu em seu dispositivo. Por exemplo, quando voc&ecirc; recebe um email, voc&ecirc; provavelmente recebe notifica&ccedil;&atilde;o&nbsp;<em>push<\/em> tanto em seu celular como no computador. Elas n&atilde;o s&atilde;o t&atilde;o intrusivas como popups, e geralmente podem ser configuradas quando voc&ecirc; quer ou n&atilde;o v&ecirc;-las (assim elas n&atilde;o ficam irritantes).<\/span><\/p><p><span style=\"font-weight: 400\">No passado, notifica&ccedil;&otilde;es <em>push <\/em><strong>WordPress<\/strong> eram limitadas &agrave; aplica&ccedil;&otilde;es e atualiza&ccedil;&otilde;es de sistema. Por&eacute;m, t&ecirc;m se tornado mais e mais comuns entre os websites. Alguns dos motivos s&atilde;o:<\/span><\/p><ul class=\"wp-block-list\">\n<li><b>Elas permitem que voc&ecirc; avise seus usu&aacute;rios sobre novos conte&uacute;dos.<\/b><span style=\"font-weight: 400\"> Com notifica&ccedil;&atilde;o&nbsp;<em>push<\/em>, usu&aacute;rios n&atilde;o precisam visitar seu site para descobrir que voc&ecirc; publicou um novo artigo, por exemplo. Eles podem receber uma notifica&ccedil;&atilde;o sempre que sair algo novo.<\/span><\/li>\n\n\n\n<li><b>Usu&aacute;rios podem se inscrever ou cancelar a inscri&ccedil;&atilde;o a qualquer momento.<\/b><span style=\"font-weight: 400\"> Diferente dos popups, usu&aacute;rios podem escolher se desejam receber as notifica&ccedil;&otilde;es <em>push<\/em>. Isso significa que somente pessoas interessadas ir&atilde;o receber.<\/span><\/li>\n\n\n\n<li><b>Requerem menos aten&ccedil;&atilde;o do que emails.<\/b><span style=\"font-weight: 400\"> Voc&ecirc; pode sempre enviar diversos emails informando sobre novidades e ofertas, mas notifica&ccedil;&otilde;es <em>push <\/em>WordPress n&atilde;o requerem que usu&aacute;rios abram a mensagem inteira.<\/span><\/li>\n\n\n\n<li><b>S&atilde;o muito efetivas.<\/b><span style=\"font-weight: 400\"> Notifica&ccedil;&otilde;es <em>push<\/em> possuem altos &iacute;ndices de cliques e convers&otilde;es, principalmente comparado com outros m&eacute;todos de marketing.<\/span><\/li>\n<\/ul><p><span style=\"font-weight: 400\">Existem diversas vantagens em adicionar notifica&ccedil;&otilde;es <em>push<\/em>&nbsp;WordPress. Entretanto, &eacute; bom lembrar que algumas pessoas n&atilde;o gostam muito dessa ferramenta. A utiliza&ccedil;&atilde;o em excesso pode incomodar seus assinantes, o que pode levar eles a n&atilde;o gostarem mais do seu conte&uacute;do ou site.<\/span><\/p><p><span style=\"font-weight: 400\">Para manter um bom balan&ccedil;o, pense em como voc&ecirc; reagiria se fosse seu visitante. Se voc&ecirc; instalar um aplicativo que envia muitas notifica&ccedil;&otilde;es sem motivo, &eacute; prov&aacute;vel que voc&ecirc; vai desinstalar o app. O mesmo se aplica a sites, ent&atilde;o use as notifica&ccedil;&otilde;es com modera&ccedil;&atilde;o. Assim, sempre que seus assinantes receberem uma notifica&ccedil;&atilde;o, v&atilde;o saber que &eacute; algo que vale a pena ser conferido.<\/span><\/p><h2 class=\"wp-block-heading\" id=\"h-como-adicionar-notificacoes-push-wordpress-em-4-etapas\"><b>Como Adicionar Notifica&ccedil;&otilde;es <em>Push<\/em> WordPress (Em 4 Etapas)<\/b><\/h2><p><span style=\"font-weight: 400\">Neste tutorial, vamos usar o plugin <\/span><a href=\"https:\/\/wordpress.org\/plugins\/onesignal-free-web-push-notifications\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">OneSignal<\/span><\/a><span style=\"font-weight: 400\">. Claro que n&atilde;o &eacute; a &uacute;nica ferramenta do WordPress que permite adicionar notifica&ccedil;&otilde;es <em>push<\/em>. Mas, &eacute; f&aacute;cil de come&ccedil;ar e suporta diversos navegadores, o que torna nossa op&ccedil;&atilde;o favorita.<\/span><\/p><p><span style=\"font-weight: 400\">Depois iremos discutir outros plugins que podem ser utilizados para o mesmo prop&oacute;sito. Vamos l&aacute;!<\/span><\/p><h3 class=\"wp-block-heading\" id=\"h-passo-1-instalando-o-plugin-onesignal\"><b>Passo 1: Instalando o Plugin OneSignal<\/b><\/h3><p><span style=\"font-weight: 400\">Vamos come&ccedil;ar com a instala&ccedil;&atilde;o do plugin. V&aacute; at&eacute; o painel do WordPress, e na aba <\/span><b>Plugins <\/b><span style=\"font-weight: 400\">clique em <\/span><b>Adicionar novo<\/b><span style=\"font-weight: 400\">. Ent&atilde;o utilize a barra de pesquisa para pesquisar o plugin <\/span><b>OneSignal<\/b><span style=\"font-weight: 400\">. Agora, &eacute; s&oacute; instalar e ativar:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1338\" height=\"433\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/instalar-plugin-onesignal.png\" alt=\"instalar plugin one signal\" class=\"wp-image-11080\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/instalar-plugin-onesignal.png 1338w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/instalar-plugin-onesignal-150x49.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/instalar-plugin-onesignal-300x97.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/instalar-plugin-onesignal-768x249.png 768w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/instalar-plugin-onesignal-1320x427.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/instalar-plugin-onesignal-990x320.png 990w\" sizes=\"(max-width: 1338px) 100vw, 1338px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">O plugin vai criar uma nova aba no seu painel chamada <\/span><b>OneSignal <em>Push<\/em><\/b><span style=\"font-weight: 400\">. Clique nela, e voc&ecirc; ver&aacute; uma nova p&aacute;gina mostrando os pr&oacute;ximos passos a serem feitos. N&oacute;s iremos te guiar atrav&eacute;s de todo o processo, ent&atilde;o n&atilde;o se preocupe muito com isso. <\/span><\/p><h3 class=\"wp-block-heading\" id=\"h-passo-2-criando-uma-conta-onesignal\"><b>Passo 2: Criando uma conta OneSignal<\/b><\/h3><p><span style=\"font-weight: 400\">Para que o plugin funcione, voc&ecirc; vai precisar de uma conta gratuita do <\/span><b>OneSignal<\/b><span style=\"font-weight: 400\">. V&aacute; at&eacute; o site da plataforma, e clique no bot&atilde;o <\/span><b>GET STARTED <\/b><span style=\"font-weight: 400\">pr&oacute;ximo &agrave; <\/span><b>Web <em>Push<\/em><\/b><span style=\"font-weight: 400\">:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"427\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/notificacoes-push-celular.jpg\" alt=\"notifica&ccedil;&otilde;es push no celular\" class=\"wp-image-11081\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/notificacoes-push-celular.jpg 900w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/notificacoes-push-celular-150x71.jpg 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/notificacoes-push-celular-300x142.jpg 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/notificacoes-push-celular-768x364.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Voc&ecirc; pode se inscrever com as credenciais de diversas redes sociais, ou com o seu email. Configure sua conta agora:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"514\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/criando-conta-no-onesignal.jpg\" alt=\"Criando conta no one signal\" class=\"wp-image-11082\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/criando-conta-no-onesignal.jpg 900w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/criando-conta-no-onesignal-150x86.jpg 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/criando-conta-no-onesignal-300x171.jpg 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/criando-conta-no-onesignal-768x439.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Voc&ecirc; ser&aacute; solicitado a confirmar seu email. Ent&atilde;o, acesse o painel do OneSignal.<\/span><\/p><h3 class=\"wp-block-heading\" id=\"h-passo-3-criar-um-app-de-notificacoes-push\"><b>Passo 3: Criar um app de Notifica&ccedil;&otilde;es <em>Push<\/em><\/b><\/h3><p><span style=\"font-weight: 400\">Al&eacute;m de habilitar o envio de notifica&ccedil;&otilde;es <em>push<\/em> online, o OneSignal tamb&eacute;m suporta aplica&ccedil;&otilde;es para celular e servi&ccedil;os de email. Isso significa que voc&ecirc; precisa escolher exatamente o tipo de servi&ccedil;o que quer usar. Para come&ccedil;ar, v&aacute; at&eacute; o painel do OneSignal e clique no bot&atilde;o <\/span><b>Add a new app<\/b><span style=\"font-weight: 400\">:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"499\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/adicionar-novo-app.jpg\" alt=\"adicionar novo app\" class=\"wp-image-11083\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/adicionar-novo-app.jpg 900w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/adicionar-novo-app-150x83.jpg 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/adicionar-novo-app-300x166.jpg 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/adicionar-novo-app-768x426.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">A plataforma vai pedir o nome do seu app, para identifica&ccedil;&atilde;o interna. N&oacute;s usamos <\/span><b>WordPress <em>Push<\/em> Notifications<\/b><span style=\"font-weight: 400\">, mas voc&ecirc; pode usar o nome que preferir. Ent&atilde;o, ser&aacute; perguntado o tipo de notifica&ccedil;&atilde;o que voc&ecirc; quer configurar. Selecione a op&ccedil;&atilde;o <\/span><b>Web <em>Push<\/em><\/b><span style=\"font-weight: 400\">:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"438\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/escolha-web-notificacoes.jpg\" alt=\"escolha web push\" class=\"wp-image-11084\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/escolha-web-notificacoes.jpg 900w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/escolha-web-notificacoes-150x73.jpg 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/escolha-web-notificacoes-300x146.jpg 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/escolha-web-notificacoes-768x374.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Agora, escolha o tipo de integra&ccedil;&atilde;o. Clique no bot&atilde;o <\/span><b>WordPress Plugin or Website Builder<\/b><span style=\"font-weight: 400\">, e escolha o WordPress na op&ccedil;&atilde;o abaixo:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"530\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/wordpress-opcoes.jpg\" alt=\"op&ccedil;&otilde;es wordpress\" class=\"wp-image-11085\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/wordpress-opcoes.jpg 900w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/wordpress-opcoes-150x88.jpg 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/wordpress-opcoes-300x177.jpg 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/wordpress-opcoes-768x452.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Finalmente, des&ccedil;a a tela e inclua as informa&ccedil;&otilde;es do seu site, incluindo nome e URL. Voc&ecirc; tamb&eacute;m pode definir um &iacute;cone para seu site, que ser&aacute; mostrado na notifica&ccedil;&atilde;o, mas essa etapa n&atilde;o &eacute; necess&aacute;ria:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"499\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/wordpress-configuracoes-do-site.jpg\" alt=\"configura&ccedil;&otilde;es do site wordpress\" class=\"wp-image-11086\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/wordpress-configuracoes-do-site.jpg 900w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/wordpress-configuracoes-do-site-150x83.jpg 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/wordpress-configuracoes-do-site-300x166.jpg 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/wordpress-configuracoes-do-site-768x426.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">De qualquer modo, certifique de indicar se o seu site usa HTTPS ou n&atilde;o antes de salvar as altera&ccedil;&otilde;es. Ao clicar em <\/span><b>Save<\/b><span style=\"font-weight: 400\">, v&aacute; at&eacute; o &uacute;ltimo passo.<\/span><\/p><h3 class=\"wp-block-heading\" id=\"h-passo-4-configurar-o-plugin-onesignal\"><b>Passo 4: Configurar o Plugin OneSignal<\/b><\/h3><p><span style=\"font-weight: 400\">Depois de salvar as suas configura&ccedil;&otilde;es no painel do OneSignal, voc&ecirc; vai ver uma nova tela mostrando seu <\/span><b>APP ID <\/b><span style=\"font-weight: 400\">e <\/span><b>API KEY<\/b><span style=\"font-weight: 400\">:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"377\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/app-id-chave.jpg\" alt=\"chave api - id\" class=\"wp-image-11087\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/app-id-chave.jpg 900w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/app-id-chave-150x63.jpg 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/app-id-chave-300x126.jpg 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/app-id-chave-768x322.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Mantenha essa aba aberta por enquanto, voc&ecirc; j&aacute; vai precisar dela em instantes. Retorne ao seu painel do WordPress, v&aacute; at&eacute; a aba <\/span><b>OneSignal <em>Push<\/em><\/b><span style=\"font-weight: 400\">, ent&atilde;o abra a tela de <\/span><b>Configura&ccedil;&otilde;es<\/b><span style=\"font-weight: 400\">. Voc&ecirc; ver&aacute; tr&ecirc;s campos, um para o <\/span><b>App ID<\/b><span style=\"font-weight: 400\">, outro para o <\/span><b>API Key<\/b><span style=\"font-weight: 400\">, e o &uacute;ltimo par ao marcador do seu app. Preencha os primeiros campos com os dados adquiridos na tela anterior:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"872\" height=\"341\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/configurar-chave-app-id.jpg\" alt=\"configurar chave \" class=\"wp-image-11088\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/configurar-chave-app-id.jpg 872w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/configurar-chave-app-id-150x59.jpg 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/configurar-chave-app-id-300x117.jpg 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/configurar-chave-app-id-768x300.jpg 768w\" sizes=\"(max-width: 872px) 100vw, 872px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">J&aacute; para o marcador do app, &eacute; o nome que foi escolhido no passo anterior. No nosso caso, <\/span><b>WordPress <em>Push<\/em> Notifications<\/b><span style=\"font-weight: 400\">.<\/span><\/p><p><span style=\"font-weight: 400\">Depois de preencher os tr&ecirc;s campos, des&ccedil;a a tela para cuidar de outras configura&ccedil;&otilde;es. Procure a se&ccedil;&atilde;o <\/span><b>Prompt Settings &amp; Subscription Bell<\/b><span style=\"font-weight: 400\">. Aqui, voc&ecirc; pode escolher se deseja que o plugin solicite aos novos usu&aacute;rios que se inscreva automaticamente:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"418\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/prompt-novos-usuarios.jpg\" alt=\"prompt novos usu&aacute;rios\" class=\"wp-image-11089\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/prompt-novos-usuarios.jpg 900w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/prompt-novos-usuarios-150x70.jpg 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/prompt-novos-usuarios-300x139.jpg 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/prompt-novos-usuarios-768x357.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Descendo ainda mais a tela, voc&ecirc; pode mudar o texto da sua mensagem:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"412\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/customizar-botao-subinscricao.jpg\" alt=\"customizar bot&atilde;o de subinscri&ccedil;&atilde;o\" class=\"wp-image-11090\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/customizar-botao-subinscricao.jpg 900w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/customizar-botao-subinscricao-150x69.jpg 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/customizar-botao-subinscricao-300x137.jpg 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/customizar-botao-subinscricao-768x352.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Descendo a p&aacute;gina, voc&ecirc; ver&aacute; a se&ccedil;&atilde;o <\/span><b>Welcome Notification Settings<\/b><span style=\"font-weight: 400\">. Por padr&atilde;o, o OneSignal envia uma mensagem de &lsquo;boas-vindas&rsquo; atrav&eacute;s de notifica&ccedil;&atilde;o <em>push<\/em> quando algu&eacute;m se inscreve no seu site. Nesta se&ccedil;&atilde;o, voc&ecirc; pode desabilitar ou customizar essa mensagem:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/notifica%C3%A7%C3%A3o-bem-vindo.jpg\" alt=\"notifica&ccedil;&atilde;o de bem vindo\" class=\"wp-image-11091\"><\/figure><\/div><p><span style=\"font-weight: 400\">Por &uacute;ltimo, procure a se&ccedil;&atilde;o <\/span><b>Automatic Notification Settings<\/b><span style=\"font-weight: 400\">. Aqui, voc&ecirc; configura se o plugin deve mandar notifica&ccedil;&otilde;es autom&aacute;ticas sempre que voc&ecirc; publica um novo conte&uacute;do:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"220\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/notificacao-automatica-configuracoes.jpg\" alt=\"notifica&ccedil;&atilde;o de configura&ccedil;&otilde;es automaticas\" class=\"wp-image-11092\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/notificacao-automatica-configuracoes.jpg 900w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/notificacao-automatica-configuracoes-150x37.jpg 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/notificacao-automatica-configuracoes-300x73.jpg 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/notificacao-automatica-configuracoes-768x188.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Na maioria dos casos, &eacute; uma boa ideia deixar essa op&ccedil;&atilde;o ativa, especialmente se voc&ecirc; publica um ou dois novos conte&uacute;dos por semana. Por&eacute;m, se voc&ecirc; publica todos os dias, suas notifica&ccedil;&otilde;es come&ccedil;ar&atilde;o a parecer spam..<\/span><\/p><p><span style=\"font-weight: 400\">Se voc&ecirc; deixar essa configura&ccedil;&atilde;o desligada, voc&ecirc; tem a op&ccedil;&atilde;o de enviar as notifica&ccedil;&otilde;es pelo editor do WordPress sempre que for publicar uma nova postagem. Assim, voc&ecirc; tem controle total sobre quais posts devem ou n&atilde;o enviar notifica&ccedil;&otilde;es.<\/span><\/p><p><span style=\"font-weight: 400\">Lembre de salvar as configura&ccedil;&otilde;es do plugin, e estar&aacute; tudo pronto! Quando algu&eacute;m visitar seu site, uma solicita&ccedil;&atilde;o de inscri&ccedil;&atilde;o do OneSignal para receber as notifica&ccedil;&otilde;es <em>push<\/em> ir&aacute; aparecer. Ao recusar, a mensagem n&atilde;o vai aparecer novamente, evitando incomodar visitantes n&atilde;o interessados..<\/span><\/p><h2 class=\"wp-block-heading\" id=\"h-5-plugins-alternativos-para-adicionar-notificacoes-push-wordpress\"><b>5 Plugins Alternativos para Adicionar Notifica&ccedil;&otilde;es <em>Push<\/em>&nbsp; WordPress<\/b><\/h2><p><span style=\"font-weight: 400\">Se voc&ecirc; n&atilde;o gosta do OneSignal, pode escolher entre diversas outras op&ccedil;&otilde;es. Vamos listar 5 plugins alternativos, e os recursos que cada um oferece.<\/span><\/p><h3 class=\"wp-block-heading\" id=\"h-1-pushengage-web-push-notifications\"><b>1. <\/b><a href=\"https:\/\/wordpress.org\/plugins\/pushengage\/\" target=\"_blank\" rel=\"noopener\"><b>PushEngage Web Push Notifications<\/b><\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"125\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/push-engage-plugin.jpg\" alt=\"push engage plugin para adicionar notifica&ccedil;&otilde;es no wordpress\" class=\"wp-image-11094\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/push-engage-plugin.jpg 900w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/push-engage-plugin-150x21.jpg 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/push-engage-plugin-300x42.jpg 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/push-engage-plugin-768x107.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">O <\/span><a href=\"https:\/\/wordpress.org\/plugins\/pushengage\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">PushEngage Web Push Notifications<\/span><\/a><span style=\"font-weight: 400\"> permite que voc&ecirc; adicione notifica&ccedil;&otilde;es do seu site para Chrome e Firefox. &Eacute; semelhante ao OneSignal por ser necess&aacute;rio criar uma conta no PushEngage para que o plugin funcione.<\/span><\/p><p><span style=\"font-weight: 400\">Al&eacute;m das funcionalidades de notifica&ccedil;&atilde;o b&aacute;sicas, voc&ecirc; pode usar o servi&ccedil;o para focar em segmentos espec&iacute;ficos de seus assinantes. Tamb&eacute;m &eacute; agendar notifica&ccedil;&otilde;es adiantado, o que pode ser &uacute;til como um lembrete para futuros eventos.<\/span><\/p><p><b>Recursos chave:<\/b><\/p><ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400\">Adicionar notifica&ccedil;&otilde;es <em>push<\/em> de seu site para Chrome e Firefox.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Configurar notifica&ccedil;&otilde;es autom&aacute;ticas para novas postagens e atualiza&ccedil;&otilde;es do <a href=\"\/tutoriais\/o-que-e-rss-feed\"><strong>RSS feed<\/strong><\/a>.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Incluir chamadas de a&ccedil;&atilde;o dentro das notifica&ccedil;&otilde;es.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Agendar mensagens adiantado.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Focar em segmentos espec&iacute;ficos de seus assinantes.<\/span><\/li>\n<\/ul><p><b>Pre&ccedil;o:<\/b> o<span style=\"font-weight: 400\"> plugin oferece um plano gr&aacute;tis limitado, assim como uma variedade de planos pagos.<\/span><\/p><h3 class=\"wp-block-heading\" id=\"h-2-push-notifications-for-wordpress-by-pushassist\"><b>2. <\/b><a href=\"https:\/\/wordpress.org\/plugins\/push-notification-for-wp-by-pushassist\/\" target=\"_blank\" rel=\"noopener\"><b>Push Notifications for WordPress by PushAssist<\/b><\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"286\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/push-assist-notificacoes.jpg\" alt=\"ativar push notifica&ccedil;&otilde;es no wordpress com o plugin push assist\" class=\"wp-image-11095\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/push-assist-notificacoes.jpg 900w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/push-assist-notificacoes-150x48.jpg 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/push-assist-notificacoes-300x95.jpg 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/push-assist-notificacoes-768x244.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><a href=\"https:\/\/wordpress.org\/plugins\/push-notification-for-wp-by-pushassist\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">O <\/span><span style=\"font-weight: 400\">Push Notifications for WordPress by PushAssist<\/span><\/a><span style=\"font-weight: 400\"> permite que voc&ecirc; configure notifica&ccedil;&otilde;es <em>push<\/em> para maior parte dos navegadores. Voc&ecirc; pode configurar as a&ccedil;&otilde;es que iniciar as notifica&ccedil;&otilde;es, e at&eacute; mandar mensagens totalmente personalizadas, se desejado.<\/span><\/p><p><span style=\"font-weight: 400\">No geral, esse plugin se destaca devido a facilidade de uso e pela interface atraente. &Eacute; uma excelente alternativa se voc&ecirc; est&aacute; procurando um plugin simples e direto para configurar suas notifica&ccedil;&otilde;es. Entretanto, seu plano gr&aacute;tis se limita &agrave; 3000 assinantes, o que pode ser um ponto negativo se voc&ecirc; n&atilde;o est&aacute; disposto a pagar por um upgrade.<\/span><\/p><p><b>Recursos chave:<\/b><\/p><ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400\">Enviar notifica&ccedil;&otilde;es para os maiores navegadores.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Configurar quais a&ccedil;&otilde;es geram notifica&ccedil;&atilde;o.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Personalizar o estilo das notifica&ccedil;&otilde;es.<\/span><\/li>\n<\/ul><p><b>Pre&ccedil;o:<\/b> <span style=\"font-weight: 400\">este plugin &eacute; gr&aacute;tis para at&eacute; 3000 inscritos. Planos pagos tamb&eacute;m est&atilde;o dispon&iacute;veis, come&ccedil;ando em US$ 9\/m&ecirc;s.<\/span><\/p><h3 class=\"wp-block-heading\" id=\"h-3-push-monkey-pro\"><b>3. <\/b><a href=\"https:\/\/wordpress.org\/plugins\/push-monkey-desktop-push-notifications\/\" target=\"_blank\" rel=\"noopener\"><b>Push Monkey Pro<\/b><\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"290\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/push-monkey-plugin.jpg\" alt=\"como ativar notifica&ccedil;&otilde;es wordpress com o plugin push monkey\" class=\"wp-image-11096\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/push-monkey-plugin.jpg 900w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/push-monkey-plugin-150x48.jpg 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/push-monkey-plugin-300x97.jpg 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/push-monkey-plugin-768x247.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">At&eacute; agora, os plugins que vimos eram todos similares. O <\/span><a href=\"https:\/\/wordpress.org\/plugins\/push-monkey-desktop-push-notifications\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Push Monkey Pro<\/span><\/a><span style=\"font-weight: 400\"> &eacute; um pouco diferente, j&aacute; que permite a integra&ccedil;&atilde;o com o WooCommerce. Assim, voc&ecirc; pode focar em usu&aacute;rios com carrinhos abandonados no seu site e tentar convenc&ecirc;-los a concluir a compra.<\/span><\/p><p><span style=\"font-weight: 400\">Al&eacute;m da integra&ccedil;&atilde;o com o WooCommerce, o Push Monkey Pro tamb&eacute;m suporta notifica&ccedil;&otilde;es <em>push<\/em> na publica&ccedil;&atilde;o ou atualiza&ccedil;&atilde;o de um post. E mais, somos muito f&atilde;s da tela de status do plugin, que mostra diversas informa&ccedil;&otilde;es &uacute;teis. A &uacute;nica desvantagem &eacute; que o plugin em si &eacute; relativamente novo, ent&atilde;o n&atilde;o temos como garantir sua qualidade. Por&eacute;m, parece ser bastante promissor, ent&atilde;o vale a pena testar em sites menores.<\/span><\/p><p><b>Recursos chave:<\/b><\/p><ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400\">Configurar notifica&ccedil;&otilde;es para carrinhos esquecidos do WooCommerce.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Configurar notifica&ccedil;&otilde;es para publica&ccedil;&atilde;o e atualiza&ccedil;&atilde;o de posts..<\/span><\/li>\n<\/ul><p><b>Pre&ccedil;o:<\/b> <span style=\"font-weight: 400\">Push Monkey Pro &eacute; gr&aacute;tis para at&eacute; 100 inscritos, para mais &eacute; necess&aacute;rio comprar um plano.<\/span><\/p><h3 class=\"wp-block-heading\" id=\"h-4-smart-notification-wordpress-plugin\"><b>4. <\/b><a href=\"https:\/\/codecanyon.net\/item\/desktop-mobile-push-notification-system-wordpress-plugin\/6548533\" target=\"_blank\" rel=\"noopener\"><b>Smart Notification WordPress Plugin<\/b><\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"852\" height=\"295\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/smart-notificacoes.jpg\" alt=\"plugin para adicionar notifica&ccedil;&otilde;es no wordpress\" class=\"wp-image-11097\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/smart-notificacoes.jpg 852w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/smart-notificacoes-150x52.jpg 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/smart-notificacoes-300x104.jpg 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/smart-notificacoes-768x266.jpg 768w\" sizes=\"(max-width: 852px) 100vw, 852px\" \/><\/figure><\/div><p><a href=\"https:\/\/codecanyon.net\/item\/desktop-mobile-push-notification-system-wordpress-plugin\/6548533\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Smart Notification WordPress Plugin<\/span><\/a><span style=\"font-weight: 400\"> &eacute; um plugin completo que permite o envio de notifica&ccedil;&otilde;es atrav&eacute;s de mais plataformas al&eacute;m do navegador. Junto com os b&aacute;sicos, como o Chrome, Firefox, e Safari, tamb&eacute;m suporta notifica&ccedil;&otilde;es do Facebook Messenger e sistemas operacionais para celulares.<\/span><\/p><p><span style=\"font-weight: 400\">A desvantagem, nesse caso, &eacute; que voc&ecirc; precisa realizar diversas configura&ccedil;&otilde;es para fazer todas essas funcionalidades funcionar. O que se torna ainda mais real com a integra&ccedil;&atilde;o do WooCommerce ou bb Press, tamb&eacute;m oferecidos pela plataforma.<\/span><\/p><p><b>Recursos chave:<\/b><\/p><ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400\">Adicionar notifica&ccedil;&otilde;es para o Chrome, Firefox, Safari, e Opera.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Adicionar notifica&ccedil;&otilde;es para usu&aacute;rios do Facebook Messenger.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Integrar e plugin com WooCommerce, bbPress, e outros.<\/span><\/li>\n<\/ul><p><b>Pre&ccedil;o:<\/b> esse &eacute; um plugin premium, que ir&aacute; custar US$ 59 pela licen&ccedil;a.<\/p><h3 class=\"wp-block-heading\" id=\"h-5-free-web-push-notification-tool-by-izooto\"><b>5. <\/b><a href=\"https:\/\/wordpress.org\/plugins\/izooto-web-push\/\" target=\"_blank\" rel=\"noopener\"><b>Free Web Push Notification Tool by iZooto<\/b><\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"905\" height=\"290\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/izooto.jpg\" alt=\"plugin para adicionar notifica&ccedil;&otilde;es no wordpress - izooto\" class=\"wp-image-11098\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/izooto.jpg 905w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/izooto-150x48.jpg 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/izooto-300x96.jpg 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/06\/izooto-768x246.jpg 768w\" sizes=\"(max-width: 905px) 100vw, 905px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">O plugin <\/span><a href=\"https:\/\/wordpress.org\/plugins\/izooto-web-push\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Free Web Push Notification Tool by iZooto<\/span><\/a><span style=\"font-weight: 400\">&eacute; diferente dos outros plugins que mostramos at&eacute; agora. Ele n&atilde;o permite que voc&ecirc; configure notifica&ccedil;&otilde;es para novos posts ou atualiza&ccedil;&otilde;es. Inv&eacute;s, foi feito para ajudar na divulga&ccedil;&atilde;o de campanhas atrav&eacute;s de notifica&ccedil;&otilde;es <em>push<\/em>.<\/span><\/p><p><span style=\"font-weight: 400\">Esse aplicativo pode ser &uacute;til se voc&ecirc; tiver uma loja online e n&atilde;o um blog, por exemplo. Esse n&atilde;o &eacute; o &uacute;nico plugin da lista que oferece a promo&ccedil;&atilde;o de campanhas, mas &eacute; o &uacute;nico que oferece essa ferramenta gr&aacute;tis. E mais, fornece uma grande variedade de estilos para as suas notifica&ccedil;&otilde;es do WordPress. A &uacute;nica desvantagem &eacute; que o plugin tamb&eacute;m &eacute; novo, ent&atilde;o pode ter alguns truques para fazer funcionar.<\/span><\/p><p><strong>Recursos chave:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400\">Criar e promova campanhas via notifica&ccedil;&otilde;es <em>push<\/em>.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Funcionar com os maiores navegadores.<\/span><\/li>\n<\/ul><p><strong>Pre&ccedil;o<\/strong>:<span style=\"font-weight: 400\"> o plugin b&aacute;sico &eacute; gr&aacute;tis, como o nome sugere. Mas ele tamb&eacute;m possui planos premium dispon&iacute;veis.<\/span><\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Dicas de Leitura<\/h4>\n                    <p>Procurando por mais maneiras de melhorar seu site WordPress? Esses tutoriais ir&atilde;o te colocar no caminho certo:<br><a href=\"\/tutoriais\/schema-markup-no-wordpress\/\">Por que seu site precisa do Schema Markup e como adicion&aacute;-lo no WordPress<\/a><br><a href=\"\/tutoriais\/30-tecnicas-de-seo-para-wordpress\/\">30 t&eacute;cnicas de SEO fundamentais para alavancar seu site WordPress no Google<\/a><br><a href=\"\/tutoriais\/wordpress-como-criar-um-tema-responsivo-usando-html5\">Como criar um tema do WordPress responsivo com HTML5<br><\/a><a href=\"\/tutoriais\/amp-wordpress\/\">AMP WordPress: O que &eacute; e como configurar corretamente<\/a><br><a href=\"\/tutoriais\/otimizar-imagens-wordpress\/\">Como otimizar imagens para o WordPress<\/a><\/p>\n                <\/div>\n\n\n<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/pt\/alojamento-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner.png\" alt=\"\" class=\"wp-image-44638\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner-300x88.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner-150x44.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner-768x225.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-conclusao\"><b>Conclus&atilde;o<\/b><\/h2><p><span style=\"font-weight: 400\">As notifica&ccedil;&otilde;es <em>push<\/em>&nbsp;WordPress s&atilde;o uma &oacute;tima maneira de manter seus visitantes atualizados. O problema &eacute; que o WordPress em si n&atilde;o oferece esse recurso. Por&eacute;m, n&atilde;o &eacute; nada que voc&ecirc; n&atilde;o consiga fazer com o plugin correto. Somos mais inclinados a usar o <\/span><a href=\"https:\/\/wordpress.org\/plugins\/onesignal-free-web-push-notifications\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">OneSignal<\/span><\/a><span style=\"font-weight: 400\">, que &eacute; bem simples de configurar. Mas, outras excelentes alternativas s&atilde;o o <\/span><a href=\"https:\/\/wordpress.org\/plugins\/pushengage\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">PushEngage Web Push Notifications<\/span><\/a><span style=\"font-weight: 400\"> e <\/span><a href=\"https:\/\/wordpress.org\/plugins\/push-notification-for-wp-by-pushassist\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Push Notifications for WordPress by PushAssist<\/span><\/a><span style=\"font-weight: 400\">.<\/span><\/p><p><i><span style=\"font-weight: 400\">Voc&ecirc; tem alguma d&uacute;vida ou dica sobre o uso de notifica&ccedil;&otilde;es push WordPress? Vamos debater nos coment&aacute;rios abaixo!<\/span><\/i><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Uma das partes mais dif&iacute;ceis de ter um site &eacute; atrair e engajar os visitantes. Mesmo se seu conte&uacute;do for interessante, voc&ecirc; precisa de uma maneira de conectar com seus visitantes. Por isso, ao adicionar notifica&ccedil;&otilde;es push do WordPress voc&ecirc; tem uma solu&ccedil;&atilde;o elegante para esse problema. Disso que iremos tratar neste tutorial. Vamos explicar [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/pt\/tutoriais\/adicionar-notificacoes-push-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":78,"featured_media":30540,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"","rank_math_description":"Veja como adicionar notifica\u00e7\u00f5es push no seu site WordPress e aumente suas oportunidades para atrair e engajar seus visitantes. Tamb\u00e9m apresentamos 5 plugins alternativos como solu\u00e7\u00e3o.","rank_math_focus_keyword":"notifica\u00e7\u00f5es push wordpress","footnotes":""},"categories":[4911],"tags":[5708,5707,5706],"class_list":["post-11071","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-adicionar-notificacoes-push-wordpress","tag-notificacao-push-wordpress","tag-notificacoes-push-wordpress"],"hreflangs":[{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/adicionar-notificacoes-push-wordpress","default":1},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/adicionar-notificacoes-push-wordpress","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/11071","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/users\/78"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/comments?post=11071"}],"version-history":[{"count":8,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/11071\/revisions"}],"predecessor-version":[{"id":39122,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/11071\/revisions\/39122"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/media\/30540"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/media?parent=11071"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/categories?post=11071"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/tags?post=11071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}