delay3

Como aplicar o Efeito Delay no Optimizepress

0 Flares Twitter 0 Facebook 0 Pin It Share 0 Google+ 0 LinkedIn 0 Filament.io 0 Flares ×

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:

delayVai 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:

delay2

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.

delay3O 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

 

0 Flares Twitter 0 Facebook 0 Pin It Share 0 Google+ 0 LinkedIn 0 Filament.io 0 Flares ×

Sobre o autor 

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!

About The Author

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é

    Responder Responder 15 de setembro de 2016

    Olá!
    Depois que coloco código a página não salva. Será o que estar acontecendo?

    • Camila Schneider

      Responder Responder 16 de setembro de 2016

      Oi 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

    Responder Responder 21 de setembro de 2016

    Descobri 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

      Responder Responder 21 de setembro de 2016

      Oi 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

    Responder Responder 14 de outubro de 2016

    Exatamente, as aspas estavam causando o problema. Obrigado por compartilhar.

  • Maik

    Responder Responder 22 de maio de 2017

    Olá! 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

      Responder Responder 14 de agosto de 2017

      Oi 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

    Responder Responder 20 de julho de 2017

    Olá,

    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

      Responder Responder 14 de agosto de 2017

      Oi 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

    Responder Responder 7 de agosto de 2017

    Gostaria 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

      Responder Responder 14 de agosto de 2017

      Oi 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

* Indicar Campos Obrigatórios