Procurando um guia sobre como enviar notificações push do iOS e expandir seus negócios?
Você está definitivamente no lugar certo.
Neste artigo, mostraremos como adicionar notificações push da web ao seu Progressive Web App (PWA), criar sua primeira campanha de push e enviá-la. Tudo isso sem nenhum código e em menos de 10 minutos.
Parece bom? Vamos lá!
Como Adicionar Notificações Push do iOS ao Seu App
Instalar notificações push da web para iOS e iPadOS em um site não é difícil. Mas tem algumas etapas e você vai querer seguir este guia passo a passo.
Não pule nenhuma etapa e tudo ficará bem.
Antes de criar uma campanha de notificação push de boas-vindas, você precisa selecionar um serviço de notificação push. Um serviço de notificação push é um software que permite criar campanhas de push sem nenhum código.
Recomendamos o uso do 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:
- Campanhas automatizadas de alta conversão
- Múltiplas opções de segmentação e agendamento de campanhas
- Rastreamento de metas e análises avançadas
- Testes A/B inteligentes
- Modelos de notificação push comprovados para ajudá-lo a obter mais tráfego e conversões
- Um Gerente de Sucesso Dedicado
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.
Vamos lá!
Etapa nº 1: Crie uma Conta Gratuita no PushEngage
Acesse o PushEngage e clique em Comece Agora Gratuitamente:
Você pode começar com o plano gratuito. Mas se você está procurando as notificações de navegador mais poderosas, deve selecionar um plano pago com base nas necessidades do seu negócio. Assim que souber qual plano deseja, clique em Começar para criar sua conta PushEngage.
Etapa nº 2: Cadastre-se no PushEngage
Agora, é hora de criar sua conta PushEngage. Comece se cadastrando com um endereço de e-mail ou um ID do Gmail:
Em seguida, preencha os detalhes da sua conta:
E adicione as informações do seu cartão de crédito para comprar seu plano:
Se você selecionou a conta gratuita, seu cartão de crédito nunca será cobrado até que você opte por atualizar seu plano. E agora, você está pronto para acessar seu painel PushEngage. Basta clicar em Concluir Registro e Obter Acesso Imediato.
Se você já usou OneSignal ou PushAlert antes, verá que o PushEngage oferece uma experiência muito mais limpa a partir do painel. O painel do OneSignal não é feito para campanhas avançadas. Para isso, você precisará mais da API do que do plugin OneSignal.
Etapa nº 3: Adicione um arquivo Web App Manifest ao seu site
Pense em um manifesto de web app como um arquivo especial que funciona como um guia para o seu site quando ele é instalado no telefone ou computador de alguém. Ele é escrito em uma linguagem chamada JSON, mas você não precisa se preocupar com essa parte.
O arquivo de manifesto contém informações importantes sobre seu web app, como nome, descrição, ícones e cores. Portanto, quando alguém adiciona seu site à tela inicial ou o instala em seu dispositivo, o navegador usa esse manifesto para saber como seu aplicativo deve parecer e se comportar.
Por exemplo, o manifesto informa ao navegador qual ícone usar para seu aplicativo na tela inicial ou na gaveta de aplicativos, para que ele pareça bonito e reconhecível. Ele também especifica as cores e o tema do seu aplicativo para dar a ele uma aparência consistente e atraente.
Além disso, o manifesto inclui o URL que deve ser aberto quando alguém inicia seu aplicativo. Dessa forma, o navegador sabe qual página ou seção do seu site mostrar a eles primeiro.
Criar um arquivo de manifesto pode ser feito rapidamente com ferramentas online que fazem o trabalho pesado para você. Recomendamos o uso deste gerador gratuito de manifesto de aplicativos para criar seu manifesto de web app em alguns cliques e sem codificação.
Depois de ter o manifesto pronto, geralmente você o nomeia como "manifest.json" e o carrega na pasta raiz do seu site.
Em resumo, o manifesto do web app é como um manual que faz com que seu web app pareça e funcione exatamente como deveria quando as pessoas o usam em seus dispositivos. É uma parte essencial da criação de uma ótima experiência do usuário para os visitantes do seu site.
Um manifesto típico se parece com isto:
{
"name": "PushEngage",
"short_name": "PushEngage",
"start_url": "/",
"display": "standalone",
"theme_color": "#3b43ff",
"background_color": "#ffffff",
"icons": [
{
"src": "icon/icon-128x128.png",
"sizes": "128x128",
"type": "image/png"
},
{
"src": "img/icon-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "img/icon-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
]
}Depois de adicionar seu arquivo de manifesto à pasta raiz do servidor do seu site, você precisa adicionar um trecho de código no cabeçalho HTML do seu site. O trecho seria algo assim:
<link rel="manifest" href="/manifest.json">Se você estiver usando o WordPress e precisar de ajuda para adicionar este trecho de código ao cabeçalho do seu site, pode usar o WPCode para carregar o arquivo de manifesto. É um dos melhores plugins de trechos de código para WordPress.
Etapa nº 4: Instale o PushEngage no seu site WordPress
NOTA: Se você não estiver usando um site WordPress, deve consultar nossos guias de instalação.
Você terminou de criar sua conta. Então, vá para o painel do PushEngage e siga estas instruções:
Clique em Configurações do Site » Detalhes do Site e clique no botão Clique Aqui Para Instruções de Configuração:
Clique na aba WordPress e clique no botão Instalar Plugin PushEngage WordPress para instalar o plugin em seu site.
A parte legal: Quando você criou sua conta PushEngage, você já sincronizou seu site com sua conta PushEngage. Portanto, clique no link de instalação no painel do PushEngage para instalar automaticamente o plugin PushEngage WordPress em seu site.
Passo #5: Conecte seu Site WordPress com o PushEngage
Quando terminar de instalar e ativar o plugin PushEngage WordPress, você verá o assistente de integração do PushEngage:
O assistente é bastante simples. Se você for um novo usuário, clique em Novo? Reivindique sua conta gratuita. E se você já se cadastrou, clique em Conectar sua conta existente.
Em seguida, você pode selecionar seu site no menu suspenso Selecionar um Site em Conectar um site registrado se você já registrou um site durante o cadastro:
Ou, você pode clicar em Registrar um novo site para adicionar um novo site se você tiver um plano de preços Premium ou superior. Na próxima etapa, o assistente de configuração solicitará que você instale outros plugins essenciais do WordPress.
Se você seguiu cada etapa corretamente, verá esta mensagem de sucesso do assistente:
Agora você está pronto para criar campanhas e modais de pop-up de notificações push.
Passo #6: Teste o Manifesto do seu Site
Tudo bem, vamos percorrer as etapas para testar seu aplicativo da web e garantir que tudo esteja funcionando perfeitamente.
Primeiro, abra seu site usando o navegador Safari no seu iPhone ou iPad. Certifique-se de que seu dispositivo esteja executando o iOS 16.4 ou uma versão mais recente. Assim que seu site for carregado, você verá um botão Compartilhar. Ele se parece com um quadrado com uma seta apontando para cima. Toque nesse botão para abrir o menu de compartilhamento.
No menu de compartilhamento, você deve encontrar uma opção chamada Adicionar à Tela de Início. Clique nessa opção.
Agora, o aplicativo da web será salvo na Tela de Início do seu dispositivo, assim como qualquer outro aplicativo que você baixa na App Store.
Se tudo foi configurado corretamente, quando você abrir o aplicativo da Tela de Início, ele não abrirá mais no navegador Safari. Em vez disso, parecerá que você está usando um aplicativo normal no seu iPhone ou iPad.
Para que seus usuários saibam que podem receber notificações push da web do seu aplicativo, você pode mostrar a eles um banner na tela. Este banner os incentivará a adicionar seu aplicativo à Tela de Início e a assinar as notificações push da web. É uma maneira útil de manter seus usuários engajados com seu aplicativo e receber atualizações importantes.
Portanto, siga estas etapas e você estará pronto para oferecer uma experiência suave e semelhante a um aplicativo aos seus usuários em dispositivos iOS! Para um guia completo sobre como testar suas notificações push, consulte nossa documentação sobre notificações push da web para iOS.
Como Personalizar Suas Campanhas
Antes de criar uma campanha, você deve configurar segmentos e grupos de público para enviar mensagens push personalizadas.
Nada supera o nível de personalização que você pode obter criando segmentos e grupos de audiência para seus assinantes de notificação push. Vá para PushEngage » Audiência e comece a criar segmentos e grupos de audiência imediatamente.
Na aba Segmentos, você pode criar novos segmentos ou editar os existentes:
E se você precisar de ainda mais personalização, crie um grupo de audiência na aba Grupos de Audiência:
Se você é novo em segmentos de notificação push e notificações push personalizadas, você deve conferir nosso artigo sobre como criar segmentos e nosso anúncio sobre agrupamento avançado de audiência.
O mais legal é que você pode criar campanhas push direcionadas criando um Grupo de Audiência apenas para seus usuários de iOS e iPadOS:
E você pode usar este Grupo de Audiência para suas campanhas de gotejamento e transmissões.
Como Criar uma Campanha de Gotejamento de Notificações Push
Vá para o painel do PushEngage e acesse Campanha » Auto-Responders de Drip e clique em Criar Novo Auto-Responder de Drip:
Em seguida, nomeie sua campanha (sugerimos algo como Drip de Boas-Vindas) e, em Conteúdo, selecione a opção que diz “Enviar notificação imediatamente após o usuário se inscrever“):
Neste ponto, você pode clicar na seta ao lado da notificação para editar o conteúdo da sua notificação.
Se você tem um plano Premium ou Enterprise com PushEngage, poderá adicionar mais de uma notificação para criar uma sequência de mensagens de boas-vindas automatizadas. Basta clicar em Adicionar Nova Notificação e editar o conteúdo.
Quando terminar, clique em Configurações de Drip e selecione a opção para enviar sua campanha de boas-vindas a todos os assinantes:
Em seguida, role para baixo para definir seus próprios parâmetros UTM para rastrear as notificações push:
E quando terminar, role para cima novamente e clique no botão Ativar Autoresponder:
E pronto!
Como Enviar uma Transmissão Push da Web para iOS
Acesse seu painel do PushEngage e vá para Campanha » Transmissões Push e clique no botão Criar uma Nova Transmissão Push:
Na guia Conteúdo, adicione o conteúdo da sua notificação push:
E você pode configurar um teste A/B para aumentar suas taxas de cliques ou pode agendar suas transmissões push para obter mais visualizações. Em qualquer um dos casos, você deve conferir nossas melhores práticas de notificação push para obter os melhores resultados.
Como Criar um Modal de Popup de Notificação Push para iOS
Um modal de popup de notificação push é uma pequena janela que aparece sobre a interface de um site ou aplicativo móvel para exibir uma mensagem ou notificação ao visitante do site.
O modal pop-up pode ser acionado por vários eventos. Você pode configurar pop-ups para serem acionados na visita à página, na profundidade de rolagem e até mesmo em ações personalizadas, como clique de botão.
Normalmente, você verá uma chamada para ação no modal pop-up, como “Inscrever-se” ou “Permitir”, para obter o consentimento dos visitantes para enviar notificações push. Se você seguir este tutorial, poderá criar um pop-up como este:
Você pode criar modais de popup que segmentam assinantes diretamente ou criar popups regulares que simplesmente coletam assinantes com os atributos padrão, como geolocalização e navegador.
Volte ao seu painel do WordPress. Vá para PushEngage » Design:
E você pode configurar quantos modais de popup desejar. Claro, você pode garantir que eles sejam acionados em momentos diferentes em Opções de Exibição para cada modal de popup.
A ideia aqui é dar aos seus visitantes um bom motivo para se inscrever. Se precisar de ajuda com isso, confira nosso artigo sobre como criar um opt-in de notificação push personalizado.
E se você quiser criar modais de popup mais direcionados, pode usar as regras de segmentação na guia Regra de Segmentação:
Estas são regras de segmentação globais e terão preferência sobre as regras de segmentação para modais de pop-up individuais. Mas, se desejar, você pode criar regras de segmentação robustas para cada modal editando-os.
Por exemplo, você pode criar modais de pop-up em diferentes idiomas para segmentar visitantes de diferentes países.
E se você quisesse alguns modelos com alta taxa de cliques para começar, você deveria conferir este artigo sobre opt-ins de notificação push de alta conversão.
O que fazer antes de enviar notificações push para iOS
Você está quase terminando.
Antes de começar a enviar notificações push, você precisará configurar um opt-in de assinatura para o seu site. Seu opt-in converterá visitantes da web em assinantes de notificações push. Portanto, este é um elemento crítico.
Se precisar de inspiração, você pode conferir este artigo sobre opt-ins de notificações push de alta conversão. Assim que terminar de configurar o opt-in, seu site poderá coletar assinantes. Mas como você sabe que seu opt-in está funcionando corretamente?
Portanto, a atitude sensata é configurar uma notificação push de boas-vindas.
Seu trabalho é reduzir o abandono de carrinho o máximo possível.
O que fazer depois de enviar notificações push para iOS
É tudo por hoje, pessoal!
Se você achou este artigo útil, deixe um comentário abaixo.
Começar com notificações push pode parecer intimidante. Mas se você ficar de olho no acompanhamento de metas e análises, tudo ficará bem. Mais importante, você terá muito mais lucro com a ajuda de campanhas de notificações push. Aqui estão alguns recursos interessantes para você começar:
- Como Usar Notificações Push de Retargeting para Dobrar Sua Receita
- Como classificar suas notificações push e encontrar campanhas vencedoras
- Como Limpar Listas de Assinantes de Notificações Push (Fácil)
- Como Enviar Automaticamente Notificações Push do RSS
- Como Usar Notificações Push para Promover um Site de Notícias
- Como Usar Notificações Push de Cross-Selling para Dobrar Suas Vendas
- Como Usar Notificações Push de Abandono de Navegação (4 Passos)
Se você é novo em notificações push, deve experimentar o PushEngage. PushEngage é o software de notificação push nº 1 do mercado. E suas campanhas estarão em boas mãos.
Portanto, se você ainda não o fez, comece com o PushEngage hoje!
