Como disparar notificações Push em seu E­commerce – O 
guia absolutamente completo 
 
 
Você já está enviando notificações...
● http://www.retroca.com.br 
 
 
Antes de iniciarmos, veja um exemplo e os ​resultados​ de uso do Push em um teste prático...
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) 
Nota: Siga os passos abaixo caso ...
 
3º Informe o “​Nome do projeto​”, marque o campo “​Concordo que o uso que eu vier a 
fazer de quaisquer serviços e APIs…...
 
4º Clique no ícone da seta para baixo, para exibir mais opções 
 
5º Localize o campo “​Número do projeto​” e anote­o em algum lugar. 
Anote­o em algum lugar, pois precisaremos dele mais...
 
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çã...
 
12º Clique no botão “​Chave de Servidor​” 
 
13º Clique no botão azul “​Criar​” 
Não precisa preencher nada, apenas cliq...
 
14º Será exibida a “​Chave de API​”, anote­a em algum lugar. 
Anote­a em algum lugar, pois precisaremos dela mais a fren...
2º Passo: Crie uma conta no site ​https://onesignal.com 
O OneSignal é uma ferramenta gratuita para envio de Push. Existem...
 
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...
 
 
8º Preencha os campos e clique em “Save” 
● No campo “​Site URL​” insira a URL do seu site, incluindo o protocolo http...
● No campo “​Default Notification Icon URL​” insira a URL do ícone de 
notificação. Você deve criar uma imagem e 80 pixels...
 
10º Será exibido o “​Your App ID​”, anote­o em algum lugar 
Anote­o em algum lugar, pois precisaremos dele no próximo pa...
 
11º Faça o download dos arquivos do OneSignal 
Link: 
https://github.com/one­signal/OneSignal­Website­SDK/releases/downl...
  ​gcm_user_visible_only​: ​true 
} 
13º Salve, e envie os  3 arquivos  para o FTP da sua loja, na pasta principal 
Caso n...
      ​welcomeNotification​: { 
        ​disable​: true 
      },   
      ​notifyButton​: { 
        ​enable​: false 
   ...
 
17º Se tudo estiver ok até aqui, será exibido um box verde, informando que um usuário 
(você) se inscreveu para receber ...
 
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 a...
 
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...
 
3º Informe o “​Nome do projeto​”, marque o campo “​Concordo que o uso que eu vier a 
fazer de quaisquer serviços e APIs…...
 
4º Clique no ícone da seta para baixo, para exibir mais opções 
 
5º Localize o campo “​Número do projeto​” e anote­o em algum lugar. 
Anote­o em algum lugar, pois precisaremos dele mais...
 
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çã...
 
12º Clique no botão “​Chave de Servidor​” 
 
13º Clique no botão azul “​Criar​” 
Não precisa preencher nada, apenas cliq...
 
14º Será exibida a “​Chave de API​”, anote­a em algum lugar. 
Anote­a em algum lugar, pois precisaremos dela mais a fren...
2º Passo: Crie uma conta no site ​https://onesignal.com 
O OneSignal é uma ferramenta gratuita para envio de Push. Existem...
 
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...
 
 
8º Preencha os campos e clique em “Save” 
● No campo “​Site URL​” insira a URL do seu site, incluindo o protocolo http...
● No campo “​Default Notification Icon URL​” insira a URL do ícone de 
notificação. Você deve criar uma imagem e 80 pixels...
 
9º Selecione a opção “​Website Push​” e clique em “Next” 
 
10º Será exibido o “​Your App ID​”, anote­o em algum lugar 
Anote­o em algum lugar, pois precisaremos dele no próximo pa...
 
11º Faça o download dos arquivos do OneSignal 
Link: 
https://github.com/one­signal/OneSignal­Website­SDK/releases/downl...
  ​gcm_user_visible_only​: ​true 
} 
13º Salve, e envie os  3 arquivos  para o FTP da sua loja, na pasta principal 
Caso n...
      ​subdomainName​: '​DIGITE AQUI O SUBOMÍNIO​', 
      ​welcomeNotification​: { 
        ​disable​: true 
      },   
...
 
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...
 
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 a...
 
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 vis...
É permitido inserir emoticons 
 
4º Clicando em “Options” você pode incluir a URL de um ícone personalizado, que será 
exi...
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 ree...
Segmentos são semelhantes a “listas de e­mail” (usadas para envio de newsletters) 
1º Acesse ​https://onesignal.com 
2º Cl...
 
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 cam...
2º Crie um template (modelo padrão) de mensagem 
Os templates são modelos de mensagens que podemos deixar gravadas no OneS...
 
