fbpx

Como configurar os pop-ups de retenção da SmartHint

pop-ups de retenção para e-commerce

Estratégia importante de retenção de clientes na loja virtual, o pop-up se destaca pela praticidade e capacidade de converter uma venda que possivelmente seria perdida. Diante dessa função tão importante, saiba como configurar os pop-ups da SmartHint.

Para acessar a funcionalidade, basta acessar o painel administrativo da SmartHint e clicar em Retenção, no menu, conforme a imagem abaixo:

painel adm smarthint

Configurando os pop-ups da SmartHint

Por padrão, a SmartHint cria três tipos de pop-ups:

  • Não vá embora”
  • “Promoção Relâmpago” 
  • “Última chance”pop-ups smarthint

O ajuste estratégico e de layout de cada pop-up é individual, sendo necessário acessar em cada um deles a engrenagem para visualizar as opções de configurações e depois clicar no botão ao lado da engrenagem para ativar a função.

Neste post você vai ter acesso ao passo a passo completo para ativar e configurar os três tipos de pop-up, confira.

Pop-up “Não vá embora”

O pop-up “Não vá embora” é acionado quando um cliente está navegando na loja virtual e resolve sair por qualquer motivo ou pode ser disparado após um tempo determinado pelo lojista.

Regra: quando o cliente move o mouse para fora da área da loja virtual, automaticamente esse pop-up é acionado. O pop-up é apresentado somente uma única vez por sessão.

Importante: lembre-se que para testar o pop-up é importante utilizar a janela anônima do navegador, pois o controle de visualização é feito através de cookie, ou seja, depois que apareceu a primeira vez, para que o pop-up seja apresentado novamente, será necessário deletar o cookie ou abrir nova janela anônima.

Configurando o pop-up “Não vá embora”

Ao iniciar a configuração de qualquer um dos pop-ups, aparecerão quatro abas de ajustes, mas você só vai precisar mexer nas três primeiras.

Aba Configurações

Veja abaixo a explicação e utilização de cada campo na aba Configurações.

Tipo de ação: refere-se à configuração do tipo de pop-up que será apresentado e regra de disparo. Essa opção já vem pré-configurada, por isso não é necessário fazer nenhuma alteração.

Chamada principal: deverá conter a mensagem que será apresentada para o cliente quando o pop-up for disparado. É a mensagem de maior impacto desse pop-up. Por padrão, já vem pré-configurado com este texto: “Não vá embora!<br/>Olha só o que mais temos para você :)”. OBS: O “<br/>” fará com que o texto quebre linha.

Ativo: quando o botão estiver azul e para a direita, significa que esse pop-up está ativo.

Texto adicional: aqui você pode colocar mais informações para apresentar ao usuário. Quando é oferecido um benefício promocional ao cliente, é comum  apresentar o seguinte texto: Utilize o cupom <span class=”discount – coupon”>{{DiscountCoupon}}</span> ao finalizar sua compra”. A tag “<spam …></spam>” é utilizada para destacar o código do cupom promocional e a “{{DiscountCoupon}}” é a variável que será trocada pelo conteúdo informado no campo Código do cupom.

Código do cupom: se sua estratégia é oferecer um cupom de desconto ao cliente quando o pop-up for disparado, o código do cupom deverá ser informado nesse campo. Caso não ofereça oferta por cupom, deixe esse campo vazio. Mas saiba que oferecer um cupom de desconto para o cliente é muito útil para aumentar as vendas. DICA: crie um código de cupom que seja fácil memorizar, como: “EU-QUERO“, “PROMO“, “E-MEU” e assim por diante. Afinal, a intenção é que o cliente utilize o benefício, certo?

Tipo: é o tipo de desconto do seu cupom, pode ser percentual ou um valor fixo.

% do cupom: se foi informado o código do cupom no campo anterior, informe o percentual de desconto que será oferecido ao cliente. Esse percentual será utilizado para calcular o novo valor do produto (com desconto) quando apresentar o pop-up para o cliente. Caso não ofereça oferta por cupom, deixe esse campo com valor zero.

Tipo de recomendação para exibir no overlay: o pop-up “Não vá embora” utiliza uma vitrine de recomendação no layout. Por isso, nessa opção, você poderá escolher qual vitrine a SmartHint apresentará ao cliente quando o pop-up aparecer. Obs: é importante que a vitrine escolhida esteja 100% carregada e ativa. Essa confirmação pode ser feita na aba Recomendações > Recomendação. 

