overlay 1

Como Usar o Elemento Overlay no Optimizepress

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

Em algum momento você deve ter se perguntado como criar aquela caixa que abre quando se clica em um botão, imagem ou link, não é mesmo? Por isso hoje estarei ensinando como usar o elemento Overlay no Optimizepress e suas possibilidades.

overlay 1

*Esse post faz parte da série de posts falando sobre o Elementos Optimizeprees, para ver os outros posts, clique AQUI.

 

Então, vamos falar sobre o OverlayOptimizer:

Qual sua Função?

O Overlay permite criar uma caixa que fica oculta na página, e é acionada por alguma ação, seja um clique ou a intenção de sair da página.

Quando Utilizar?

Ele pode ser usado em diferentes situações, as mais comuns são: caixas de opt-in (o opt-in aparece apenas depois da pessoa clicar no botão) e overpops (pop-ups nativas do Optimizepress).

Como Usar?

Agora é a parte mais legal desse post! Esse recurso é super simples de usar e possui diversas opções, vou usar aqui um exemplo, com botão, mas você pode usar com os outros recursos disponíveis e usar sua criatividade!

Então, para usar com um botão como no meu exemplo, você deve adicionar o elemento OverlayOptimizer e escolher sua opção de botão:

overlay2

Após inserir o seu botão, você terá uma caixa assim:

overlay3

 

Como é possível ver na imagem você tem agora um botão “dentro de uma caixa”, e para adicionar o que você quer que apareça quando alguém clicar em seu botão, basta clicar em adicionar elemento dentro dessa caixa em torno do seu botão:

overlay5

 

E aí você poderá adicionar o elemento que quiser (dentro das opções). Vou usar aqui como exemplo o formulário de opt-in, e após salvar a página, podemos ver como ficou:

overlay7

 

Quando clicamos no botão abre o Formulário Opt-in:

overlay 6

 

Bom, esse foi apenas um exemplo usando o OverlayOptimizer, mas você pode criar várias soluções para usá-lo e deixar suas páginas mais organizadas, conversivas e atraentes!

Também é possível criar Pop-Ups com o Overlay, e isso eu explico nesse outro post, AQUI.

 

Espero que esse post tenha te ajudado e se você quer aprender mais com quem realmente entende de Optimizepress, não deixe de conferir o Curso Optimizepress na Prática com o Leonardo Zanette!

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!

Deixe um Comentário

* Indicar Campos Obrigatórios