Dê às seções do Editor Intuitivo um toque visual único com movimentos e efeitos personalizados nos blocos.

É possível adicionar e personalizar animações para alguns blocos. As animações são uma ótima maneira de atrair a atenção dos visitantes para conteúdo importante e diferenciar a marca das demais.

Essas animações de bloco estão disponíveis para alguns blocos em seções do Editor Intuitivo na versão 7.1. Você pode adicionar outras animações de bloco de imagem em qualquer site do Squarespace.

Adicionar animações a um bloco

As animações de blocos são específicas para blocos individuais e substituem quaisquer animações em todo o site que você tenha ativado. Para adicionar animações de bloco:

1. Abra o painel de Páginas e clique na página com sua seção do Editor Intuitivo.
2. Clique em Editar na página, depois em Adicionar bloco, e adicione um bloco que aceite animações.
3. Clique no bloco e, em seguida, clique no ícone de lápis na barra de ferramentas do bloco. Você também pode adicionar animações aos Empilhados.
4. Clique em Animação e, em seguida, clique em +.
5. No menu suspenso, selecione um gatilho. O gatilho ativará a animação para os visitantes.
6. Selecione uma opção de animação preset e personalizável ou clique em Começar do zero para criar sua animação do zero.
7. Clique em Voltar e depois em + para adicionar mais animações.

Escolha um gatilho para a animação do seu bloco

Ao adicionar uma animação, primeiro você selecionará qual ação fará com que a animação comece a ser reproduzida. Escolha entre:

• Ao passar o cursor - a animação é executada quando um visitante passa o cursor sobre o bloco
• Ao pressionar - a animação é reproduzida quando um visitante clica ou toca no bloco
• Loop - a animação é reproduzida de forma contínua
• Ao rolar – a animação é reproduzida quando um visitante rola a página
• Ao aparecer - a animação é reproduzida quando o bloco aparece na página
• Seguir - a animação segue o cursor do visitante

Personalize suas animações de bloco

Dependendo do acionador, é possível personalizar como o bloco é exibido em diferentes pontos durante uma animação e o tempo geral de uma animação.

Para editar as configurações personalizadas de uma animação:

• Ao adicionar uma animação, clique em Comece do zero.
• Clique em um preset e, em seguida, clique no ícone Edit no canto superior direito.
• Clique em qualquer animação personalizada que tenha sido adicionada na aba Animação do bloco.

Ver prévia das animações de bloco

Você pode visualizar animações individuais em um bloco ou visualizar todas as animações na página.

Visualizar animações de blocos individuais

Para visualizar uma animação de bloco enquanto ela é editada, clique em Visualizar abaixo das configurações personalizadas.

Para visualizar uma animação de bloco que já foi adicionada ao bloco:

1. Ao editar a página, clique no bloco e, em seguida, clique no ícone de lápis.
2. Clique em Animação.
3. Clique no botão de reprodução ao lado da animação que você deseja visualizar.

Visualize todas as animações de blocos

Para visualizar todas as animações de bloco em uma página com seções do Editor Intuitivo, clique no botão Visualizar no canto superior direito da página. É possível usar isso para visualizar como qualquer página do seu site aparecerá para os visitantes.

Excluir uma animação de bloco

Para excluir uma animação:

1. Ao editar a página, clique no bloco e, em seguida, clique no ícone de lápis.
2. Clique em Animação.
3. Passe o cursor sobre a animação que você quer excluir e clique no ícone da lixeira.