Altere sua logo: como o overlay é apresentado como pop-up, é fortemente recomendado inserir o logo da empresa para manter a identidade visual do overlay de acordo com a loja virtual. 

Veja no exemplo abaixo como aparece o resultado do pop-up no Google Analytics:

Note que a taxa de conversão do overlay (na linha destacada em vermelho) é 4,35%, quase 10 vezes maior que a taxa de conversão total do site, que é de 0,52%.

Quer saber como ver esse relatório dentro do seu Google Analytics? Clique aqui  e saiba mais.

Aba Propriedades

Veja abaixo a explicação e utilização de cada campo na aba Propriedades.

Nome: é o nome do overlay. Essa informação aparecerá na janela anterior que lista os overlays existentes. Serve para facilitar a identificação do pop-up.

Integrar Google Analytics?: quando o botão estiver azul e para a direita, significa que o overlay vai contabilizar dentro do Google Analytics as vendas que o cliente realizar através dele. No relatório do Analytics, vai listar a Origem(source)=SmartHint e Mídia(media)=Overlay-Leaving-Page. 

Tipo: é como você deseja que seja a origem no Google Analytics, via UTM ou EVENT.

Tipo do preço: nesse campo você pode selecionar qual o tipo de valor que irá aparecer na retenção, “preço de”, “por” ou “à vista”.

Moeda: símbolo da moeda que será apresentado no pop-up. Recomenda-se a alteração dessa informação para lojas virtuais de outros países. Por padrão, a SmartHint deixa “R$”, símbolo do Real, a moeda brasileira.

Texto do botão: aqui você pode alterar o texto que é apresentado no botão da retenção. Por padrão, aparece “Eu quero!”, mas você pode personalizar como quiser.

CSS padrão: nessa parte, consta o CSS da retenção em específico, que também pode ser personalizado como você desejar.

Aba Disparo

Veja abaixo a explicação e utilização de cada campo na aba Disparo.

Disparar na saída do site: para ativar basta apertar o botão. Ele ficará azul e irá para a direita. Por padrão, essa opção já vem ativada, ela faz com que a retenção dispare quando o cliente ameaçar sair do site.

Disparar por tempo: para ativar basta apertar o botão. Ele ficará azul e irá para a direita. Essa opção faz com que o pop-up seja disparado por tempo para o cliente.

Disparar por tempo no mobile: para ativar basta apertar o botão. Ele ficará azul e irá para a direita. Essa opção faz com que o pop-up seja disparado por tempo para o cliente que estiver navegando na loja através de um dispositivo móvel.

Disparar em… segundos: essa opção depende do disparo por tempo. Se estiver ativado, você pode escolher o tempo desejado para realizar o disparo.

Disparo: aqui você pode selecionar uma frequência para os disparos.

Disparar se o conteúdo existir na URL (se preenchido): aqui é possível adicionar a condição de que um termo exista no URL para que o disparo aconteça. Por exemplo, se você quer que esse pop-up apareça apenas em páginas de produto premium, adicione o termo premium nesse campo. Assim, quando um cliente acessar uma página com um URL que contenha esse termo (ex: www.sualoja.com.br/produto-premium-azul-rhh55), verá o pop-up posicionado nessa página.

NÃO disparar se o conteúdo existir na URL (se preenchido): aqui é possível bloquear o disparo caso determinado termo exista no URL. Se, ao contrário do exemplo anterior, você não quer que esse pop-up apareça em páginas de produtos premium, coloque o termo premium nesse campo.

Dias/Horas: ao clicar nessa opção, você habilitará as opções de dias e horas específicos para disparo.

Data inicial/Data Final: nesse campo, você pode selecionar um período para que o pop-up seja disparado.

Botões do dia da semana: por padrão, esses botões ficam todos ligados. Quando estão azuis significa que o pop-up está sendo disparado em todos os dias da semana. Caso você não deseje que dispare em algum dia, basta clicar no botão do dia desejado e desativar. 

Botão +: ao clicar nesse botão, se abrem dois campos de horário. Nele você pode configurar um horário específico para a retenção ser disparada.

Ao configurar essas informações e ativar o pop-up, ele já estará funcionando na sua loja virtual.

Veja, no exemplo a seguir, onde as informações configuradas aparecerão no pop-up:

Pop-up “Promoção relâmpago”

O pop-up “Promoção relâmpago” é acionado quando um cliente está na página de produto e fica por mais de 60 segundos (tempo que pode ser configurado pelo lojista), ou resolva sair do site por qualquer motivo.

