Adicione animações de entrada e rolagem a widgets e elementos da página para tornar seu site mais interativo e memorável. Use animações para destacar áreas importantes, como um número de telefone ou um botão de contato.
Controle onde cada animação começa e termina na sua tela ajustando as configurações de rolagem.
- Utilize animações com moderação para evitar distrair os usuários.
- Se você não visualizar as alterações, verifique se as animações estão definidas no nível da linha ou do widget.
Importante:
Animações em excesso podem desorientar os visitantes. Utilize-as apenas para enfatizar conteúdo importante ou chamadas à ação.
Adicionar animações
Siga os passos abaixo para adicionar uma animação a um widget.
Passo a passo:
-
Clique com o botão direito do mouse em qualquer linha ou widget para abrir o menu de contexto.
Se estiver usando o modo flexível, clique com o botão direito do mouse no elemento e selecione Editar design.
-
Passe o cursor sobre a animação.
Se estiver no modo flexível, o painel Design será aberto automaticamente. Clique na seção Animação.
- Selecione uma das seguintes opções:
- Entrada: Escolha uma animação que será reproduzida quando o widget for carregado.
- Rolagem: Selecione uma animação que será acionada quando o usuário rolar a página até o widget.
-
Personalizar: Escolha o gatilho da animação (Entrada ou Rolagem) e, em seguida, selecione a animação. A opção Personalizar não está disponível no modo flexível.
- Para animações de entrada, defina a Duração, o Atraso e a Intensidade.
- Para animações de rolagem, defina Entrada ou Saída, Direção e Intensidade.
Para redefinir a animação, clique em Configurações padrão.
Para pausar as animações de rolagem durante a edição, clique em "Pausar animação" no painel lateral. As animações permanecem ativas na pré-visualização e no seu site publicado.
Observação:
As animações definidas para desktop e tablet estão vinculadas. As animações para dispositivos móveis são separadas e devem ser configuradas individualmente.
Remover animações
Para remover as animações de entrada:
- Clique com o botão direito do mouse em qualquer linha ou widget para abrir o menu de contexto.
- Ao passar o cursor sobre Animação
- Posicione o cursor sobre Entrada ou Rolagem e selecione Nenhum.