4º Clicando em “Options” você pode incluir a URL de um ícone personalizado, que será 
exibido na mensagem Push 
 
5º Inf...
6º Clique em “​Save​” 
 
3º Crie uma mensagem automatizada 
1º Clique na coluna esquerda em “​Automated​” 
 
2º Clique no ...
 
3º Informe um ​nome​ para a mensagem automatizada e selecione o ​template​ e o ​segmento 
que foram criados no passo ant...
 
5º Clique no botão azul “Create” 
 
Tudo pronto! Após 7 dias sem acessar a loja os visitantes receberão sua notificação ...
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 Abandona...
1º Marque (com uma “tag” no site) os visitantes que iniciaram uma compra 
(acessaram a página de carrinho) 
Para recuperaç...
<script> 
OneSignal​.​push​([​"sendTag"​, ​"compra"​, ​1​]); 
</script> 
 
  
3º Crie um segmento no OneSignal para pegar ...
 
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 “​crea...
 
5º Localize o segmento criado e clique em “​Add Filter​” 
 
6º Clique na caixa de seleção “​Filter Type​” 
 
7º Selecion...
 
8º No campo “​Key​“, digite “​compra​“, e no campo “​Value​” digite “​0​” (zero), em seguida 
clique no botão verde “​Sa...
Os templates são modelos de mensagens que podemos deixar gravadas no OneSignal para 
uso em um envio manual futuro ou para...
3º Informe o “​Template Name​“, “​Title​“,  e “​Content​” 
 
4º Clicando em “Options” você pode incluir a URL de um ícone ...
 
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 ​tem...
 
5º Clique no botão azul “Create” 
 
Tudo pronto! Seus carrinhos já estão sendo recuperados   
Os envios são realizados e...
 