Regra: ao acessar a página de produto, o contador de 60 segundos se inicia. Caso o cliente se mantenha no mesmo produto por 60 segundos, o pop-up “Promoção Relâmpago” aparecerá para ele. O pop-up é apresentado somente uma única vez por sessão.

Importante: lembre-se que para testar o pop-up é importante utilizar a janela anônima do navegador, pois o controle de visualização é feito através de cookie, ou seja, depois que apareceu a primeira vez, para que o pop-up seja apresentado novamente, será necessário deletar o cookie ou abrir nova janela anônima.

Configurando o pop-up “Promoção relâmpago”

Aba Configurações

Veja abaixo a explicação e utilização de cada campo na aba Configurações.

Tipo de ação: refere-se à configuração do tipo de pop-up que será apresentado e regra de disparo.  Essa opção já vem pré-configurada, por isso não é necessário fazer nenhuma alteração.

Chamada principal: deverá conter a mensagem que será apresentada para o cliente quando o pop-up for disparado. É a mensagem de maior impacto desse pop-up. Por padrão, já vem pré-configurado com este texto: PROMOÇÃO RELÂMPAGO.

Ativo: quando o botão estiver azul e para a direita, significa que o pop-up está ativo.

Texto adicional: aqui você pode colocar mais informações para apresentar ao usuário. Quando é oferecido um benefício promocional ao cliente, é comum apresentar o seguinte texto: Utilize o cupom <span class=”discount – coupon”>{{DiscountCoupon}}</span> ao finalizar sua compra”. A tag “<spam …></spam>” é utilizada para destacar o código do cupom promocional e a “{{DiscountCoupon}}” é a variável que será trocada pelo conteúdo informado no campo Código do cupom.

Código do cupom: se sua estratégia é oferecer um cupom de desconto ao cliente quando o pop-up for disparado, o código do cupom deverá ser informado nesse campo. Caso não ofereça oferta por cupom, deixe esse campo vazio. Mas lembre-se que oferecer um cupom de desconto para o cliente ajuda a aumentar as vendas. DICA: crie um código de cupom que seja fácil memorizar, como: “EU-QUERO“, “PROMO“, “E-MEU” e assim por diante. Afinal, a intenção é que o cliente utilize o benefício, certo?

Tipo: é o tipo de desconto do seu cupom, pode ser percentual ou um valor fixo.

% do cupom: se foi informado o código do cupom no campo anterior, informe o percentual de desconto que será oferecido ao cliente. Esse percentual será utilizado para calcular o novo valor do produto (com desconto) quando apresentar o pop-up para o cliente. Caso não ofereça oferta por cupom, deixe esse campo com valor zero.

Altere sua logo: como o overlay é apresentado como pop-up, é fortemente recomendado inserir o logo da empresa para manter a identidade visual do overlay de acordo com a loja virtual. 

Veja no exemplo abaixo como aparece o resultado desse pop-up no Google Analytics:

Note que a taxa de conversão do overlay (na linha destacada em vermelho) é 5,63%, 10 vezes maior que a taxa de conversão total do site, que é de 0,52%.

Pra saber mais sobre como ver esse relatório dentro do seu Google Analytics, clique aqui.

Aba Propriedades

Veja abaixo a explicação e utilização de cada campo na aba Propriedades.

Nome: é o nome do pop-up. Essa informação aparecerá na janela anterior que lista os overlays existentes. Serve para facilitar a identificação do pop-up.

Integrar Google Analytics?: quando o botão estiver azul e para a direita, significa que o overlay vai contabilizar dentro do Google Analytics as vendas que o cliente realizar através dele. No relatório do Analytics, vai listar a Origem(source)=SmartHint e Mídia(media)=Overlay-Product-Offer. 

Tipo: é como você deseja que seja a origem no Google Analytics, via UTM ou EVENT.

Tipo do preço: nesse campo você pode selecionar qual o tipo de valor que irá aparecer na retenção, “preço de”, “por” ou “à vista”.

Moeda: símbolo da moeda que será apresentado no pop-up. Recomenda-se a alteração dessa informação para lojas virtuais de outros países. Por padrão, a SmartHint deixa “R$”, símbolo do Real, a moeda brasileira.

Texto do botão: aqui você pode alterar o texto que é apresentado no botão da retenção. Por padrão, aparece “Eu quero!”, mas você pode personalizar como quiser.

CSS padrão: nessa parte, consta o CSS da retenção em específico, que também pode ser personalizado como você desejar.

Aba Disparo

