Criar Notificações Push Instantâneas

Como Criar Notificações Push Instantâneas (Sem Código)

Procurando uma maneira de criar notificações push e coletar assinantes de notificações push?

Nós entendemos. Às vezes, é muito mais conveniente ter um pouco de flexibilidade na forma como você aumenta seus assinantes.

Não se preocupe. Nós temos o que você precisa.

Neste artigo, vamos mostrar passo a passo como criar suas próprias notificações push.

Pronto? Vamos lá.

Como Criar Notificações Push no WordPress

Antes de criar notificações push no WordPress, você precisa criar uma landing page para coletar assinantes push. Nós recomendamos fortemente o uso do SeedProd para criar suas landing pages.

Página Em Breve do SeedProd

SeedProd é o melhor construtor de páginas de destino do WordPress. É perfeito para empresas, blogueiros e proprietários de sites que buscam criar páginas de destino de alta conversão sem nenhuma habilidade de desenvolvimento.

Com o SeedPreed, você obtém modelos pré-construídos para páginas de destino de alta conversão que você pode publicar instantaneamente. Isso inclui modelos para:

E muito mais!

Etapa nº 1: Instalar e Ativar o SeedProd

Primeiro, você vai querer obter o plugin SeedProd Pro e ativá-lo. Se você não tem certeza de como fazer isso, confira este artigo sobre como instalar um plugin do WordPress. Em seguida, vá para SeedProd » Configurações em seu painel do WordPress e ative a versão Pro:

Inserir chave de licença do SeedProd

Em seguida, vá para SeedProd » Páginas para uma visão geral do painel de páginas de destino do SeedProd. É aqui que você pode ver os diferentes tipos de páginas de destino que você pode criar usando o SeedProd:

Tipos de página de destino do SeedProd

Lembre-se de que estas são todas páginas especiais com funcionalidades pré-construídas e modelos de design. Para uma landing page, você não quer usar NENHUMA dessas páginas especiais. Em vez disso, você vai criar uma landing page personalizada.

Role mais para baixo e clique no botão Adicionar Nova Página de Destino para começar:

SeedProd Adicionar Nova Página de Destino

Passo nº 2: Crie uma Nova Landing Page para Notificações Push

Após clicar no botão Adicionar Nova Landing Page, você verá a biblioteca de modelos de landing page do SeedProd. Estes são modelos de landing page projetados profissionalmente que são totalmente responsivos.

Biblioteca de modelos de página de destino do SeedProd

Em seguida, você pode selecionar um desses modelos para ajudá-lo a começar.

Lembre-se, o modelo é apenas um ponto de partida. Você pode personalizar tudo sobre a página mais tarde. Por enquanto, encontre um modelo que você acha que vai servir. Quando a página de modelos abrir, você pode clicar em Página de Captura para filtrar a lista:

Lead Squeeze WordPress

Para este guia, selecionaremos a Página de Captura de Investimento.

Uma página de captura tem apenas um objetivo. É "capturar" você o suficiente para obter seu endereço de e-mail. Conhece alguém no espaço de investimento e finanças pessoais? Sim, eles podem capturar com certeza!

Vá em frente e clique nele agora.

Modelo de Página de Captura

Em seguida, vamos personalizar a landing page.

Etapa nº 3: Personalize o Design da Sua Landing Page

O construtor visual do SeedProd permite que você personalize sua landing page usando blocos de conteúdo de arrastar e soltar.

Edite Sua Página de Captura no WordPress

Você pode criar um cabeçalho totalmente personalizado para sua landing page em questão de minutos. Você pode até adicionar elementos personalizados para convencer e converter seu tráfego. Por exemplo, você pode criar um módulo de vídeo e incorporar um vídeo do YouTube para convencer seus visitantes a comprar seu produto ou serviço.

Adicionar um vídeo a uma landing page

Também é super fácil adicionar uma seção com uma breve descrição do seu produto ou serviço. Vá para a aba Seções no construtor visual e, na seção Hero, você encontrará vários modelos pré-construídos que você pode importar com um único clique.

Crie uma seção de herói para sua página de destino

Vá em frente e selecione um que você goste.

Não se preocupe com as cores ou o conteúdo. Você pode editar tudo isso. O que você deve procurar é um layout que combine bem com seu modelo.

Você pode personalizar a seção hero da mesma forma que fizemos antes, escolhendo uma imagem diferente e alterando o título e a descrição. Enquanto estiver nisso, adicione um botão de call-to-action que incentive os visitantes a comprar de você.

Personalize Sua Landing Page no SeedProd

Em seguida, na aba Seções, selecione o título Depoimento, e escolha um design que você goste. E pronto, você tem uma seção de depoimentos em sua landing page.

Adicionar depoimentos à página de destino

É tão simples!

Passo nº 4: Adicione Notificações Push à Sua Landing Page

Você também pode adicionar um botão de clique para assinar para coletar assinantes de notificações push. Notificações push são uma ótima maneira de aumentar seu tráfego recorrente, obter mais engajamento e até vender produtos oficiais se você tiver alguns.

No SeedProd, basta arrastar e soltar o módulo HTML Personalizado da barra lateral.

Colocamos o botão de assinatura diretamente abaixo do formulário de inscrição por e-mail na primeira dobra.

Botão de Assinatura da Página de Captura

Mas você pode inserir o botão onde quiser.

