Passar para o conteúdo principal
Todas as coleçõesConstrutor de Sites/BuilderRecursos e Ferramentas do Construtor
Como Aplicar Delay (Atraso) em Seções nas Suas Páginas Construídas na Rockty
Como Aplicar Delay (Atraso) em Seções nas Suas Páginas Construídas na Rockty

Aprenda a configurar um atraso para que seções apareçam após um tempo determinado, otimizando a apresentação de conteúdo nas suas páginas

Sylas avatar
Escrito por Sylas
Atualizado essa semana

Introdução

O recurso de delay (atraso) é uma estratégia poderosa de marketing! 💡 Ele permite que certos elementos ou seções de uma página se tornem visíveis apenas após um tempo pré-definido. Isso é útil em várias situações, como exibir um botão de compra no momento exato em que um vídeo de vendas menciona a oferta. Neste tutorial, você aprenderá como aplicar delay em seções usando a Rockty, garantindo que o conteúdo certo apareça no momento ideal para seus visitantes.


⏳ Aplicando Delay em Seções

Aplicar delay em seções é ideal para mostrar vários elementos ao mesmo tempo, como texto, imagens e botões, tudo dentro de um único container. Essa configuração permite atrasos de até 59 minutos, sendo perfeita para apresentações de conteúdo que necessitam de um tempo específico para serem exibidas.


🔧 Passo a Passo para Aplicar Delay em Seções:


1️⃣ Configurações da Seção:

Clique na engrenagem da seção (container), indicada pela linha verde água, para acessar as opções de configuração.


2️⃣ Opção Avançada:

Selecione a aba ‘Avançado’.


3️⃣ Configurar Evento:

Em eventos que disparam uma ação, clique no ícone com o símbolo “+” e selecione ‘Página visitada’.


4️⃣ Ação de Atraso:

Clique em ‘Página visitada’ novamente e escolha a opção ‘Aguardar para aparecer’.


5️⃣ Definir Tempo de Delay:

Insira o tempo desejado para o atraso (delay) usando as caixas de Minutos ‘M’ e Segundos ‘S’. Você pode inserir os valores manualmente ou ajustar usando as setas para cima e para baixo.

Nota: O tempo máximo de delay é de 59 minutos.


6️⃣ Salvar e Publicar:

Após definir o tempo de atraso, clique para salvar e depois publique a página para que as configurações entrem em vigor.

🔔 Importante: O delay configurado terá efeito apenas na página publicada.


7️⃣ Remover Delay:

Para remover o delay da seção, clique no ícone de lixeira ao lado do texto do evento de ‘Página visitada’.


💡 Dica para Aplicação de Delay em Seções:

Isolar Elementos: Para evitar confusões e sobreposições, isole elementos que você deseja aplicar delay em seções separadas. Por exemplo, se você deseja aplicar delay em um botão e um texto, coloque-os em uma seção (container) separado do restante da página.


Conclusão

Aplicar delay em seções pode ser uma ferramenta poderosa para controlar a visibilidade de conteúdos importantes na sua página, aumentando a interação do usuário no momento certo. Experimente diferentes tempos de atraso para ver o que funciona melhor para o seu objetivo e lembre-se de testar na página publicada! 📝


🔍 Dicas Adicionais:

  • Teste na Página Publicada: Sempre verifique o comportamento do delay na versão publicada da página, pois as configurações de atraso só funcionam no ambiente ao vivo.

  • Evite Atrasos Excessivos: Aplique o delay com moderação para não causar frustração ao usuário ao aguardar muito tempo para ver um conteúdo importante.

  • Acompanhe o Impacto do Delay: Observe como a aplicação de delay afeta a experiência do usuário e o desempenho da página. Verifique se o atraso está contribuindo para os objetivos desejados, como maior engajamento ou melhor timing de apresentação de ofertas.

  • Use o Delay com Propósito: Utilize o atraso para destacar momentos importantes ou para criar uma experiência interativa mais envolvente. Evite usar o delay de forma excessiva, pois isso pode confundir os usuários ou tornar a navegação menos fluida.

  • Considere o Contexto do Usuário: Lembre-se de que o delay deve complementar a experiência do usuário, não sobrecarregá-la. Avalie como o atraso pode ser usado para melhorar a comunicação da mensagem e não apenas para adicionar um efeito visual.


Precisa de Ajuda? 🤔

Se tiver dúvidas ou precisar de suporte adicional, entre em contato com nossa equipe de Suporte! Estamos aqui para ajudar!

Respondeu à sua pergunta?