Veja abaixo a explicação e utilização de cada campo na aba Disparo.

Disparar na saída do site: para ativar basta apertar o botão. Ele ficará azul e irá para a direita. Por padrão, essa opção já vem ativada, ela faz com que a retenção dispare quando o cliente ameaçar sair do site.

Disparar por tempo: para ativar basta apertar o botão. Ele ficará azul e irá para a direita. Essa opção faz com que o pop-up seja disparado por tempo para o cliente.

Disparar por tempo no mobile: para ativar basta apertar o botão. Ele ficará azul e irá para a direita. Essa opção faz com que o pop-up seja disparado por tempo para o cliente que estiver navegando na loja através de um dispositivo móvel.

Disparar em… segundos: essa opção depende do disparo por tempo. Se estiver ativado, você pode escolher o tempo desejado para realizar o disparo.

Disparo: aqui você pode selecionar uma frequência para os disparos.

Disparar se o conteúdo existir na URL (se preenchido): aqui é possível adicionar a condição de que um termo exista no URL para que o disparo aconteça. Por exemplo, se você quer que esse pop-up apareça apenas em páginas de produto premium, adicione o termo premium nesse campo. Assim, quando um cliente acessar uma página com um URL que contenha esse termo (ex: www.sualoja.com.br/produto-premium-azul-rhh55), verá o pop-up posicionado nessa página.

NÃO disparar se o conteúdo existir na URL (se preenchido): aqui é possível bloquear o disparo caso determinado termo exista no URL. Se, ao contrário do exemplo anterior, você não quer que esse pop-up apareça em páginas de produtos premium, coloque o termo premium nesse campo.

Produtos em promoção: aqui você pode selecionar quais produtos vai deixar em promoção. Todos: dispara em todos os produtos, havendo ou não remarcação de preço; Somente produtos em promoção: dispara somente para produtos com preços remarcados; Exceto produtos em promoção: não dispara para produtos com remarcação de preço.

Dias/Horas: ao clicar nessa opção, você habilitará as opções de dias e horas específicos para disparo.

Data inicial/Data Final: nesse campo, você pode selecionar um período para que o pop-up seja disparado.

Botões do dia da semana: por padrão, esses botões ficam todos ligados. Quando estão azuis significa que o pop-up está sendo disparado em todos os dias da semana. Caso você não deseje que dispare em algum dia da semana, basta clicar no botão do dia desejado e desativar. 

Botão +: ao clicar nesse botão, se abrem dois campos de horário. Nele você pode configurar um horário específico para a retenção ser disparada.

Ao configurar essas informações e ativar o pop-up, ele já estará funcionando na sua loja virtual.

Veja, no exemplo a seguir, onde as informações configuradas aparecerão no pop-up:

Pop-up “Última chance”

O pop-up “Última chance” é acionado quando um cliente está navegando na página do carrinho de compras e resolve sair por qualquer motivo. Ou caso ele fique por mais de 60 segundos no site (tempo que pode ser configurado pelo lojista).

Regra: quando o cliente move o mouse para fora da área da loja virtual, automaticamente esse pop-up é acionado. Ele será apresentado somente uma única vez por sessão.

Importante: lembre-se que para testar o pop-up é importante utilizar a janela anônima do navegador, pois o controle de visualização é feito através de cookie, ou seja, depois que apareceu a primeira vez, para que o pop-up seja apresentado novamente, será necessário deletar o cookie ou abrir nova janela anônima.

Configurando o pop-up “Última chance”

Aba Configurações

Veja abaixo a explicação e utilização de cada campo na aba Configurações.

Tipo de ação: refere-se à configuração do tipo de pop-up que será apresentado e regra de disparo. Essa opção já vem pré-configurada, por isso não é necessário fazer nenhuma alteração.

Chamada principal: deverá conter a mensagem que será apresentada para o cliente quando o pop-up for disparado. É a mensagem de maior impacto desse pop-up. Por padrão, já vem pré-configurado com este texto: ÚLTIMA CHANCE.

Ativo: quando o botão estiver azul e para a direita, significa que o pop-up está ativo.

Texto adicional: aqui você pode colocar mais informações para apresentar ao usuário. Quando é oferecido um benefício promocional ao cliente, é comum apresentar o seguinte texto: Utilize o cupom <span class=”discount – coupon”>{{DiscountCoupon}}</span> ao finalizar sua compra”. A tag “<spam …></spam>” é utilizada para destacar o código do cupom promocional e a “{{DiscountCoupon}}” é a variável que será trocada pelo conteúdo informado no campo Código do cupom.

