Como configurar Overlay da SmartHint

Posts Recentes

Categorias

Como configurar Overlay da SmartHint

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

Para acessar a funcionalidade, basta acessar a SmartHint e clicar no menu “Retenção” conforme figura abaixo.

Clique no menu conforme apresentado na imagem (número 1).

Configurar Overlay da SmartHint

Por padrão, a SmartHint já cria três Overlays sendo eles:

Overlay “Não vá embora”, “Promoção Relâmpago” E “Última chance”

Lista de Overlays

Configurar Overlay da SmartHint tipo “NÃO VÁ EMBORA”:

O tipo de Overlay “Não vá embora” é acionado quando um cliente esta navegando na loja virtual e resolve sair por qualquer motivo ou disparado após um tempo determinado pelo lojista.

Regra: Quando o cliente move o mouse para fora da área da loja virtual, automaticamente este Overlay é acionado.O Overlay será apresentado somente uma única vez por sessão.

Importante: Lembre-se que para testar o Overlay é 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 Overlay seja apresentado novamente, será necessário deletar o cookie ou abrir nova janela anônima.

Janela de configuração:

Overlay tipo Não vá Embora

Através deste formulário é possível configurar todas as informações referente ao Overlay, em cada retenção possui três abas de configuração.

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

Tipo de ação: Refere-se a configuração do tipo de Overlay e regra de disparo que será apresentado. Esta opção já vem pré-configurada não sendo necessária alteração.

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

Ativo: Quando o botão estiver para direita, significa que o Overlay está ativo.

Texto adicional: Mais informação para apresentar ao usuário. É comum, quando é oferecido um benefício promocional ao cliente, 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 Overlay for disparado, o código deste cupom deverá ser informado neste campo. Caso não ofereça oferta por cupom, deixe este campo vazio. Oferecer um cupom de desconto para o cliente é recomendado para aumentar as vendas.

 

Importante: Crie o código de cupom que seja fácil memorizar como por exemplo: “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 ser algum 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. Este percentual será utilizado para calcular o novo valor do produto (com desconto) quando apresentar o Overlay para o cliente.  Caso não ofereça oferta por cupom, deixe este campo com valor zero.

Tipo de recomendação para exibir no overlay: Este Overlay utiliza uma vitrine de recomendação no layout. Nesta opção, você poderá escolher qual vitrine a SmartHint apresentará ao cliente quando o Overlay aparecer.

Veja no exemplo abaixo como aparece o resultado do Overlay no Google Analytics.

Configurar Overlay da SmartHint - Google Analytics Não vá embora

*Note neste exemplo 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 este relatório dentro do seu Google Analytics? Clique aqui e saiba mais.

Altere sua logo: Como o Overlay é apresentado como Pop Up, é fortemente recomendado inserir a logo marca da empresa para manter a identidade visual do Overlay com a loja virtual. O tamanho padrão é 424px x 114px.

Segunda aba de configuração:

Configuração da Aba de Propriedades

Na segunda aba de configuração que são as propriedades do Overlay.

Segue abaixo a explicação e utilização de cada campo.

Nome: É o nome do Overlay. Esta informação aparecerá na janela anterior que lista os Overlays existentes. Serve para facilitar a identificação do Overlay.

Integrar Google Analytics?: Quando o botão estiver para direita, significa que o Overlay vai contabilizar dentro do Google Analytics as vendas que o cliente for impactado. 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: Você pode selecionar nesse campo qual tipo de valor que irá aparecer na retenção, preço de, por ou a vista.

Símbolo moeda: Símbolo da moeda que será apresentado no Overlay. É recomendado a alteração desta informação para lojas virtuais de outros países. Por padrão, a SmartHint deixa “R$”, símbolo da 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!”, você pode personalizar a sua maneira.

CSS padrão: Nessa parte consta o CSS da retenção em especifico, que pode ser personalizado como você desejar.

Terceira aba de configuração:

Configuração da Aba Disparo

Na terceira aba de configuração que são as propriedades de disparo do Overlay. Segue abaixo a explicação e utilização de cada campo.

Disparar na saída do site: Para ativar basta apertar o botão, que ele irá para direita, por padrão essa opção já vem ativada, ela faz com que a retenção dispare na saída do site.

Disparar por tempo: Para ativar basta apertar o botão, que ele irá para direita. Essa opção faz com que o Overlay seja disparado por tempo para o cliente.

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

Dias/Horas: Ao clicar nessa opção habilita as opções de dias e horas específicos para disparo.

Data inicial/Data Final: Nesse campo pode ser selecionado um período para ser disparado o Overlay.

