Codigos - Criação de Paginas para Lançamento

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

Assista Aqui

				
					<script data-minify="1" src="https://alexmarinho.com/wp-content/cache/min/1/ajax/libs/jquery/3.5.1/jquery.min.js?ver=1733613458"></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

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

Passo 2: Adicionando o Widget HTML

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.
No painel de widgets do Elementor, pesquise e arraste o widget “HTML” para a seção onde você deseja aplicar o atraso.
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

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

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.
Clique no botão “Atualizar” ou “Publicar” para salvar suas alterações na página.