Para esta parte, você precisa de alguma experiência com HTML e CSS. Ou, você pode copiar este código e colá-lo em seu bloco de HTML Personalizado:

<button onclick="subscribeOnClickButton()" style="border: none; padding-left: 5%; padding-right:5%; text-align: center; display: inline-block; color: blue;">Get Updates via Push Notifications</button>

Este é um botão padrão em HTML com muito pouca estilização. A única parte interessante é a função onclick no código. Basicamente, significa que seus visitantes podem clicar no botão para se inscrever em algo. Agora, precisamos dar ao botão um código extra para permitir que seus visitantes se inscrevam em notificações push.

Acesse a página inicial do PushEngage e clique no botão Começar :

PushEngage

PushEngage é o plugin de notificações push número 1 do mundo.

As notificações push ajudam você a aumentar o tráfego do seu site e o engajamento no modo automático. E se você tem uma loja online, o PushEngage também ajuda a aumentar suas vendas, auxiliando na criação de notificações push automatizadas de eCommerce.

Você pode começar gratuitamente, mas se você leva a sério o crescimento do seu negócio, deve comprar um plano pago. Além disso, antes de comprar qualquer serviço de notificação push, você deve conferir este guia sobre custos de notificação push.

Aqui está uma visão geral rápida do que você obtém com o PushEngage:

Você verá que o PushEngage é, sem dúvida, a melhor opção se você deseja aumentar o tráfego, o engajamento e as vendas do seu negócio. E se você está com orçamento limitado, pode sempre ser um pouco criativo com suas notificações push.

OBSERVAÇÃO: Se você tem um site WordPress, deve instalar e ativar o plugin PushEngage para WordPress.

Em seguida, você vai querer selecionar o plano gratuito para experimentar o PushEngage ou escolher um plano pago se você estiver sério sobre o crescimento do seu negócio. Os planos pagos vêm com mais opções de campanha e a capacidade de construir listas de assinantes ainda maiores.

No seu painel do PushEngage, vá para Configurações do Site » Detalhes do Site e clique no botão Clique Aqui para Instruções de Configuração . Em Qualquer Site, você obterá seu código de instalação:

Código de Instalação do PushEngage para Qualquer Site

AVISO: Você precisa copiar o código que obtém do seu painel. O código é exclusivo para cada usuário do PushEngage. Você não poderá copiar o código na imagem e coletar assinantes de notificações push.

Depois de ter o código no seu painel do PushEngage, adicione este snippet ao seu código:

<script> window._peq = window._peq || [];</script> <script>
function subscribeOnClickButton(){
window._peq.push(['subscribe',{}.pe,function(res){
if(res.statuscode==1)
{
// Code to return response
console.log(res);
}
}]);
}
</script>

Seu código final deve ser algo assim:

<script src="https://clientcdn.pushengage.com/core/02a6e92667ae2279fcba8932356c1d93.js" async></script>
<script> window._peq = window._peq || [];</script> <script>
function subscribeOnClickButton(){
window._peq.push(['subscribe',{}.pe,function(res){
if(res.statuscode==1)
{
// Code to return response
console.log(res);
}
}]);
}
</script>

Você vai querer adicionar este código ao bloco HTML em sua página de destino após o código do botão. Deve parecer algo assim:

Código HTML para Notificações Push

Sinta-se à vontade para personalizar os estilos do botão da maneira que desejar. Quando terminar de personalizar sua landing page, vá em frente e clique no botão Salvar.

Etapa nº 4: Configure as Configurações da Sua Página

Depois de terminar de projetar sua landing page, clique na guia Conectar na parte superior do seu construtor de páginas e selecione seu provedor de marketing por e-mail para coletar leads em seu site.

Integre o marketing por e-mail com o SeedProd

Em seguida, clique na guia Configurações da Página na parte superior da sua tela.

Editar Configurações da Landing Page do SeedProd

Aqui, você pode adicionar um plugin de SEO e um plugin do Google Analytics à sua página de destino. Você pode até configurar códigos de rastreamento personalizados, como um Pixel do Facebook ou um pixel do Pinterest, para rastrear o desempenho do anúncio.

Passo nº 5: Publique Sua Landing Page no WordPress

Agora vamos publicar seu design. Para fazer isso, clique na seta suspensa ao lado do botão Salvar e clique em Publicar.

Publicar Landing Page WordPress

Você pode então clicar no botão Ver Página Ao Vivo para ver como ela fica.

Página de Captura de Investimento

Parabéns! Você acabou de publicar sua primeira landing page.

O que fazer depois de adicionar notificações push ao seu site

Agora que sua landing page está no ar, é hora de trabalhar em seu tráfego, engajamento e vendas. Você deve tentar usar notificações push em seu site. As notificações push são uma ótima ferramenta de marketing que pode ajudá-lo a expandir seus negócios.

Dê uma olhada nesses recursos incríveis e você entenderá o que queremos dizer:

Recomendamos o uso do PushEngage para criar suas campanhas de notificação push. PushEngage é o software de notificação push nº 1 do mundo. Portanto, se você ainda não o fez, comece hoje com PushEngage!

Adicionar um Comentário

Ficamos felizes que você escolheu deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de privacidade, e todos os links são nofollow. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Engaje e Retenha Visitantes Depois Que Eles Saírem do Seu Site

Aumente o valor de cada visita ao site com Notificações Push que são difíceis de ignorar.

  • Plano Gratuito Para Sempre
  • Configuração Fácil
  • Suporte 5 Estrelas