Botões do dia da semana: Esses botões por padrão estão todos ligados. Quando está azul significa que está disparando 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.

Botão +: Esse botão quando clicado abre abaixo dois campos de horário. Nele você pode configurar um horário especifico para a retenção ser disparada.

Configurando estas informações e deixando o Overlay Ativado, já estará funcionando na loja virtual.

Veja este exemplo de onde as informações aparecerão no Overlay.

Configurar Overlay da SmartHint Não Vá Embora

Comparativo de utilização dos campos do Overlay

Configurar Overlay da SmartHint tipo “OFERTA RELÂMPAGO”:

O tipo de Overlay “Oferta Relâmpago” é acionado quando um cliente esta no 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, inicia o contador de 60 segundos. Caso o cliente se mantenha no mesmo produto por 60 segundos, o Overlay Oferta Relâmpago aparecerá para ele. O Overlay será apresentado somente uma única vez por sessão.

Importante: Lembre-se que para testar o Overlay é 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 Overlay seja apresentado novamente, será necessário deletar o cookie ou abrir nova janela anônima.

Janela de configuração:

Configurar Overlay da SmartHint tipo Oferta Relâmpago

Através deste formulário é possível configurar todas as informações referente ao Overlay.

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

Tipo de ação: Refere-se a configuração do tipo de Overlay e regra de disparo que será apresentado. Esta opção já vem pré-configurada não sendo necessária alteração.

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

Ativo: Quando o botão estiver para direita, significa que o Overlay está ativo.

Texto adicional: Mais informação para apresentar ao usuário. É comum quando oferecido um benefício promocional ao cliente, aparecer 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 Overlay for disparado, o código deste cupom deverá ser informado neste campo. Caso não ofereça oferta por cupom, deixe este campo vazio. Oferecer um cupom de desconto para o cliente é recomendado para aumentar as vendas.

 

Importante: Crie o código de cupom que seja fácil memorizar como por exemplo: “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 ser algum 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. Este percentual será utilizado para calcular o novo valor do produto (com desconto) quando apresentar o Overlay para o cliente.  Caso não ofereça oferta por cupom, deixe este campo com valor zero.

Veja no exemplo abaixo como aparece o resultado do Overlay no Google Analytics.

Configurar Overlay da SmartHint - Google Analytics Oferta Relâmpago

Google Analytics Oferta Relâmpago

*Note neste exemplo 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%.

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

Altere sua logo: Como o Overlay é apresentado como Pop Up, é fortemente recomendado inserir a logo marca da empresa para manter a identidade visual do Overlay com a loja virtual. O tamanho padrão é 424px x 114px.

Segunda aba de configuração:

Configuração aba de Propriedades

Na segunda aba de configuração que são as propriedades do Overlay.

Segue abaixo a explicação e utilização de cada campo.

Nome: É o nome do Overlay. Esta informação aparecerá na janela anterior que lista os Overlays existentes. Serve para facilitar a identificação do Overlay.

Integrar Google Analytics?: Quando o botão estiver para direita, significa que o Overlay vai contabilizar dentro do Google Analytics as vendas que o cliente for impactado. 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: Você pode selecionar nesse campo qual tipo de valor que irá aparecer na retenção, preço de, por ou a vista.

Símbolo moeda: Símbolo da moeda que será apresentado no Overlay. É recomendado a alteração desta informação para lojas virtuais de outros países. Por padrão, a SmartHint deixa “R$”, símbolo da 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!”, você pode personalizar a sua maneira.

CSS padrão: Nessa parte consta o CSS da retenção em especifico, que pode ser personalizado como você desejar.

Terceira aba de configuração:

Configuração da Aba Disparo

Na terceira aba de configuração que são as propriedades de disparo do Overlay. Segue abaixo a explicação e utilização de cada campo.

Disparar na saída do site: Para ativar basta apertar o botão, que ele irá para direita, por padrão essa opção já vem ativada, ela faz com que a retenção dispare na saída do site.

Disparar por tempo: Para ativar basta apertar o botão, que ele irá para direita. Essa opção faz com que o Overlay seja disparado por tempo para o cliente.

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

Dias/Horas: Ao clicar nessa opção habilita as opções de dias e horas específicos para disparo.

Data inicial/Data Final: Nesse campo pode ser selecionado um período para ser disparado o Overlay.

Botões do dia da semana: Esses botões por padrão estão todos ligados estando azul, significa que está disparando em todos os dias da semana, caso você não deseja que dispare em algum dia da semana basta clicar no botão do dia desejado.

