> ## 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).

# (Via Código) Como aplicar DELAY em BLOCOS no GreatPages

Para adicionar um **tempo de demora de abertura (delay) de um ou mais blocos** siga o tutorial abaixo:

1. Acesse o editor de páginas;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_1fcls7m.png =650x385)

2. Clique no **ícone de engrenagem** localizado no canto superior direito da sua tela, e em seguida clique em **"Javascript/CSS"**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_10mps6f.png =650x182)

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_4i6kuz.png =650x407)

3. Clique em adicionar **Adicionar código**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_17pp30r.png =650x414)

4. Dê um nome para o seu código, classifique ele como **"Funcionamento"** e em seguida **inseria todo o código abaixo** no campo de texto; 

__Para apenas um elemento:__
EXEMPLO: var elementos = ['e\_0000000'];

__Para vários elementos:__
EXEMPLO: var elementos = ['e\_000001', 'e\_000002', 'e\_000003'];
(Note que o último NÃO POSSUI VÍRGULA).

```
<script>
/* Preencher abaixo com o(s) bloco(s) que deseja mostrar após 5s. */
var blocos = ['b_000001', 'b_000002', 'b_000003'];

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

/* Váriaveis de controle NÃO ALTERAR */
var intervalo_blocos;
var tempo_blocos = 0; 
intervalo_blocos = setInterval(MostrarBlocos, 1000);

function MostrarBlocos() {
    tempo_blocos++;
    if (tempo_blocos >= tempo_blocos_abrir) {
        for (var i = 0; i < blocos.length; i++) {
            $('#' + blocos[i]).removeClass('esconder_mobile esconder_desktop').css({
                'display': 'block'
            });
        }
        tempo_blocos = null;
        clearInterval(intervalo_blocos);
    }
}
</script>
```

5. Em seguida, você precisará identificar e copiar o ID do bloco que deseja que apareça na página depois de um determinado tempo. [Para identificar o ID de um bloco, clique aqui e acesse nosso tutorial completo;](https://ajuda.greatsoftwares.com.br/pt-br/article/como-identificar-o-id-de-um-bloco-no-greatpages-ylaft7/)

6. Depois de identificar o ID dos blocos, volte até a aba **"Javascript & CSS"**, dentro do editor de páginas, abra o código que você adicionou para acionar o delay na página, e substitua o ID de exemplo, pela ID do seu bloco. **Não adicione nenhum caractere a mais**;

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

7. Altere também o tempo de abertura deste bloco no campo indicado abaixo. Lembrando que este tempo é contabilizado em **Segundos**;

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

8. Feito isso, salve as alterações e volte ao editor de páginas;

9. Dê um clique no bloco que deseja aplicar o delay, em seguida clique em **"Editar"** e oculte ele no Desktop e no Mobile. **Essa ação é essencial para que código mostre estes elementos novamente depois do tempo que você determinou no código**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_ffxbgj.png =650x203)

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_1rcaaal.png =650x535)

13. Por fim, publique sua página.

Ficou com alguma dúvida? Acione nosso suporte. Estamos sempre à disposição para ajudar! :)