Como aplicar um DELAY EM ELEMENTOS no GreatPages
Para adicionar um tempo de demora de abertura (delay) em um elemento específico siga o tutorial abaixo:
Acesse o editor de páginas;
Clique no Ícone de engrenagem localizado no canto superior direito da sua tela, e em seguida clique em "Javascript/CSS";

Em seguida, clique em Adicionar código;

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;

Depois disso, você precisará identificar e copiar o ID (identificador) do elemento que deseja que apareça na página depois de um determinado tempo. Para identificar o ID de um elemento, siga os próximos passos;
Clique em "Pré-visualizar" no canto superior direito da sua tela;

Agora, com o botão direito do mouse você precisará dar um clique no elemento em que deseja aplicar o delay e selecionar a opção "Inspecionar elemento";

Abrirá no canto direito da tela uma caixa onde você terá que identificar qual é o ID do elemento, que no padrão de códigos do GreatPages ficará assim: "e_000000" ou "e_000000_0_000000000000000000".
Após isso, copie este identificador e guarde-o para o próximo passo;

Volte até a aba "Javascript & CSS", dentro do editor de páginas, abra o código que você adicionou e substitua o ID de exemplo, pelo ID do seu elemento. Não adicione nenhum caractere a mais;

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

Feito isso, salve as alterações e publique a sua página.
Ficou com alguma dúvida? Acione nosso suporte. Estamos sempre à disposição para ajudar!
Acesse o editor de páginas;
Clique no Ícone de engrenagem localizado no canto superior direito da sua tela, e em seguida clique em "Javascript/CSS";

Em seguida, clique em Adicionar código;

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

Depois disso, você precisará identificar e copiar o ID (identificador) do elemento que deseja que apareça na página depois de um determinado tempo. Para identificar o ID de um elemento, siga os próximos passos;
Clique em "Pré-visualizar" no canto superior direito da sua tela;

Agora, com o botão direito do mouse você precisará dar um clique no elemento em que deseja aplicar o delay e selecionar a opção "Inspecionar elemento";

Abrirá no canto direito da tela uma caixa onde você terá que identificar qual é o ID do elemento, que no padrão de códigos do GreatPages ficará assim: "e_000000" ou "e_000000_0_000000000000000000".
Após isso, copie este identificador e guarde-o para o próximo passo;

Volte até a aba "Javascript & CSS", dentro do editor de páginas, abra o código que você adicionou e substitua o ID de exemplo, pelo ID do seu elemento. Não adicione nenhum caractere a mais;

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

Feito isso, salve as alterações e publique a sua página.
Ficou com alguma dúvida? Acione nosso suporte. Estamos sempre à disposição para ajudar!
Atualizado em: 04/05/2024
Obrigado!