> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://ajuda.greatsoftwares.com.br/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# (MEDIANTE CÓDIGO) 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;;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/editarcerto_gbyu02.png =1059x300)

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"**

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/engrenagemcerto_16265dg.png =1059x216)

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_b1epls.png =650xauto)

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

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_13fbqd4.png =650x454)

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>
```

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_1qbp0ng.png =650x1768)

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;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_16589kc.png =650xauto)

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

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_1sot0k8.png =650x1417)

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**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_nutng6.png =650x480)

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**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_12yud5h.png =650x484)

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! :)