Nossas ferramentas de personalização funcionam em um sistema de ativadores e ações. Quando as condições de um ativador estão reunidas, ocorre uma ação que personaliza o site para o visitante. Use a personalização para criar experiências pessoais para os visitantes do site com base na hora do dia, tipo de dispositivo, localização geográfica e muito mais.

Para acessar e criar regras de personalização, clique em Personalizar (painel lateral do editor).

Para saber mais, assista ao vídeo a seguir:

Personalização de Ativadores

Ativadores permitem definir um conjunto de condições que, quando atendidas, executam automaticamente uma ação específica em seu site. Combine uma variedade de ativadores como horário, tipo de dispositivo ou local para criar uma experiência personalizada para os visitantes do site.

Escolha um Ativador

Você pode optar por inserir um ou mais dos seguintes ativadores:

• Dispositivo: de qual dispositivo o usuário está visitando (desktop, tablet ou celular)
• Local: de que local o usuário está visitando
• Horário: data/hora em que o usuário está visitando
• Visitas: o número de vezes que o usuário visitou
• URL da campanha: se o usuário acessa o site por um URL com parâmetros específicos na sequência de consulta
• Sem ativador: esta regra estará sempre ativada

Ações de Personalização

Ações permitem que você personalize a experiência de seu visitante, entregando a informação que ele possa ter perdido anteriormente ou apresentando oportunidades para ajudar a completar uma venda ou levá-lo a visitar o site.

Tipos de ação

• Linha Nova: cria uma nova linha em seu site que é exibida somente quando as condições para o ativador são atendidas. Você também pode usar isso para ocultar linhas ou conteúdo.
  Nota

  Não é compatível com o Editor 2.0

• Barra de notificações: em modelos mais recentes, ela aparecerá no final da página para ajudar a otimizar o Core Web Vitals.

• Popup: aciona um popup para exibir em seu site, chamando a atenção do usuário.
• JavaScript: JavaScript personalizado pode criar uma enorme variedade de efeitos. Recomendamos este recurso somente a usuários avançados familiarizados com JavaScript.

• Efeito Especial: os efeitos especiais são uma variedade de efeitos decorativos, como fogos de artifício, corações em queda ou flocos de neve, que podem dar a seu site um clima diferente. Adicione isso à sua página inicial ou em todo o site.

Modo de Edição de Regra

Quando usa a ação nova linha, você entra no Modo de Edição de Regra no Editor responsivo.

É um modo especial, em que só é possível editar a nova linha criada por essa ação. Você também pode:

• Mova esta linha para cima e para baixo na página clicando no botão Linha no canto superior esquerdo da linha e clicando nas setas para cima e para baixo.
• Oculte outras linhas da página clicando no ícone de olho.
• Veja a regra de personalização em diferentes modos de exibição para ter certeza que ela será exibida como deseja em dispositivos diferentes.

Efeitos Especiais

A regra de personalização de efeitos especiais adiciona animações ao seu site; por exemplo, corações flutuando ou folhas caindo. Use esses efeitos especiais para celebrar eventos ou adicionar um toque colorido.

Escolha um efeito especial

1. Clique no efeito especial que você deseja.
2. Clique no ícone da lupa para obter uma visualização rápida da aparência do efeito.

Configurações do Efeito

1. Alterne se o efeito será exibido na página inicial ou em todas as páginas.
2. Defina por quantos segundos o efeito deve aparecer (ou se dever ser permanente).

Construir suas próprias Regras de Personalização

Você pode construir suas próprias regras de personalização desde o começo. Selecione e personalize os ativadores e ações para sua regra de personalização em vez de selecionar uma regra predefinida.

1. No painel lateral do editor, clique em Personalizar.
2. Clique em Crie o seu.
3. Selecione um ou mais acionadores. Cada acionador define uma condição em que a ação associada acontecerá.
4. Personalize os ativadores selecionados.
5. Clique em Próximo.
6. Selecione uma ação a ser exibida. Você só pode usar uma ação por regra de personalização.
7. Clique em Próximo.
8. Personalize a ação selecionada. Clique em Próximo.
9. Visualize e salve a regra. Clique em Visualizar para ver como o site vai ficar com a regra ativada (clique no botão Voltar na parte superior direita do site para voltar ao Editor de Regra).
10. Depois de personalizar a regra, dê um nome exclusivo a ela e clique em Salvar Regra.

Assim que você publicar ou republicar seu site, a regra será ativada. Quando alguém visitar o site e as condições de acionamento forem atendidas, a ação selecionada aparecerá para o visitante automaticamente.

Personalização da Regra de Prioridade

Embora você possa ter várias regras de personalização em seu site ao mesmo tempo, apenas uma de cada ação pode estar ativa de cada vez. Compreender a prioridade da regra vai ajudar você a entender como seu site decide qual ação tomar. Se duas regras com o mesmo tipo de ação forem acionadas ao mesmo tempo, na mesma página, a que estiver com o nível mais alto na lista de regras entrará em vigor.

Ações diferentes

Duas regras com ações diferentes podem, no entanto, ser exibidas ao mesmo tempo. Por exemplo, se uma regra criar uma barra de notificação e outra, uma linha, e as duas forem acionadas ao mesmo tempo, a barra de notificação e linha serão exibidas.

Páginas diferentes

Duas regras com a mesma ação podem ser exibidas ao mesmo tempo, desde que estejam em páginas diferentes. Somente ações duplicadas na mesma página não serão exibidas.

Gerenciamento de regras de personalização

Regras de edição

Para editar uma regra, clique no ícone de engrenagem à direita do nome da regra, clique em Editar e selecione se deseja editar a ação ou o gatilho.

Ativar/ Desativar Regras

Para ativar ou desativar suas regras, clique no ícone de engrenagem ao lado de uma regra e selecione ativar/desativar.

Excluir Regras

Para excluir uma regra, clique no ícone de engrenagem à direita do nome da regra e clique em Excluir.