Cómo aplicar un DELAY EN BLOQUES en GreatPages

Para añadir un retraso de apertura a un elemento específico, sigue el tutorial a continuación:

Accede al editor de páginas;

1. Accede al editor de páginas;;

2. Haz clic en el icono de engranaje situado en la esquina superior derecha de la pantalla y, a continuación, haz clic en "Javascript/CSS"

3. A continuación, haga clic en Agregar código

4. Asigna un nombre a tu código, clasifícalo como "Funcionamento" (Funcionamiento) y, a continuación, inserta todo el código que aparece más abajo en el campo de texto

<script>
/* Preencher abaixo com o(s) elemento(s) que deseja mostrar após 5s. */
var elementos =  ['e_0000001','e_0000002'];

for(i=0;i < elementos.length;i++){document.getElementById(elementos[i]).style.display = 'none';}

/* Tempo em 5 segundos */ 
var tempo_elementos_abrir = 5;

/** Variáveis de controle NÃO ALTERAR **/
var intervalo_elementos;
var tempo_elementos = 0;
intervalo_elementos = setInterval(MostrarElementos, 1000);

function MostrarElementos() {
    tempo_elementos++;
    console.log('Executou: ',tempo_elementos);
    if (tempo_elementos >= tempo_elementos_abrir) {
        for (var i = 0; i < elementos.length; i++) {
            $('#' + elementos[i]).removeClass('esconder_mobile esconder_desktop').css({
                'display': 'block'
            });
        }
        tempo_elementos = null;
        clearInterval(intervalo_elementos);
        GreatLoader('atualizar');
    }
}
</script>

Después, deberás identificar y copiar el ID (identificador) del elemento que quieras que aparezca en la página tras un cierto periodo de tiempo..

5. Haz clic de nuevo en "Editar" en el elemento;

6. A continuación, localiza el menú "Code" y haz clic para copiar el ID del campo "Element CSS selector";

Após isso, copie este identificador e guarde-o para o próximo passo.

7. Vuelve a la pestaña "Javascript & CSS" dentro del editor de páginas, abre el código que añadiste y sustituye el ID de ejemplo por el ID de tu elemento. No añadas ningún carácter adicional;

8. Asimismo, modifique la hora de inicio de este elemento en el campo indicado a continuación. Tenga en cuenta que este tiempo se mide en segundos;

9. Una vez hecho esto, guarda los cambios y publica tu página.

¿Tienes alguna pregunta? Contacta con nuestro equipo de soporte. ¡Estamos siempre aquí para ayudarte!

Actualizado el: 14/08/2026