No concorrido espaço do e-commerce, capturar e manter a atenção do usuário é crucial para o sucesso. Em geral, os usuários de internet alternam entre várias guias, por isso, mantê-los longe de distrações durante a jornada de compra pode trazer grandes recompensas. Guias que piscam atraem a atenção sem ser excessivamente hostis ou invasivas. Um lembrete sutil de que a guia ainda está aberta, essa estratégia atrai gentilmente os usuários de volta à guia do seu site caso já tenham adicionado algum item ao carrinho de compras, potencialmente evitando o abandono do carrinho.
Nós usamos esse recurso no próprio site da Dynamic Yield e aumentamos a conversão (pedidos de demonstração) em 15%!
1º passo: criar uma campanha de código personalizado
Há diferentes tipos de campanha para sites que podem ser escolhidas ao criar uma experiência personalizada no seu site. Este caso de uso específico exige uma campanha de código personalizado, que é mais adequada para executar códigos de JavaScript na página. Comece ajustando as configurações da campanha:
- Acesse Site Personalization (Personalização do Site) › New Campaign (Nova Campanha) e clique em Custom Code (Código Personalizado).
- Em Name, dê um nome à campanha. Use um nome que descreva claramente a campanha ("Promoção para Guias Inativas", por exemplo).
- Em Label, dê um rótulo à campanha para categorizá-la e associá-la a tipos de campanha semelhantes ("Guia Inativa", por exemplo). Você pode, depois, filtrar e pesquisar sua lista inteira de campanhas com base em Notas e Rótulos.
- Selecione Trigger (Condição de Disparo) › Page Load (Carregamento da Página) para exibir a mensagem assim que o visitante chegar à página. Saiba mais sobre as opções de condições de disparo.
- Defina a frequência da campanha — neste caso, Once per pageview (Uma vez a cada visualização da página, a opção padrão).
2º passo: adicionar uma experiência direcionada
Todas as campanhas são compostas por 1 ou mais experiências. Cada experiência pode ser direcionada para diferentes segmentos de visitantes. Neste caso, vamos criar duas experiências com base nos públicos aos quais queremos direcionar:
- Em Name, dê um nome à experiência. Use um nome que descreva claramente a experiência ("Promoção para Novos Usuários", por exemplo).
- Defina as condições de direcionamento (targeting):
- Who (Quem): selecione a condição New User (Novo Usuário) E (AND) Device category (Categoria de Dispositivo) › Desktop
- Where (Onde): você pode selecionar as páginas para as quais deseja que a guia seja alterada. Por exemplo, você pode excluir páginas 404 ou pode executar essa promoção somente para páginas ou tipos de página específicos.
- When (Quando): a menos que queira limitar a exposição da guia piscando a uma data e horário específicos, você pode deixar este campo com o valor padrão, All the time (Sempre).
- Clique em Next (Próximo) para adicionar suas variações de conteúdo.
3º passo: criar uma variação usando um modelo
As variações incluem o conteúdo em si que você fornecerá aos seus visitantes direcionados. Você pode criar uma única variação ou múltiplas variações e testar ou otimizar qual das variações ressoa mais com o seu público.
- Clique em New Variation (Nova Variação).
- Expanda a coleção de modelos da Dynamic Yield e selecione o modelo Replace Inactive Tab (Substituir Guia Inativa).
- Em Name, dê um nome à variação que descreva o conteúdo ("15% de desconto", por exemplo). Dica útil: use um nome curto que permite a você reconhecer facilmente essa variação nos relatórios.
- Insira o título da guia e um emoji opcional. Use uma frase curta e chamativa, pois a visibilidade da mensagem é limitada e depende do número de guias que o usuário tiver abertas no navegador (por exemplo, "Novos usuários ganham 15% de desconto", "Cadastre-se para ganhar 15% de desconto").
- Insira o favicon do seu site.
- Na seção ADVANCED (Avançado) da variável, você pode definir Animation Speed (Velocidade de Animação) e Inactivity Timeout (Tempo de Limite de Inatividade). Os valores padrão são baseados nas normas da indústria.
- Clique em Save Variation (Salvar Variação).
4º passo: incluir variações adicionais de conteúdo
Criar múltiplas variações para uma única experiência permite a você fazer testes A/B ou otimizar dinamicamente qual conteúdo é melhor para o seu público. Neste caso de uso específico, repita o 3º passo para incluir uma variação adicional. Saiba mais sobre as formas disponíveis de criar variações.
- Clique em New Variation (ou você pode duplicar a primeira variação clicando no ícone de opções adicionais )
- Crie uma nova variação para a experiência de novos usuários.
- Defina um Grupo de Controle. Isso é essencial para medir o incremento. Recomendamos configurar o grupo de controle para entre 10% e 15% do seu tráfego.
5º passo: criar um teste A/B
O método de alocação determina como as variações são fornecidas ao seu público direcionado e permite a você fazer um teste A/B ou deixar que a plataforma aloque dinamicamente o tráfego à variação de melhor desempenho.
- Nesse caso, devemos fazer um teste A/B entre as variações. Nós fazemos isso porque esperamos adotar a variação vencedora por um longo período e não há limite de tempo para coletar os dados.
- Como nosso principal KPI nesse cenário são as conversões, selecione Purchases (Compras) como a sua Primary Metric (Métrica Principal). Saiba mais sobre selecionando sua métrica principal.
- Em Experience advanced settings (Configurações avançadas da experiência) você pode ajustar o comportamento de exibição, as atribuições de conversão e as configurações de testes A/B de todas as variações em cada experiência. Recomendamos que você mantenha a configuração padrão. Saiba mais sobre as opções avançadas de configuração.
- Clique em Save Experience (Salvar Experiência).
6º passo: criar experiências adicionais
- Adicione uma experiência para seus usuários existentes: duplique sua experiência de novos usuários e faça os ajustes necessários de direcionamento e variação.
- Use Save and Publish para salvar e publicar sua campanha.