{"id":11071,"date":"2018-06-22T16:15:17","date_gmt":"2018-06-22T19:15:17","guid":{"rendered":"https:\/\/blog.hostinger.io\/br-tutoriais\/?p=11071"},"modified":"2025-04-16T04:55:50","modified_gmt":"2025-04-16T07:55:50","slug":"adicionar-notificacoes-push-wordpress","status":"publish","type":"post","link":"\/br\/tutoriais\/adicionar-notificacoes-push-wordpress\/","title":{"rendered":"Como adicionar notifica\u00e7\u00f5es push no WordPress (4 etapas)"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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-nbsp-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:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/adicionar-notifica%C3%A7%C3%B5es-push-wordpress.jpg\/public\" alt=\"exemplo de notifica&ccedil;&otilde;es push do wordpress\" class=\"wp-image-11079\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/instalar-plugin-onesignal.png\/public\" alt=\"instalar plugin one signal\" class=\"wp-image-11080\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/instalar-plugin-onesignal.png\/w=1338,fit=scale-down 1338w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/instalar-plugin-onesignal.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/instalar-plugin-onesignal.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/instalar-plugin-onesignal.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/instalar-plugin-onesignal.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/instalar-plugin-onesignal.png\/w=990,fit=scale-down 990w\" sizes=\"(max-width: 1338px) 100vw, 1338px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/notificacoes-push-celular.jpg\/public\" alt=\"notifica&ccedil;&otilde;es push no celular\" class=\"wp-image-11081\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/notificacoes-push-celular.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/notificacoes-push-celular.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/notificacoes-push-celular.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/notificacoes-push-celular.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><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:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/criando-conta-no-onesignal.jpg\/public\" alt=\"Criando conta no one signal\" class=\"wp-image-11082\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/criando-conta-no-onesignal.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/criando-conta-no-onesignal.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/criando-conta-no-onesignal.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/criando-conta-no-onesignal.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/adicionar-novo-app.jpg\/public\" alt=\"adicionar novo app\" class=\"wp-image-11083\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/adicionar-novo-app.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/adicionar-novo-app.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/adicionar-novo-app.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/adicionar-novo-app.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><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:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/escolha-web-notificacoes.jpg\/public\" alt=\"escolha web push\" class=\"wp-image-11084\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/escolha-web-notificacoes.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/escolha-web-notificacoes.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/escolha-web-notificacoes.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/escolha-web-notificacoes.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><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:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/wordpress-opcoes.jpg\/public\" alt=\"op&ccedil;&otilde;es wordpress\" class=\"wp-image-11085\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/wordpress-opcoes.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/wordpress-opcoes.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/wordpress-opcoes.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/wordpress-opcoes.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><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:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/wordpress-configuracoes-do-site.jpg\/public\" alt=\"configura&ccedil;&otilde;es do site wordpress\" class=\"wp-image-11086\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/wordpress-configuracoes-do-site.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/wordpress-configuracoes-do-site.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/wordpress-configuracoes-do-site.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/wordpress-configuracoes-do-site.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/app-id-chave.jpg\/public\" alt=\"chave api - id\" class=\"wp-image-11087\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/app-id-chave.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/app-id-chave.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/app-id-chave.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/app-id-chave.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><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:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/configurar-chave-app-id.jpg\/public\" alt=\"configurar chave \" class=\"wp-image-11088\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/configurar-chave-app-id.jpg\/w=872,fit=scale-down 872w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/configurar-chave-app-id.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/configurar-chave-app-id.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/configurar-chave-app-id.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 872px) 100vw, 872px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/prompt-novos-usuarios.jpg\/public\" alt=\"prompt novos usu&aacute;rios\" class=\"wp-image-11089\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/prompt-novos-usuarios.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/prompt-novos-usuarios.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/prompt-novos-usuarios.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/prompt-novos-usuarios.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><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:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/customizar-botao-subinscricao.jpg\/public\" alt=\"customizar bot&atilde;o de subinscri&ccedil;&atilde;o\" class=\"wp-image-11090\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/customizar-botao-subinscricao.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/customizar-botao-subinscricao.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/customizar-botao-subinscricao.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/customizar-botao-subinscricao.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><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:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/notifica%C3%A7%C3%A3o-bem-vindo.jpg\/public\" alt=\"notifica&ccedil;&atilde;o de bem vindo\" class=\"wp-image-11091\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><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:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/notificacao-automatica-configuracoes.jpg\/public\" alt=\"notifica&ccedil;&atilde;o de configura&ccedil;&otilde;es automaticas\" class=\"wp-image-11092\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/notificacao-automatica-configuracoes.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/notificacao-automatica-configuracoes.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/notificacao-automatica-configuracoes.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/notificacao-automatica-configuracoes.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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-nbsp-wordpress\"><b>5 Plugins Alternativos para Adicionar Notifica&ccedil;&otilde;es <em>Push<\/em>&nbsp; WordPress<\/b><\/h2><p class=\"wp-block-paragraph\"><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:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/push-engage-plugin.jpg\/public\" alt=\"push engage plugin para adicionar notifica&ccedil;&otilde;es no wordpress\" class=\"wp-image-11094\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/push-engage-plugin.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/push-engage-plugin.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/push-engage-plugin.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/push-engage-plugin.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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=\"\/br\/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 class=\"wp-block-paragraph\"><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:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/push-assist-notificacoes.jpg\/public\" alt=\"ativar push notifica&ccedil;&otilde;es no wordpress com o plugin push assist\" class=\"wp-image-11095\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/push-assist-notificacoes.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/push-assist-notificacoes.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/push-assist-notificacoes.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/push-assist-notificacoes.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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\/br-tutoriais\/wp-content\/uploads\/sites\/53\/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\/br\/tutoriais\/wp-content\/uploads\/sites\/53\/2018\/06\/push-monkey-plugin.jpg 900w, https:\/\/www.hostinger.com\/br\/tutoriais\/wp-content\/uploads\/sites\/53\/2018\/06\/push-monkey-plugin-150x48.jpg 150w, https:\/\/www.hostinger.com\/br\/tutoriais\/wp-content\/uploads\/sites\/53\/2018\/06\/push-monkey-plugin-300x97.jpg 300w, https:\/\/www.hostinger.com\/br\/tutoriais\/wp-content\/uploads\/sites\/53\/2018\/06\/push-monkey-plugin-768x247.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/smart-notificacoes.jpg\/public\" alt=\"plugin para adicionar notifica&ccedil;&otilde;es no wordpress\" class=\"wp-image-11097\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/smart-notificacoes.jpg\/w=852,fit=scale-down 852w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/smart-notificacoes.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/smart-notificacoes.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/smart-notificacoes.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 852px) 100vw, 852px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/izooto.jpg\/public\" alt=\"plugin para adicionar notifica&ccedil;&otilde;es no wordpress - izooto\" class=\"wp-image-11098\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/izooto.jpg\/w=905,fit=scale-down 905w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/izooto.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/izooto.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2018\/06\/izooto.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 905px) 100vw, 905px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Dicas de Leitura                <\/p>\n            <\/div>\n            <p class=\"protip__content\">Procurando por mais maneiras de melhorar seu site WordPress? Esses tutoriais ir&atilde;o te colocar no caminho certo:<br>\n<a href=\"\/br\/tutoriais\/melhor-plugin-de-schema-para-wordpress\/\">Melhores plugins de Squema para WordPress<\/a><br>\n<a href=\"\/br\/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=\"\/br\/tutoriais\/wordpress-como-criar-um-tema-responsivo-usando-html5\/\">Como criar um tema do WordPress responsivo com HTML5<br><\/a><a href=\"\/br\/tutoriais\/amp-wordpress\/\">AMP WordPress: O que &eacute; e como configurar corretamente<\/a><br><a href=\"\/br\/tutoriais\/otimizar-imagens-wordpress\/\">Como otimizar imagens para o WordPress<\/a><\/p>\n                    <\/div>\n        \n\n\n<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/br\/hospedagem-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-44638\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><h2 class=\"wp-block-heading\" id=\"h-conclusao\"><b>Conclus&atilde;o<\/b><\/h2><p class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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=\"\/br\/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":[],"tags":[5708,5707,5706],"class_list":["post-11071","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","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\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/11071","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/users\/78"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/comments?post=11071"}],"version-history":[{"count":9,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/11071\/revisions"}],"predecessor-version":[{"id":48621,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/11071\/revisions\/48621"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/media\/30540"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/media?parent=11071"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/categories?post=11071"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/tags?post=11071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}