Botão +: Esse botão quando clicado abre abaixo dois campos de horário. Nele você pode configurar um horário especifico para a retenção ser disparada.

Configurando estas informações e deixando o Overlay Ativado, já estará funcionando na loja virtual.

Veja este exemplo de onde as informações aparecerão no Overlay.

Configurar Overlay da SmartHint Oferta Relâmpago

Comparativo de utilização dos campos do Overlay

Configurar Overlay da SmartHint tipo “ÚLTIMA CHANCE”:

O tipo de Overlay “Última chance” é acionado quando um cliente esta navegando na página do carrinho 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 este Overlay é acionado. O Overlay será apresentado somente uma única vez por sessão.

Importante: Lembre-se que para testar o Overlay é 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 Overlay seja apresentado novamente, será necessário deletar o cookie ou abrir nova janela anônima.

Janela da configuração:

Configurar Overlay da SmartHint tipo Última Chance

Através deste formulário é possível configurar todas as informações referente ao Overlay.

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

Tipo de ação: Refere-se a configuração do tipo de Overlay e regra de disparo que será apresentado. Esta opção já vem pré-configurada não sendo necessária alteração.

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

Texto adicional: Mais informação para apresentar ao usuário. É comum, quando é oferecido um benefício promocional ao cliente, 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 Overlay for disparado, o código deste cupom deverá ser informado neste campo. Caso não ofereça oferta por cupom, deixe este campo vazio. Oferecer um cupom de desconto para o cliente é recomendado para aumentar as vendas.

 

Importante: Crie o código de cupom que seja fácil memorizar como por exemplo: “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 ser algum 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. Este percentual será utilizado para calcular o novo valor do produto (com desconto) quando apresentar o Overlay para o cliente.  Caso não ofereça oferta por cupom, deixe este campo com valor zero.

Ativo: Quando o botão estiver para direita, significa que o Overlay está ativo.

Veja no exemplo abaixo como aparece o resultado do Overlay no Google Analytics.

*Note neste exemplo 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%.

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

Altere sua logo: Como o Overlay é apresentado como Pop Up, é fortemente recomendado inserir a logo marca da empresa para manter a identidade visual do Overlay com a loja virtual. O tamanho padrão é 424px x 114px.

Segunda aba de configuração:

Configuração da Aba Propriedades

Na segunda aba de configuração que são as propriedades do Overlay.

Segue abaixo a explicação e utilização de cada campo.

Nome: É o nome do Overlay. Esta informação aparecerá na janela anterior que lista os Overlays existentes. Serve para facilitar a identificação do Overlay.

Integrar Google Analytics?: Quando o botão estiver para direita, significa que o Overlay vai contabilizar dentro do Google Analytics as vendas que o cliente for impactado. 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: Você pode selecionar nesse campo qual tipo de valor que irá aparecer na retenção, preço de, por ou a vista.

Símbolo moeda: Símbolo da moeda que será apresentado no Overlay. É recomendado a alteração desta informação para lojas virtuais de outros países. Por padrão, a SmartHint deixa “R$”, símbolo da 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!”, você pode personalizar a sua maneira.

CSS padrão: Nessa parte consta o CSS da retenção em especifico, que pode ser personalizado como você desejar.

Terceira aba de configuração:

Configuração da Aba Disparo

Na terceira aba de configuração que são as propriedades de disparo do Overlay. Segue abaixo a explicação e utilização de cada campo.

Disparar na saída do site: Para ativar basta apertar o botão, que ele irá para direita, por padrão essa opção já vem ativada, ela faz com que a retenção dispare na saída do site.

Disparar por tempo: Para ativar basta apertar o botão, que ele irá para direita. Essa opção faz com que o Overlay seja disparado por tempo para o cliente.

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

Dias/Horas: Ao clicar nessa opção habilita as opções de dias e horas específicos para disparo.

Data inicial/Data Final: Nesse campo pode ser selecionado um período para ser disparado o Overlay.

Botões do dia da semana: Esses botões por padrão estão todos ligados estando azul, significa que está disparando em todos os dias da semana, caso você não deseja que dispare em algum dia da semana basta clicar no botão do dia desejado.

Botão +: Esse botão quando clicado abre abaixo dois campos de horário. Nele você pode configurar um horário especifico para a retenção ser disparada.

Configurando estas informações e deixando o Overlay Ativado, já estará funcionando na loja virtual.

Veja este exemplo de onde as informações aparecerão no Overlay.

Comparativo de utilização dos campos do Overlay

Se tiver dúvidas de como configurar o Overlay, entre em contato conosco clicando aqui.

Solicite uma demonstração da ferramenta

Compartilhar: