Embed Size (px)
Citation preview
Como disparar notificações Push em seu Ecommerce – O guia absolutamente completo
Você já está enviando notificações Push para os visitantes da sua loja?
Exemplo: Notificação enviada pelo site https://www.tricae.com.br
Se respondeu “não”, está perdendo a oportunidade de usar uma das melhores técnicas para trazer
centenas de visitantes instantaneamente de maneira gratuita para o seu Ecommerce.
Porém, nem tudo está perdido, seguindo os passos deste guia, você começará a disparar notificações
Push hoje mesmo.
Ensino passo a passo a configurar, enviar mensagens para todos os inscritos, mensagens
segmentadas, disparos automáticos para visitantes que não acessam a loja a alguns dias, recuperar
carrinhos abandonados e também a mensurar os resultados.
Quem já usa Push no ecommerce brasileiro?
https://www.editorajuspodivm.com.br https://www.tricae.com.br
http://www.retroca.com.br
Antes de iniciarmos, veja um exemplo e os resultados de uso do Push em um teste prático que
realizei:
Em um belo dia de sextafeira, as 12:10, haviam 507 visitantes online na loja.
Após disparar uma notificação Push o número de visitantes online subiu para 1058 (isso as 12:12).
1058 visitantes online após o envio do Push
Isso mesmo! Dobramos o número de visitantes online em apenas 2 minutos. Saltamos de 507
para1058 visitantes online…
Observe no círculo da imagem o crescimento no número de visualizações de página por minuto.
No momento que tirei o print acima, 51% de todo o tráfego da loja era proveniente do envio da
notificação Push.
É um número surpreendente, difícil de conseguir com outras mídias como email marketing e Ads, e
ainda por cima: sem gastar um centavo sequer.
Vale a pena ou não enviar notificações Push para seus visitantes?
Vamos em frente?
O guia é dividido em 10 capítulos.
Capitulo 1: Passo a passo para configuração de Push (para lojas “totalmente” em HTTPS)
Capitulo 1: Passo a passo para configuração de Push (para lojas em HTTP)
Capitulo 2: Push para todos os inscritos
Capitulo 3: Push para trazer de volta visitantes que não acessam o site a alguns dias
Capitulo 4: Push para Recuperar carrinhos abandonados
Capitulo 5: Push segmentado para quem visitou determinada categoria de produtos
Capitulo 6: Push para converter visitantes em clientes
Capitulo 7: Push para divulgar Promoções relâmpago
Capitulo 8: Como mensurar os resultados das notificações Push no Google Analytics?
Capitulo 9: Como fazer testes A/B com mensagens Push?
Capitulo 10: Como agendar o envio de mensagens Push?
Capitulo 1: Passo a passo para configuração de Push
(para lojas “totalmente” em HTTPS)
Nota: Siga os passos abaixo caso o seu site seja executado totalmente em HTTP’s.
Se o seu site executar parte em HTTPS (exemplo: Carrinho de compras) e parte em HTTP
(demais páginas do site), siga os passos descritos na página: Capitulo 1: Passo a passo
para configuração de Push (para sites em HTTP)
A instalação do Push é bastante simples, envolve os passos abaixo:
1. Criar uma chave de API no Google Console
2. Criar uma conta no OneSignal (ferramenta que usaremos para o envio de
Push)
3. Enviar alguns arquivos para FTP
4. Enviar uma notificação de teste pelo OneSignal, clicar nela para validar, e
pronto.
1º Passo: Crie uma chave de API no Google Consolehttps://console.developers.google.com/project
É necessário ter uma conta do Google para tal
1º Acesse https://console.developers.google.com/project
2º Clique em “Select a Project” e no menu que se abrir, clique em “Criar um projeto…”
3º Informe o “Nome do projeto”, marque o campo “Concordo que o uso que eu vier a fazer de quaisquer serviços e APIs…” e clique no botão “Criar”
4º Clique no ícone da seta para baixo, para exibir mais opções
5º Localize o campo “Número do projeto” e anoteo em algum lugar.
Anoteo em algum lugar, pois precisaremos dele mais a frente.
6º Clique em “Ative e gerencie APIs”
7º Localize a área “APIs para dispositivos móveis”, e clique no item “Google Cloud Messaging”
8º Clique em “Ativar”
9º Na coluna esquerda, clique em “Credenciais”
10º Clique no botão azul “Criar credenciais”
11º Selecione a opção “Chave de API”
12º Clique no botão “Chave de Servidor”
13º Clique no botão azul “Criar”
Não precisa preencher nada, apenas clique em “Criar”
14º Será exibida a “Chave de API”, anotea em algum lugar.
Anotea em algum lugar, pois precisaremos dela mais a frente.
2º Passo: Crie uma conta no site https://onesignal.com
O OneSignal é uma ferramenta gratuita para envio de Push. Existem muitas outras no
mercado, como:PushCrew GoRoost, Pushbullet. TargetGenius, Aimtell, e as nacionais
SocialMiner e Jeenga, porém, nenhuma delas é totalmente gratuita como a OneSignal.
1º Acesse https://onesignal.com
2º Clique no botão vermelho “SIGN UP FREE”
3º Informe um email e senha, e clique em “Create Account”
4º Clique no botão verde “Add a new app”
5º Informe o nome do site e clique em “Create”
6º Selecione a opção “Website Push” e clique em “Next”
O OneSignal permite também envia notificações para App’s Android, iOS, Windows Phone
e Amazon Fire, porém, nosso objetivo agora é enviar notificações via site para o Chrome e
Firefox.
7º Selecione a opção “Google Chrome & Mozilla Firefox” e clique em “Next”
Iremos habilitar o Push apenas para o Google Chrome e Firefox. É possível habilitar
também para o Safari, porém, a documentação do OneSignal informa que atualmente o iOS
não suporta Push Web, desse modo, deixaremos o Safari de fora;
8º Preencha os campos e clique em “Save”
No campo “Site URL” insira a URL do seu site, incluindo o protocolo http: (exemplo:https://www.lojaexemplo.com.br)
No campo “Google Server API Key” insira a chave de API do Google Cloud Messaging, que cadastramos no Google Console (você anotou em algum lugar, lembra?)
No campo “Default Notification Icon URL” insira a URL do ícone de notificação. Você deve criar uma imagem e 80 pixels de largura por 80
pixels de altura.
Deixe desmarcado o campo “My site is not fully HTTPS”
9º Selecione a opção “Website Push” e clique em “Next”
10º Será exibido o “Your App ID”, anoteo em algum lugar
Anoteo em algum lugar, pois precisaremos dele no próximo passo
11º Faça o download dos arquivos do OneSignal
Link:
https://github.com/onesignal/OneSignalWebsiteSDK/releases/download/1.6.0/OneSignalS
DKFiles.zip
12º Abra o arquivo “manifest.json” e altere os campos “name” e “short_name” para o nome da sua loja, e o campo “gcm_sender_id” para o ID do projeto no Google Console ( que você anotou anteriormente):
name: "Nome da Loja",
short_name: "Nome da loja",
start_url: "/",
display: "standalone",
gcm_sender_id: "IDDOGOOGLEPROJECT",
gcm_user_visible_only: true
13º Salve, e envie os 3 arquivos para o FTP da sua loja, na pasta principal
Caso não tenha acesso ao FTP, solicite ao suporte da sua loja que coloque os arquivos lá
Deverão ficar nesses locais:
https://lojaexemplo.com/manifest.json
https://lojaexemplo.com/OneSignalSDKWorker.js
https://lojaexemplo.com/OneSignalSDKUpdaterWorker.js
14º Inclua o código abaixo no cabeçalho do HTML da página principal da sua loja (na seção
<head>)
A maioria das plataformas ecommerce permite que você inclua tags no cabeçalho <head>
da loja. Caso não consiga adicionar, solicite ao suporte que inclua para você.
No campo abaixo em vermelho, você deverá informar o código que pegou no 10º passo,
campo “Your App ID” (Ex: 7bacf3c4bc804f799aa2dbadba07bcb0).
<head>
<link rel="manifest" href="/manifest.json">
<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js"
async></script>
<script>
var OneSignal = OneSignal || [];
OneSignal.push(["init",
appId: "DIGITE AQUI SEU ONESIGNAL ID",
autoRegister: true,
welcomeNotification:
disable: true
,
notifyButton:
enable: false
]);
</script>
</head>
15º Acesse sua loja virtual usando o Google Chrome ou Firefox: www.lojaexemplo.com.br, o
navegador irá perguntar se você deseja permitir notificações Push, clique em “Permitir”
16º Volte no OneSignal e clique no botão verde “Check Subscribed Users”
17º Se tudo estiver ok até aqui, será exibido um box verde, informando que um usuário
(você) se inscreveu para receber as notificações. Clique no botão vermelho “next”
18º Clique no botão verde “Send Test Notification”
19º Será disparada uma notificação Push para você. Clique nela ao receber
20º Ao clicar, você será direcionado para uma página informando que o Push foi
configurado com sucesso
21º Retorne ao OneSignal e clique no botão verde “Check Notification Status”
22º Será exibido um box verde, informando que o Push foi configurado corretamente. Clique
no botão vermelho “Done”
Agora está tudo pronto para o disparo!
Capitulo 1: Passo a passo para configuração de Push
(para lojas em HTTP)
A instalação do Push é bastante simples, envolve os passos abaixo:
1. Criar uma chave de API no Google Console
2. Criar uma conta no OneSignal (ferramenta que usaremos para o envio de
Push)
3. Enviar alguns arquivos para FTP
4. Enviar uma notificação de teste pelo OneSignal, clicar nela para validar, e
pronto.
1º Passo: Crie uma chave de API no Google Consolehttps://console.developers.google.com/project
É necessário ter uma conta do Google para tal
1º Acesse https://console.developers.google.com/project
2º Clique em “Select a Project” e no menu que se abrir, clique em “Criar um projeto…”
3º Informe o “Nome do projeto”, marque o campo “Concordo que o uso que eu vier a fazer de quaisquer serviços e APIs…” e clique no botão “Criar”
4º Clique no ícone da seta para baixo, para exibir mais opções
5º Localize o campo “Número do projeto” e anoteo em algum lugar.
Anoteo em algum lugar, pois precisaremos dele mais a frente.
6º Clique em “Ative e gerencie APIs”
7º Localize a área “APIs para dispositivos móveis”, e clique no item “Google Cloud Messaging”
8º Clique em “Ativar”
9º Na coluna esquerda, clique em “Credenciais”
10º Clique no botão azul “Criar credenciais”
11º Selecione a opção “Chave de API”
12º Clique no botão “Chave de Servidor”
13º Clique no botão azul “Criar”
Não precisa preencher nada, apenas clique em “Criar”
14º Será exibida a “Chave de API”, anotea em algum lugar.
Anotea em algum lugar, pois precisaremos dela mais a frente.
2º Passo: Crie uma conta no site https://onesignal.com
O OneSignal é uma ferramenta gratuita para envio de Push. Existem muitas outras no
mercado, como:PushCrew GoRoost, Pushbullet. TargetGenius, Aimtell, e as nacionais
SocialMiner e Jeenga, porém, nenhuma delas é totalmente gratuita como a OneSignal.
1º Acesse https://onesignal.com
2º Clique no botão vermelho “SIGN UP FREE”
3º Informe um email e senha, e clique em “Create Account”
4º Clique no botão verde “Add a new app”
5º Informe o nome do site e clique em “Create”
6º Selecione a opção “Website Push” e clique em “Next”
O OneSignal permite também envia notificações para App’s Android, iOS, Windows Phone
e Amazon Fire, porém, nosso objetivo agora é enviar notificações via site para o Chrome e
Firefox.
7º Selecione a opção “Google Chrome & Mozilla Firefox” e clique em “Next”
Iremos habilitar o Push apenas para o Google Chrome e Firefox. É possível habilitar
também para o Safari, porém, a documentação do OneSignal informa que atualmente o iOS
não suporta Push Web, desse modo, deixaremos o Safari de fora;
8º Preencha os campos e clique em “Save”
No campo “Site URL” insira a URL do seu site, incluindo o protocolo http: (exemplo:https://www.lojaexemplo.com.br)
No campo “Google Server API Key” insira a chave de API do Google Cloud Messaging, que cadastramos no Google Console (você anotou em algum lugar, lembra?)
No campo “Default Notification Icon URL” insira a URL do ícone de notificação. Você deve criar uma imagem e 80 pixels de largura por 80
pixels de altura.
Marque o campo “My site is not fully HTTPS” No campo “Choose Subdomain”, informe um nome subdomínio
(Exemplo: lojaexemplo)
No campo “Google Project Number” informe o número do projeto no Google, que cadastramos no Google Console (você também anotou em algum lugar)
9º Selecione a opção “Website Push” e clique em “Next”
10º Será exibido o “Your App ID”, anoteo em algum lugar
Anoteo em algum lugar, pois precisaremos dele no próximo passo
11º Faça o download dos arquivos do OneSignal
Link:
https://github.com/onesignal/OneSignalWebsiteSDK/releases/download/1.6.0/OneSignalS
DKFiles.zip
12º Abra o arquivo “manifest.json” e altere os campos “name” e “short_name” para o nome da sua loja, e o campo “gcm_sender_id” para o ID do projeto no Google Console ( que você anotou anteriormente):
name: "Nome da Loja",
short_name: "Nome da loja",
start_url: "/",
display: "standalone",
gcm_sender_id: "IDDOGOOGLEPROJECT",
gcm_user_visible_only: true
13º Salve, e envie os 3 arquivos para o FTP da sua loja, na pasta principal
Caso não tenha acesso ao FTP, solicite ao suporte da sua loja que coloque os arquivos lá
Deverão ficar nesses locais:
https://lojaexemplo.com/manifest.json
https://lojaexemplo.com/OneSignalSDKWorker.js
https://lojaexemplo.com/OneSignalSDKUpdaterWorker.js
14º Inclua o código abaixo no cabeçalho do HTML da página principal da sua loja (na seção
<head>)
A maioria das plataformas ecommerce permite que você inclua tags no cabeçalho <head>
da loja. Caso não consiga adicionar, solicite ao suporte que inclua para você.
Nos campos abaixo em vermelho, você deverá informar o código que pegou no 10º passo,
campo “Your App ID” (Ex: 7bacf3c4bc804f799aa2dbadba07bcb0), e o subdomínio que
preencheu no 8º passo (campo “Choose Subdomain”).
<head>
<link rel="manifest" href="/manifest.json">
<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js"
async></script>
<script>
var OneSignal = OneSignal || [];
OneSignal.push(["init",
appId: "DIGITE AQUI SEU ONESIGNAL ID",
subdomainName: 'DIGITE AQUI O SUBOMÍNIO',
welcomeNotification:
disable: true
,
notifyButton:
enable: true
]);
</script>
</head>
15º Acesse sua loja virtual usando o Google Chrome ou Firefox: www.lojaexemplo.com.br
16º Clique no botão vermelho que aparecerá no canto inferior direito
17º Clique no botão azul “Continue”
18º Clique em “Permitir”
19º Volte no OneSignal e clique no botão verde “Check Subscribed Users”
20º Se tudo estiver ok até aqui, será exibido um box verde, informando que um usuário
(você) se inscreveu para receber as notificações. Clique no botão vermelho “next”
21º Clique no botão verde “Send Test Notification”
22º Será disparada uma notificação Push para você. Clique nela ao receber
23º Ao clicar, você será direcionado para uma página informando que o Push foi
configurado com sucesso
24º Retorne ao OneSignal e clique no botão verde “Check Notification Status”
25º Será exibido um box verde, informando que o Push foi configurado corretamente. Clique
no botão vermelho “Done”
Agora está tudo pronto para o disparo!
Capitulo 2: Enviar Push para todos os inscritos
Neste capítulo vamos aprender a enviar notificações Push para todos os visitantes que se
inscreveram para receber notificações
1º Acesse https://onesignal.com
2º Clique no botão verde “New Message”
3º Digite o título e o texto da mensagem de notificação
É permitido inserir emoticons
4º Clicando em “Options” você pode incluir a URL de um ícone personalizado, que será
exibido na mensagem Push
5º Informe no campo “Launch URL?” o link para onde quer direcionar o visitante, ao clicar
na mensagem Push
6º Clique em “Preview”
7º Será exibido um resumo da mensagem que será disparada
8º Clique no botão verde “Send”
9º As notificações Push serão enviadas
10º Será exibido um relatório do envio, com número de entregas, cliques:
Capitulo 3: Push para trazer de volta visitantes que não
acessam o site a alguns dias
Neste capítulo vamos aprender a reengajar os visitantes: a trazer de volta para a loja
visitantes que não a acessam a alguns dias.
Para fazer isso será preciso:
1. Criar um segmento no OneSignal, que irá “marcar” os visitantes que não
acessam o site a 7 dias (exemplo)
2. Criar um template (padrão) de mensagem com o texto do Push que será
enviado para esses visitantes
3. Criar uma mensagem automatizada, que irá disparar a mensagem
automaticamente para os visitantes do segmento que criamos
1º Crie um segmento no OneSignal
Segmentos são semelhantes a “listas de email” (usadas para envio de newsletters)
1º Acesse https://onesignal.com
2º Clique na coluna esquerda em “Segments”
3º Vá até o final da página, e clique no botão verde “New Segment”
4º Informe o nome do segmento e clique em “create”
5º Localize o segmento criado e clique em “Add Filter”
6º Clique na caixa de seleção “Filter Type”
7º Selecione a opção “Last Session”
8º Selecione a opção “greater than“, informe a quantidade de horas no campo “hours ago” e clique em “Save”
O campo “greater than” informa ao segmento que ele deverá pegar usuários que passaram
“mais de” X horas sem acessar a loja.
O campo “hours ago” é a quantidade de horas desejadas. Como queremos notificar
visitantes que não acessam a loja a 7 dias, a quantidade de horas nesse campo será de
168 (24h * 7 dias)
2º Crie um template (modelo padrão) de mensagem
Os templates são modelos de mensagens que podemos deixar gravadas no OneSignal para
uso em um envio manual futuro ou para envios automatizados
1º Clique na coluna esquerda em “Templates”
2º Clique no botão verde “New Template”
3º Informe o “Template Name“, “Title“, e “Content”
4º Clicando em “Options” você pode incluir a URL de um ícone personalizado, que será
exibido na mensagem Push
5º Informe no campo “Launch URL?” o link para onde quer direcionar o visitante, ao clicar
na mensagem Push
6º Clique em “Save”
3º Crie uma mensagem automatizada
1º Clique na coluna esquerda em “Automated”
2º Clique no botão verde “New Automatic Message”
3º Informe um nome para a mensagem automatizada e selecione o template e o segmento que foram criados no passo anterior.
4º Desmarque a opção “Only deliver at the same time of day as the user’s last session (recommended)”
5º Clique no botão azul “Create”
Tudo pronto! Após 7 dias sem acessar a loja os visitantes receberão sua notificação Push.
Esse foi um exemplo, você também pode criar mensagens para 1 dia, 1 hora, 1 mês… o
céu é o limite.
Capitulo 4: Enviar Push para Recuperar carrinhos
abandonados
Neste capítulo vamos aprender a recuperar Carrinhos Abandonados, prática essencial para
qualquer ecommerce
Para fazer isso será preciso:
1. Marcar (com uma “tag” no site) os visitantes que iniciaram uma compra
(acessaram a página de carrinho)
2. Marcar (com uma “tag” no site) os visitantes que finalizaram uma compra
(acessaram a página de Compra Finalizada / Confirmação de Compra)
3. Criar um segmento no OneSignal para “pegar” os visitantes com essa
“tag”
4. Criar um template (padrão) de mensagem com o texto do Push que será
enviado para esses visitantes
5. Criar uma mensagem automatizada, que irá disparar a mensagem
automaticamente para os visitantes do segmento que criamos
1º Marque (com uma “tag” no site) os visitantes que iniciaram uma compra (acessaram a página de carrinho)
Para recuperação de carrinhos, entendemos que a compra se inicia quando o visitante
adiciona um produto no carrinho. Tecnicamente falando: quando ele acessa a página de
Carrinho de Compras
Para “marcar” os visitantes que acessaram a página do carrinho de compras enviaremos
uma Tag para o OneSignal (Tag “compra” com valor igual a “zero”)).
Adicione o script abaixo na página do Carrinho de Compras:
<script>
OneSignal.push(["sendTag", "compra", 0]);
</script>
2º Marque (com uma “tag” no site) os visitantes que finalizaram uma compra (acessaram a página de compra finalizada)
Para recuperação de carrinhos, entendemos que o processo de compra chega ao fim
quando o visitante acessa a página de Confirmação de Compra / Compra Finalizada
Para “marcar” os visitantes que acessaram a página de “compra finalizada” atualizaremos
no OneSignal o valor da Tag “compra” para “1”.
Adicione o script abaixo na página de Compra Finalizada:
<script>
OneSignal.push(["sendTag", "compra", 1]);
</script>
3º Crie um segmento no OneSignal para pegar visitantes que iniciaram a compra mas não finalizaram
Segmentos são semelhantes a “listas de email” (usadas para envio de newsletters).
Criaremos um segmento que irá conter os visitantes que possuem a tag “compra” = “0” (tag
setada quando o visitante acessar o carrinho de compras).
Visitantes que finalizaram a compra ficarão de fora desse segmento, pois o valor da tag
“compra ” para eles é “1” (tag setada quando o cliente acessar a página de compra
finalizada)
1º Acesse https://onesignal.com
2º Clique na coluna esquerda em “Segments”
3º Vá até o final da página, e clique no botão verde “New Segment”
4º Informe o nome do segmento e clique em “create”
5º Localize o segmento criado e clique em “Add Filter”
6º Clique na caixa de seleção “Filter Type”
7º Selecione a opção “User Tag”
8º No campo “Key“, digite “compra“, e no campo “Value” digite “0” (zero), em seguida clique no botão verde “Save”
4º Crie um template (padrão) de mensagem com o texto do Push que será enviado para esses visitantes
Os templates são modelos de mensagens que podemos deixar gravadas no OneSignal para
uso em um envio manual futuro ou para envios automatizados.
Criaremos uma mensagem padrão para recuperar os visitantes que abandonaram o
carrinho
1º Clique na coluna esquerda em “Templates”
2º Clique no botão verde “New Template”
3º Informe o “Template Name“, “Title“, e “Content”
4º Clicando em “Options” você pode incluir a URL de um ícone personalizado, que será
exibido na mensagem Push
5º Informe no campo “Launch URL?” a URL do carrinho de compras. O visitante será direcionado para esse link ao clicar na mensagem Push
6º Clique em “Save”
5º Crie uma mensagem automatizada
1º Clique na coluna esquerda em “Automated”
2º Clique no botão verde “New Automatic Message”
3º Informe um nome para a mensagem automatizada e selecione o template e o segmento que foram criados no passo anterior.
4º Desmarque a opção “Only deliver at the same time of day as the user’s last session (recommended)”
5º Clique no botão azul “Create”
Tudo pronto! Seus carrinhos já estão sendo recuperados
Os envios são realizados em média a cada 30 minutos
É importante que a plataforma ecommerce não “limpe” o carrinho de compras do usuário
após 30 minutos de inatividade, ou, quando o visitante receber o Push e acessar o carrinho
ele estará vazio.
Verifique com a sua plataforma de ccommerce qual o tempo de inatividade do usuário
antes do carrinho “expirar”. Na maioria das plataformas isso é configurável. Solicite que
ajustem esse tempo para 40 minutos ou 1 hora.
A taxa de conversão média que obtive nessa campanha foi de 14%. Realize testes no título,
no texto, e no ícone da notificação Push para aumentar a taxa de cliques
Capitulo 5: Enviar Push segmentado para quem visitou
determinada categoria de produtos
Neste capítulo vamos aprender a enviar mensagens push segmentadas para visitantes que
acessaram uma determinada categoria de produtos da loja. Exemplo: Botas (para uma loja
de sapatos)
Para fazer isso será preciso:
1. Marcar (com uma “tag” no site) os visitantes que acessaram uma página
de categoria de produtos
2. Criar um segmento no OneSignal para “pegar” os visitantes com essa
“tag”
3. Disparar uma mensagem Push para os visitantes do segmento que
criamos
1º Marque (com uma “tag” no site) os visitantes que acessaram uma página de categoria de produtos
Vamos tomar como exemplo uma loja de sapatos, que possui uma categoria de produtos
chamada “Botas”
Para “marcar” os visitantes que acessaram a página da categoria “Botas” enviaremos uma
Tag para o OneSignal (Tag “categoriabotas” com valor igual a “1”)).
Adicione o script abaixo na página da categoria de Botas:
<script>
OneSignal.push(["sendTag", "categoriabotas", 1]);
</script>
2º Crie um segmento no OneSignal para pegar os visitantes com essa “tag”
Segmentos são semelhantes a “listas de email” (usadas para envio de newsletters).
Criaremos um segmento que irá conter os visitantes que possuem a tag “categoriabotas” =
“1” (tag setada quando o visitante acessar a página da categoria Botas).
1º Acesse https://onesignal.com
2º Clique na coluna esquerda em “Segments”
3º Vá até o final da página, e clique no botão verde “New Segment”
4º Informe o nome do segmento e clique em “create”
5º Localize o segmento criado e clique em “Add Filter”
6º Clique na caixa de seleção “Filter Type”
7º Selecione a opção “User Tag”
8º No campo “Key“, digite “categoriabotas“, e no campo “Value” digite “1“, em seguida clique no botão verde “Save”
3º Dispare uma mensagem Push para os visitantes do segmento que criamos
1º Clique no botão verde “New Message”
2º Digite o título e o texto da mensagem de notificação
É permitido inserir emoticons
3º Clicando em “Options” você pode incluir a URL de um ícone personalizado, que será
exibido na mensagem Push
4º Informe no campo “Launch URL?” o link da página da categoria, para onde o visitante será direcionado ao clicar na mensagem Push
5º Clique em “Preview”
6º Será exibido um resumo da mensagem que será disparada
7º Clique no botão verde “Send”
8º As notificações Push serão enviadas
9º Será exibido um relatório do envio, com número de entregas, cliques:
As possibilidades são infinitas. Você pode criar segmentos para qualquer categoria da loja:
sapatos, botas, sandálias…
Capitulo 6: Push para converter visitantes em clientes
Neste capítulo vamos aprender a converter visitantes despretensiosos em clientes
Como fazer isso?
Simples: ofereça um valedesconto para que o visitante que nunca comprou possa realizar
sua primeira compra no site:
Vamos a prática:
1. Marque (com uma “tag” no site) os visitantes que iniciaram uma compra
(acessaram a página de carrinho)
2. Marque (com uma “tag” no site) os visitantes que finalizaram uma compra
(acessaram a página de Compra Finalizada / Confirmação de Compra)
3. Crie um segmento no OneSignal para “pegar” esses visitantes que
iniciaram uma compra
4. Crie um segmento no OneSignal para “pegar” esses visitantes que
finalizaram uma compra
5. Crie um template (padrão) de mensagem com o texto do Push que será
enviado para esses visitantes
6. Crie uma mensagem automatizada, que irá enviar a automaticamente o
Valedesconto para visitantes que nunca adicionaram um produto no
carrinho e nunca finalizaram uma compra
1º Marque (com uma “tag” no site) os visitantes que iniciaram uma compra (acessaram a página de carrinho)
Entendemos que a compra se inicia quando o visitante adiciona um produto no carrinho.
Tecnicamente falando: quando ele acessa a página de Carrinho de Compras
Obs: Essa tag foi criada no capitulo 4. Se você já a criou, pode pular essa etapa.
Para “marcar” os visitantes que acessaram a página do carrinho de compras enviaremos
uma Tag para o OneSignal (Tag “compra” com valor igual a “zero”)).
Adicione o script abaixo na página do Carrinho de Compras:
<script>
OneSignal.push(["sendTag", "compra", 0]);
</script>
2º Marque (com uma “tag” no site) os visitantes que finalizaram uma compra (acessaram a página de compra finalizada)
Entendemos que o processo de compra chega ao fim quando o visitante acessa a página
de Confirmação de Compra / Compra Finalizada
Para “marcar” os visitantes que acessaram a página de “compra finalizada” atualizaremos
no OneSignal o valor da Tag “compra” para “1”.
Adicione o script abaixo na página de Compra Finalizada:
<script>
OneSignal.push(["sendTag", "compra", 1]);
</script>
3º Crie um segmento no OneSignal para pegar visitantes que iniciaram uma compra
Segmentos são semelhantes a “listas de email” (usadas para envio de newsletters).
Criaremos um segmento que irá conter os visitantes que possuem a tag “compra” = “0” (tag
setada quando o visitante acessar o carrinho de compras).
1º Acesse https://onesignal.com
2º Clique na coluna esquerda em “Segments”
3º Vá até o final da página, e clique no botão verde “New Segment”
4º Informe o nome do segmento e clique em “create”
5º Localize o segmento criado e clique em “Add Filter”
6º Clique na caixa de seleção “Filter Type”
7º Selecione a opção “User Tag”
8º No campo “Key“, digite “compra“, e no campo “Value” digite “0” (zero), em seguida clique no botão verde “Save”
4º Crie um segmento no OneSignal para pegar visitantes que finalizaram uma compra
Criaremos um segmento que irá conter os visitantes que possuem a tag “compra” = “1” (tag
setada quando o visitante acessar a página de compra finalizada).
1º Acesse https://onesignal.com
2º Clique na coluna esquerda em “Segments”
3º Vá até o final da página, e clique no botão verde “New Segment”
4º Informe o nome do segmento e clique em “create”
5º Localize o segmento criado e clique em “Add Filter”
6º Clique na caixa de seleção “Filter Type”
7º Selecione a opção “User Tag”
8º No campo “Key“, digite “compra“, e no campo “Value” digite “1” (zero), em seguida clique no botão verde “Save”
5º Crie um template (padrão) de mensagem com o texto do Push que será enviado
Os templates são modelos de mensagens que podemos deixar gravadas no OneSignal para
uso em um envio manual futuro ou para envios automatizados.
Criaremos uma mensagem padrão com um Valedesconto para os visitantes que nunca
realizaram uma compra
1º Clique na coluna esquerda em “Templates”
2º Clique no botão verde “New Template”
3º Informe o “Template Name“, “Title“, e “Content”
4º Clicando em “Options” você pode incluir a URL de um ícone personalizado, que será
exibido na mensagem Push
5º Informe no campo “Launch URL?” a URL do carrinho de compras. O visitante será direcionado para esse link ao clicar na mensagem Push
6º Clique em “Save”
6º Crie uma mensagem automatizada, que irá enviar a automaticamente o Valedesconto para visitantes que nunca adicionaram um produto no carrinho e nunca finalizaram uma compra
1º Clique na coluna esquerda em “Automated”
2º Clique no botão verde “New Automatic Message”
3º Informe um nome para a mensagem automatizada e selecione o template que criamos no passo anterior.
4º Informe o segmento “All” (todos) no campo “Deliver to users in segments“, e os segmentos “Iniciaram uma compra” e “Finalizaram uma compra” no campo “Exclude users in segments”
Com essa ação, estamos informando ao OneSignal para enviar a mensagem para todos os
inscritos, “exceto” para os que algum dia iniciaram ou finalizaram uma compra.
5º Desmarque a opção “Only deliver at the same time of day as the user’s last session (recommended)”
6º Clique no botão azul “Create”
Os envios são realizados em média a cada 30 minutos
Capitulo 7: Push para Divulgar Promoções relâmpago
Neste capítulo vamos aprender a enviar notificações Push para divulgar promoções
relâmpago (e aumentar sua receita )
1º Acesse https://onesignal.com
2º Clique no botão verde “New Message”
3º Digite o título e o texto da mensagem de notificação
É permitido inserir emoticons
4º Clicando em “Options” você pode incluir a URL de um ícone personalizado, que será
exibido na mensagem Push
5º Informe no campo “Launch URL?” o link para onde quer direcionar o visitante, ao clicar
na mensagem Push
6º Clique em “Preview”
7º Será exibido um resumo da mensagem que será disparada
8º Clique no botão verde “Send”
9º As notificações Push serão enviadas
10º Será exibido um relatório do envio, com número de entregas, cliques:
No próximo capítulo vamos aprender a mensurar os resultados das notificações Push
diretamente no Google Analytics.
Capitulo 8: Como mensurar os resultados das notificações
Push no Google Analytics?
Neste capítulo vamos aprender a mensurar os resultados das notificações Push no Google
Analytics
Como fazer isso?
No momento de enviar uma mensagem Push ou criar um template de mensagem, adicione
parâmetros de tracking em sua URL no campo “Launch URL?”
Tome como base o exemplo abaixo:
A URL original é http://lojaexemplo.com/promocao
Com os parâmetros de tracking, ficaria assim:
http://lojaexemplo.com/promocao?utm_source=Push&utm_medium=Site&utm_campaign=La
ncamentos
O campo “utm_campaign” é o nome da campanha. Modique, para ficar com o nome da campanha que você está enviando: Lançamento, Promoção, Recuperação de Carrinho,
etc…
Como analisar no Google Analytics?
1º Acesse o Google Analytics: https://analytics.google.com/
2º Clique em “Aquisição“, “Todo o Tráfego“, e “Origem/mídia”
3º Clique em “Push / Site”
4º Clique em “Dimensão Secundária“, (digite “campanha”) e selecione “Campanha”
5º Visualize os dados de suas diferentes campanhas
Capitulo 9: Como fazer testes A/B com mensagens Push?
Neste capítulo vamos aprender a fazer testes A/B de mensagens Push
O que seria isso?
O OneSignal vai enviar duas mensagens Push diferentes para parte da base de inscritos
(aproximadamente 20%), e nos informar qual das 2 teve o melhor desempenho
Após os resultados, podemos eleger a vencedora, clicar em um botão e enviála para o
restante da base (para os 80% restantes, os visitantes que não receberam uma das 2
versões de teste)
Vamos lá:
1º Clique na coluna direita em “A/B Test Messages”
2º Clique no botão verde “New A/B Test”
3º Em “AB Test Name” Informe o nome do teste
No exemplo abaixo, pretendo testar o desempenho de um texto curto contra um texto mais
longo
4º No “Test A” em “Select Template” selecione a opção “(New)”, faça o mesmo para o “Test B”
5º Informe o “Title” e o “Content” para a versão “Test A” , faça o mesmo para o “Test B”
6º Clique no botão azul “Preview”
Se o seu público ainda for pequeno, o OneSignal irá exibir um alerta, informando que “Você
deve ter pelo menos 8 usuários nos segmentos incluídos para executar um teste de divisão
do Teste A/B”
7º Será exibido um resumo das mensagens que serão enviadas
8º Clique no botão verde “Send”
9º Após enviar o OneSignal vai exibindo aos poucos os resultados
10º Em algum tempo, ele vai exibir qual das 2 mensagens tem maior probabilidade de ser a
vencedora
No exemplo abaixo o OneSignal informa que a versão B tem 68,6% a mais de cliques do
que a versão A
11º Selecione para qual das duas mensagens quer enviar para o restante da base de
inscritos, e clique no botão verde em “Send this message to remaining users.”
Capitulo 10: Como agendar o envio de mensagens Push?
Neste capítulo vamos aprender a agendar o envio de mensagens Push
1º Acesse https://onesignal.com
2º Clique no botão verde “New Message”
3º Digite o título e o texto da mensagem de notificação
É permitido inserir emoticons
4º Clicando em “Options” você pode incluir a URL de um ícone personalizado, que será
exibido na mensagem Push
5º Informe no campo “Launch URL?” o link para onde quer direcionar o visitante, ao clicar
na mensagem Push
6º Clique em “Schedule / Send Later”
7º Clique em “Schedule notifications for a later time?”
8º Selecione o tempo para envio
Envio após 2 horas:
Envio após 2 dias:
Envio em um dia e hora exato:
9º Clique em “Preview”
10º Será exibido um resumo da mensagem que será disparada
11º Clique no botão verde “Send”
9º No horário estipulado as notificações Push serão enviadas
10º Será exibido um relatório do envio, com número de entregas, cliques:
Chegamos ao fim
Espero que aproveite bem as dicas expostas aqui no guia.
Se você conhece alguém que adoraria receber essas dicas, faça um favor para ela (e para
mim) e compartilhe este guia.
Você pode compartilhálo no Facebook, Twitter, ou até mesmo copiar a URL desse artigo e
enviar para quem precisa dele:
http://caiquedourado.com.br/guianotificacoespushparaecommerce?utm_source=SlideSha
re&utm_medium=eBook
Um forte abraço!
Caique Dourado www.caiquedourado.com.br
Obs: Caso não consiga habilitar as notificações Push seguindo os passos deste guia, entre
em contato, que posso realizar a instalação para você.