É importante que a plataforma e­commerce não “limpe” o carrinho de compras do usuário 
após 30 minutos de inatividade, o...
Capitulo 5: Enviar Push segmentado para quem visitou 
determinada categoria de produtos
Neste capítulo vamos aprender a en...
Para “marcar” os visitantes que acessaram a página da categoria “Botas” enviaremos uma 
Tag para o OneSignal (Tag “categor...
 
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 “​crea...
 
5º Localize o segmento criado e clique em “​Add Filter​” 
 
6º Clique na caixa de seleção “​Filter Type​” 
 
7º Selecion...
 
8º No campo “​Key​“, digite “​categoria­botas​“, e no campo “​Value​” digite “​1​“, em seguida 
clique no botão verde “​...
3º Dispare uma mensagem Push para os visitantes do segmento que criamos 
1º Clique no botão verde “New Message” 
 
2º Digi...
 
3º Clicando em “Options” você pode incluir a URL de um ícone personalizado, que será 
exibido na mensagem Push 
 
4º Inf...
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 despretensioso...
6. Crie uma mensagem automatizada, que irá enviar a automaticamente o 
Vale­desconto para visitantes que nunca adicionaram...
Entendemos que o processo de compra chega ao fim quando o visitante acessa a página 
de Confirmação de Compra / Compra Fin...
 
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 “​crea...
 
5º Localize o segmento criado e clique em “​Add Filter​” 
 
6º Clique na caixa de seleção “​Filter Type​” 
 
7º Selecion...
 
8º No campo “​Key​“, digite “​compra​“, e no campo “​Value​” digite “​0​” (zero), em seguida 
clique no botão verde “​Sa...
4º Crie um segmento no OneSignal para pegar visitantes que finalizaram uma compra 
Criaremos um  segmento que irá conter o...
 
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...
 
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º Inf...
6º Clique em “​Save​” 
 
  
6º Crie uma mensagem automatizada, que irá enviar a automaticamente o 
Vale­desconto para visi...
 
3º Informe um ​nome​ para a mensagem automatizada e selecione o ​template​ que criamos 
no passo anterior. 
 
4º Informe...
 
5º Desmarque a opção “​Only deliver at the same time of day as the user’s last session 
(recommended)​” 
 
6º Clique no ...
 
 
   
Capitulo 7: Push para Divulgar Promoções relâmpago
Neste capítulo vamos aprender a enviar notificações Push para divulgar ...
 
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º Infor...
7º Será exibido um resumo da mensagem que será disparada 
 
8º Clique no botão verde “Send” 
 
9º As notificações Push ser...
 
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 mensur...
Com os parâmetros de tracking, ficaria assim: 
http://lojaexemplo.com/promocao?utm_source=Push&utm_medium=Site&utm_campaig...
 
3º Clique em “​Push / Site​” 
 
4º Clique em “​Dimensão Secundária​“, (digite “campanha”) e selecione “​Campanha​” 
 
5º Visualize os dados de suas dife...
 
 
   
Capitulo 9: Como fazer testes A/B com mensagens Push?
Neste capítulo vamos aprender a fazer testes A/B de mensagens Push 
...
2º Clique no botão verde “​New A/B Test​” 
 
3º Em “​AB Test Name​” Informe o nome do teste 
No exemplo abaixo, pretendo t...
 
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 qu...
 
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...
 
 
   
Capitulo 10: Como agendar o envio de mensagens Push?
Neste capítulo vamos aprender a agendar o envio de mensagens Push 
1º...
 
4º Clicando em “Options” você pode incluir a URL de um ícone personalizado, que será 
exibido na mensagem Push 
 
5º Inf...
 
7º Clique em “​Schedule notifications for a later time?​” 
 
8º Selecione o tempo para envio 
Envio após 2 horas: 
 
Env...
 
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 re...
 
 
   
Chegamos ao fim   
Espero que aproveite bem as dicas expostas aqui no guia. 
Se você conhece alguém que adoraria receber e...
Próximos SlideShares
Carregando em…5
×

E book: Como disparar notificações Push em seu E-commerce – O guia absolutamente completo

310 visualizações

Publicada em

Link original:
http://caiquedourado.com.br/guia-notificacoes-push-para-ecommerce/

Você já está enviando notificações Push para os visitantes da sua loja?

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 E-commerce.

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.

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?

Publicada em: Marketing
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
310
No SlideShare
0
A partir de incorporações
0
Número de incorporações
5
Ações
Compartilhamentos
0
Downloads
7
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

E book: Como disparar notificações Push em seu E-commerce – O guia absolutamente completo

  1. 1. Como disparar notificações Push em seu E­commerce – 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 E­commerce.  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 e­commerce brasileiro?  ● https://www.editorajuspodivm.com.br  ● https://www.tricae.com.br 
  2. 2. ● 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 sexta­feira, as 12:10, haviam ​507​ visitantes online na loja.  Após disparar uma notificação Push o número de visitantes on­line subiu para ​1058​ (isso as 12:12).    1058 visitantes on­line após o envio do Push    Isso mesmo! ​Dobramos​ o número de visitantes online em apenas 2 minutos. Saltamos de ​507  para​1058​ 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 e­mail marketing e Ads, e  ainda por cima: sem gastar ​um centavo​ sequer. 
  3. 3. 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?       
  4. 4. 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  Console​https://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…​” 
  5. 5.   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​” 
  6. 6.   4º Clique no ícone da seta para baixo, para exibir mais opções 
  7. 7.   5º Localize o campo “​Número do projeto​” e anote­o em algum lugar.  Anote­o em algum lugar, pois precisaremos dele mais a frente.    6º Clique em “​Ative e gerencie APIs​” 
  8. 8.   7º Localize a área “​APIs para dispositivos móveis​”, e clique no item “​Google Cloud  Messaging​” 
  9. 9.   8º Clique em “​Ativar​”   
  10. 10. 9º Na coluna esquerda, clique em “​Credenciais​”    10º Clique no botão azul “​Criar credenciais​”    11º Selecione a opção “​Chave de API​” 
  11. 11.   12º Clique no botão “​Chave de Servidor​”    13º Clique no botão azul “​Criar​”  Não precisa preencher nada, apenas clique em “Criar” 
  12. 12.   14º Será exibida a “​Chave de API​”, anote­a em algum lugar.  Anote­a em algum lugar, pois precisaremos dela mais a frente.   
  13. 13. 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 e­mail e senha, e clique em “Create Account” 
  14. 14.   4º Clique no botão verde “Add a new app” 
  15. 15.      5º Informe o nome do site e clique em “Create”       6º Selecione a opção “Website Push” e clique em “Next” 
  16. 16. 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; 
  17. 17.     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?) 
  18. 18. ● 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” 
  19. 19.   10º Será exibido o “​Your App ID​”, anote­o em algum lugar  Anote­o em algum lugar, pois precisaremos dele no próximo passo 
  20. 20.   11º Faça o download dos arquivos do OneSignal  Link:  https://github.com/one­signal/OneSignal­Website­SDK/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​: "​ID­DO­GOOGLE­PROJECT​", 
  21. 21.   ​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 e­commerce 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: 7bacf3c4­bc80­4f79­9aa2­dbadba07bcb0).  <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, 
  22. 22.       ​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” 
  23. 23.   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” 
  24. 24.   18º Clique no botão verde “Send Test Notification” 
  25. 25.   19º Será disparada uma notificação Push para você. Clique nela ao receber      
  26. 26. 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” 
  27. 27.   22º Será exibido um box verde, informando que o Push foi configurado corretamente. Clique  no botão vermelho “Done” 
  28. 28.   Agora está tudo pronto para o disparo!       
  29. 29. 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  Console​https://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…​” 
  30. 30.   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​” 
  31. 31.   4º Clique no ícone da seta para baixo, para exibir mais opções 
  32. 32.   5º Localize o campo “​Número do projeto​” e anote­o em algum lugar.  Anote­o em algum lugar, pois precisaremos dele mais a frente.    6º Clique em “​Ative e gerencie APIs​” 
  33. 33.   7º Localize a área “​APIs para dispositivos móveis​”, e clique no item “​Google Cloud  Messaging​” 
  34. 34.   8º Clique em “​Ativar​”   
  35. 35. 9º Na coluna esquerda, clique em “​Credenciais​”    10º Clique no botão azul “​Criar credenciais​”    11º Selecione a opção “​Chave de API​” 
  36. 36.   12º Clique no botão “​Chave de Servidor​”    13º Clique no botão azul “​Criar​”  Não precisa preencher nada, apenas clique em “Criar” 
  37. 37.   14º Será exibida a “​Chave de API​”, anote­a em algum lugar.  Anote­a em algum lugar, pois precisaremos dela mais a frente.   
  38. 38. 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 e­mail e senha, e clique em “Create Account” 
  39. 39.   4º Clique no botão verde “Add a new app” 
  40. 40.      5º Informe o nome do site e clique em “Create”       6º Selecione a opção “Website Push” e clique em “Next” 
  41. 41. 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; 
  42. 42.     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?) 
  43. 43. ● 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)   
  44. 44.   9º Selecione a opção “​Website Push​” e clique em “Next” 
  45. 45.   10º Será exibido o “​Your App ID​”, anote­o em algum lugar  Anote­o em algum lugar, pois precisaremos dele no próximo passo 
  46. 46.   11º Faça o download dos arquivos do OneSignal  Link:  https://github.com/one­signal/OneSignal­Website­SDK/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​: "​ID­DO­GOOGLE­PROJECT​", 
  47. 47.   ​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 e­commerce 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: 7bacf3c4­bc80­4f79­9aa2­dbadba07bcb0), 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​", 
  48. 48.       ​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 
  49. 49.   17º Clique no botão azul “Continue” 
  50. 50.   18º Clique em “Permitir” 
  51. 51.   19º Volte no OneSignal e clique no botão verde “Check Subscribed Users”   
  52. 52. 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” 
  53. 53.   22º Será disparada uma notificação Push para você. Clique nela ao receber   
  54. 54. 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” 
  55. 55.   25º Será exibido um box verde, informando que o Push foi configurado corretamente. Clique  no botão vermelho “Done” 
  56. 56.   Agora está tudo pronto para o disparo!       
  57. 57. 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 
  58. 58. É 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   
  59. 59. 6º Clique em “Preview”    7º Será exibido um resumo da mensagem que será disparada    8º Clique no botão verde “Send” 
  60. 60.   9º As notificações Push serão enviadas    10º Será exibido um relatório do envio, com número de entregas, cliques: 
  61. 61.        
  62. 62. 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 
  63. 63. Segmentos são semelhantes a “listas de e­mail” (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​” 
  64. 64.   4º Informe o nome do segmento e clique em “create”    5º Localize o segmento criado e clique em “​Add Filter​” 
  65. 65.   6º Clique na caixa de seleção “​Filter Type​”    7º Selecione a opção “​Last Session​” 
  66. 66.   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)   
  67. 67. 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​” 
  68. 68.   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   
  69. 69. 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​” 
  70. 70.   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)​” 
  71. 71.   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.   
  72. 72. Esse foi um exemplo, você também pode criar mensagens para 1 dia, 1 hora, 1 mês… o  céu é o limite.       
  73. 73. Capitulo 4: Enviar Push para Recuperar carrinhos  abandonados Neste capítulo vamos aprender a recuperar Carrinhos Abandonados, prática essencial para  qualquer e­commerce    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    
  74. 74. 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: 
  75. 75. <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 e­mail” (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​” 
  76. 76.   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​” 
  77. 77.   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​” 
  78. 78.   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 
  79. 79. 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​”   
  80. 80. 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 
  81. 81.   6º Clique em “​Save​”    5º Crie uma mensagem automatizada  1º Clique na coluna esquerda em “​Automated​”   
  82. 82. 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)​” 
  83. 83.   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 
  84. 84.   É importante que a plataforma e­commerce 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 c­commerce 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         
  85. 85. 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” 
  86. 86. Para “marcar” os visitantes que acessaram a página da categoria “Botas” enviaremos uma  Tag para o OneSignal (Tag “categoria­botas” com valor igual a “1”)).  Adicione o script abaixo na página da categoria de Botas:  <script>  OneSignal​.​push​([​"sendTag"​, ​"categoria­botas"​, ​1​]);  </script>       2º Crie um segmento no OneSignal para pegar os visitantes com essa “tag”  Segmentos são semelhantes a “listas de e­mail” (usadas para envio de newsletters).  Criaremos um  segmento que irá conter os visitantes que possuem a tag “categoria­botas” =  “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​” 
  87. 87.   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​” 
  88. 88.   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​” 
  89. 89.   8º No campo “​Key​“, digite “​categoria­botas​“, e no campo “​Value​” digite “​1​“, em seguida  clique no botão verde “​Save​”      
  90. 90. 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    
  91. 91.   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   
  92. 92. 5º Clique em “Preview”    6º Será exibido um resumo da mensagem que será disparada    7º Clique no botão verde “​Send​” 
  93. 93.   8º As notificações Push serão enviadas    9º Será exibido um relatório do envio, com número de entregas, cliques: 
  94. 94.   As possibilidades são infinitas. Você pode criar segmentos para qualquer categoria da loja:  sapatos, botas, sandálias…       
  95. 95. 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 vale­desconto 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 
  96. 96. 6. Crie uma mensagem automatizada, que irá enviar a automaticamente o  Vale­desconto 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) 
  97. 97. 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 e­mail” (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​” 
  98. 98.   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​” 
  99. 99.   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​” 
  100. 100.   8º No campo “​Key​“, digite “​compra​“, e no campo “​Value​” digite “​0​” (zero), em seguida  clique no botão verde “​Save​”      
  101. 101. 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​” 
  102. 102.   4º Informe o nome do segmento e clique em “​create​”    5º Localize o segmento criado e clique em “​Add Filter​”   
  103. 103. 6º Clique na caixa de seleção “​Filter Type​”    7º Selecione a opção “​User Tag​”   
  104. 104. 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 Vale­desconto para os visitantes que nunca  realizaram uma compra  1º Clique na coluna esquerda em “​Templates​” 
  105. 105.   2º Clique no botão verde “​New Template​”    3º Informe o “​Template Name​“, “​Title​“,  e “​Content​” 
  106. 106.   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   
  107. 107. 6º Clique em “​Save​”       6º Crie uma mensagem automatizada, que irá enviar a automaticamente o  Vale­desconto 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​” 
  108. 108.   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. 
  109. 109.   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 
  110. 110.        
  111. 111. 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” 
  112. 112.   3º Digite o título e o texto da mensagem de notificação  É permitido inserir emoticons   
  113. 113. 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”   
  114. 114. 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 
  115. 115.   10º Será exibido um relatório do envio, com número de entregas, cliques: 
  116. 116.   No próximo capítulo vamos aprender a mensurar os resultados das notificações Push  diretamente no Google Analytics.       
  117. 117. 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 
  118. 118. 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​” 
  119. 119.   3º Clique em “​Push / Site​” 
  120. 120.   4º Clique em “​Dimensão Secundária​“, (digite “campanha”) e selecione “​Campanha​”    5º Visualize os dados de suas diferentes campanhas 
  121. 121.        
  122. 122. 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​”   
  123. 123. 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​”   
  124. 124.   5º Informe o “​Title​” e o “​Content​” para a versão “​Test A​” , faça o mesmo para o “​Test B​”   
  125. 125.   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 
  126. 126.   8º Clique no botão verde “​Send​”    9º Após enviar o OneSignal vai exibindo aos poucos os resultados 
  127. 127.   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.​” 
  128. 128.        
  129. 129. 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 
  130. 130.   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​” 
  131. 131.   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: 
  132. 132.   9º Clique em “Preview”    10º Será exibido um resumo da mensagem que será disparada   
  133. 133. 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: 
  134. 134.        
  135. 135. 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/guia­notificacoes­push­para­ecommerce?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ê. 

×