Como esconder botões e seção temporizados em uma landing pages sem deixar um espaço vazio

Assista Aqui
				
					<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<!--Início do codigo para delay de conteudo-->
<style>
    .esconder {
        display: none;
    }
</style>

<script>
        $(document).ready(function() {
        setTimeout(() => {
            $('.esconder').fadeIn('slow');
        }, 400 * 1 * 300000) // 30 é a quantidade em segundos do delay
    })
</script>

				
			

Passo 1: Criando uma Seção no Elementor Pro

  1. Abra a página que deseja editar com o Elementor Pro no seu WordPress.
  2. Adicione uma nova seção ou edite uma seção existente onde deseja aplicar o atraso na exibição.
  3. Dentro da seção, adicione o conteúdo desejado. Dê um nome à seção, se necessário.

 

Passo 2: Adicionando o Widget HTML

  1. Na mesma página do Elementor, vá para a área de edição da seção. Você pode fazer isso clicando na seção que deseja editar.
  2. No painel de widgets do Elementor, pesquise e arraste o widget “HTML” para a seção onde você deseja aplicar o atraso.
  3. No widget HTML, cole o código JavaScript que você forneceu no seu exemplo na área de conteúdo do widget.

 

Passo 3: Configurando o Atraso

  1. No seu código, você mencionou um atraso de 300 segundos (5 minutos) antes da exibição da seção. Se desejar, você pode ajustar o valor de atraso alterando o número no código, multiplicando o valor atual de 300000 (segundos). Lembre-se de que esse valor é em milissegundos, então, para atrasar por 5 segundos, você pode usar 5000.

 

Passo 4: Publicando a Página

  1. Após adicionar o widget HTML com o código JavaScript, certifique-se de que todas as configurações da seção estejam de acordo com suas preferências, como fundo, espaçamento, etc.
  2. Clique no botão “Atualizar” ou “Publicar” para salvar suas alterações na página.
A7 Empreendimentos Digital © CNPJ: 45.682.504/0001-77

Usamos cookies para personalizar conteúdos e melhorar a sua experiência. Ao navegar neste site, você concorda com a nossa Política de Cookies