Código do cupom: se sua estratégia é oferecer um cupom de desconto ao cliente quando o pop-up for disparado, o código do cupom deverá ser informado nesse campo. Caso não ofereça oferta por cupom, deixe esse campo vazio. Mas lembre-se que oferecer um cupom de desconto para o cliente ajuda a aumentar as vendas. DICA: crie um código de cupom que seja fácil memorizar, como: “EU-QUERO“, “PROMO“, “E-MEU” e assim por diante. Afinal, a intenção é que o cliente utilize o benefício, certo?

 Tipo: é o tipo de desconto do seu cupom, pode ser percentual ou um valor fixo.

% do cupom: se foi informado o código do cupom no campo anterior, informe o percentual de desconto que será oferecido ao cliente. Esse percentual será utilizado para calcular o novo valor do produto (com desconto) quando apresentar o pop-up para o cliente. Caso não ofereça oferta por cupom, deixe esse campo com valor zero.

Altere sua logo: como o overlay é apresentado como pop-up, é fortemente recomendado inserir o logo da empresa para manter a identidade visual do overlay de acordo com a loja virtual. 

Veja no exemplo abaixo como aparece o resultado desse pop-up no Google Analytics:

Note que a taxa de conversão do overlay (na linha destacada em vermelho) é 30,12%, quase o dobro que a taxa de conversão total do site, que é de 18,28%.

Pra saber mais sobre como ver esse relatório dentro do seu Google Analytics, clique aqui.

Aba Propriedades

Veja abaixo a explicação e utilização de cada campo na aba Propriedades.

Nome: é o nome do overlay. Essa informação aparecerá na janela anterior que lista os overlays existentes. Serve para facilitar a identificação do pop-up.

Posição: nesse campo é possível escolher a posição em que o pop-up aparecerá na tela.

Integrar Google Analytics?: quando o botão estiver azul e para a direita, significa que o overlay vai contabilizar dentro do Google Analytics as vendas que o cliente realizar através dele. No relatório do Analytics, vai listar a Origem(source)=SmartHint e Mídia(media)=Overlay-Cart.

Tipo: é como você deseja que seja a origem no google analytics, via UTM ou EVENT.

Texto do botão: aqui você pode alterar o texto que é apresentado no botão da retenção. Por padrão, aparece “Eu quero!”, mas você pode personalizar como quiser.

CSS padrão: nessa parte, consta o CSS da retenção em específico, que também pode ser personalizado como você desejar.

Aba Disparo

Veja abaixo a explicação e utilização de cada campo na aba Disparo.

Disparar na saída do site: para ativar basta apertar o botão. Ele ficará azul e irá para a direita. Por padrão, essa opção já vem ativada, ela faz com que a retenção dispare quando o cliente ameaçar sair do site.

Disparar por tempo: para ativar basta apertar o botão. Ele ficará azul e irá para a direita. Essa opção faz com que o pop-up seja disparado por tempo para o cliente.

Disparar por tempo no mobile: para ativar basta apertar o botão. Ele ficará azul e irá para a direita. Essa opção faz com que o pop-up seja disparado por tempo para o cliente que estiver navegando na loja através de um dispositivo móvel.

Disparar em… segundos: essa opção depende do disparo por tempo. Se estiver ativado, você pode escolher o tempo desejado para realizar o disparo.

Disparo: aqui você pode selecionar uma frequência para os disparos.

Dias/Horas: ao clicar nessa opção, você habilitará as opções de dias e horas específicos para disparo.

Data inicial/Data Final: nesse campo, você pode selecionar um período para que o pop-up seja disparado.

Botões do dia da semana: esses botões por padrão ficam todos ligados. Quando estão azuis significa que o pop-up está sendo disparado em todos os dias da semana. Caso você não deseje que dispare em algum dia da semana, basta clicar no botão do dia desejado e desativar. 

Botão +: ao clicar nesse botão, se abrem dois campos de horário. Nele você pode configurar um horário específico para a retenção ser disparada.

Ao configurar essas informações e ativar o pop-up, ele já estará funcionando na sua loja virtual.

Veja, no exemplo a seguir, onde as informações configuradas aparecerão no pop-up:

Compartilhar:
2021-08-02T21:16:25+00:00

Sobre o Autor:

Fundador e diretor de negócios da SmartHint, também é diretor regional Paraná da ABComm, com mais de 10 anos de experiência em comércio eletrônico para grandes marcas dos mais variados segmentos.