Nesse post quero falar sobre o delay, um recurso do Optimizepress que é muito útil e simples de usar.
O efeito delayed (conhecido como delay) que faz com que os elementos de uma página apareçam após um tempo determinado.
Para aplicar esse efeito nos elementos é muito simples, basta clicar na engrenagem do elemento como na imagem abaixo:
Vai abrir uma caixa de opções, para retardar o aparecimento desse elemento, role até a opção de delayed e coloque o tempo em segundos que gostaria que o elemento demore para aparecer:
Dessa forma você consegue fazer com que elementos específicos fiquem escondidos, mas quando precisar retardar uma página inteira, fazer isso em cada elemento se torna muito cansativo!
Por isso, para aplicar o efeito delay na página toda de uma só vez, basta colocar o código abaixo na primeira linha que você quer esconder.
O código é esse:
<div data-fade=”1000” style=”display:none;”/>
No lugar do 1000 em vermelho, coloque o tempo de segundos que precisa. Simples, não é mesmo? Isso economizou muito tempo da minha vida, e espero que te ajude também!
OBS.: Observe como o código ficará em seu site ele deve ficar como na imagem acima, se for necessário, corrija-o!
Para ver mais artigos sobre os elementos Optimizepress, clique AQUI.
Se você gostou desse artigo deixe o seu curtir e comente abaixo!
Grande abraço,
Camila
Sobre o autor Camila Schneider
Empreendedora (ou aventureira) online há 4 anos, iniciei com e-commerce, hoje trabalho com Marketing Digital e me apaixonei pelo Optimizepress desde quando comecei a quebrar a cabeça com ele!
11 Comentários
André
15 de setembro de 2016Olá!
Depois que coloco código a página não salva. Será o que estar acontecendo?
Camila Schneider
16 de setembro de 2016Oi André, td bem? Que estranho.. Normalmente salva, seu Wp e Op estão atualizados? Pode ser alguma coisa com as atualizações. Se o problema persistir, entre em contato novamente.
Abraços,
Camila
Lucio
21 de setembro de 2016Descobri o erro!
O problema está na hora que copiamos o código de sua página, as ASPAS que são copiadas não funcionam, tem que editar para inserir aspas manualmente.
Tenta colocar texto sem formatação alguma ai no seu post que vai ajudar muitos como eu!
Abraços
Camila Schneider
21 de setembro de 2016Oi Lucio, td bem? No post está sem nenhuma formatação, o correto sempre é averiguar se o código está correto dentro do Op, ok? Que bom que resolveu a questão! Abraços
Vicente Sichonany
14 de outubro de 2016Exatamente, as aspas estavam causando o problema. Obrigado por compartilhar.
Maik
22 de maio de 2017Olá! Como faço para que o delay só funcione na primeira visita? E após a pessoa atualizar a página ou acessar pela segunda vez o delay não funcione mais e apareça todo o conteúdo da página?
Obrigado.
Camila Schneider
14 de agosto de 2017Oi Maik, tudo bem?
Interessante essa questão. Eu ainda não sei de uma maneira para fazer isso, mas estarei pesquisando e posto aqui!
Abraços
Rodrigo
20 de julho de 2017Olá,
Estou inserindo o código para “esconder” a página de um ponto em diante na minha página, mas ele não está funcionando.
Quando olho o código-fonte da página, o código até aparece lá, mas o efeito não ocorre, sempre abre tudo de uma só vez.
Tem alguma outra dica pra fazer funcionar?
Grato
Rodrigo
Camila Schneider
14 de agosto de 2017Oi Rodrigo, tudo bem? O Optimziepress após as atualiações está usando outros recursos para o delay.
Se você atualizou vá até a row e coloqueo delay no editar (lápis).
Espero que funcione, qualquer dúvida, nos escreva novamente!
Abraços,
Camila
Willians Felipe Curvello
7 de agosto de 2017Gostaria de saber como faço para tirar o espaçamento lateral da minha landing page no optimizepress todas as minhas landing ficam com os conteúdos alinhadas no centro da página e nas laterais fica muito espaço queria conseguir usar mais o espaço lateral.
Camila Schneider
14 de agosto de 2017Oi Willians, tudo bem?
Utilize os templates full, alguns templates de página em branco possuem muito espaçamento mesmo.
Qualquer dúvida, entre em contato novamente!
Abraços
Deixe um Comentário