como fazer botão com ícone optimizepress

Como Criar Botão com Ícone no Optimizepress

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

Você já se deparou com algum botão com ícone numa control action e achou bem legal, mas não sabe como fazer isso no Optimizepress?

Nesse post irei explicar como fazer isso (que é super simples) com qualquer ícone e em qualquer botão de suas páginas criadas em Optimizepress.

Confesso que para mim, isso ajudou a deixar as controll action mais dinâmicas e se você ainda não sabe fazer isso, vai te ajudar também!

 

Então vamos lá:

Para colocar o ícone em seu botão, basta escolher o ícone que quer utilizar no seu botão e colocar esse código: <i class= “fa nome do ícone”></i>.

Veja o gráfico com as possibilidades: (Você pode encontrar também diretamente no site oficial dos ícones: http://fontawesome.io/icons/)

fontowesome-icones-tags-infografico

Super simples não é mesmo?

 

Vamos ver alguns exemplos:

botao com icone optimizepress

Nesse exemplo o texto utilizado foi:  Pegue Agora seu Ebook <i class=”fa fa-sign-out”></i>

 

 

 

 

botao icone optimizepress downloadNesse exemplo o texto utilizado foi: Download Gratuito  <i class=’fa fa-cloud-download’></i>

 

Agora, é só você usar sua expertise e criar botões com um pouco mais de interação, que bem usados, aumentarão suas conversões! O que para nós, é mais que essencial.

 Gostou desse artigo e quer aprender mais sobre Optimizepress? Conheça o Curso Optimizepress na Prática e use todo o potencial dessa ferramenta!

 

Grande abraço e até o próximo post,

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!

3 Comentários

  • Cristiano

    Responder Responder 16 de março de 2017

    Fiz e não deu certo. Não é necessário colocar nenhum código css na página?

    • Camila Schneider

      Responder Responder 29 de março de 2017

      Oi Cristiano! Tudo bem? Depois das atualizaçoes do OptimizePress, esse recuros deixou mesmo de funcionar.
      Irei editar o post.
      Grande abraço,
      Camila

    • Camila Schneider

      Responder Responder 5 de abril de 2017

      Oi Cristiano, tudo bem? Acredito que após as atualizações do OP algumas funções, como essa por exemplo não estão mais funcionando… Irei atualizar o post falando sobre isso.

      Grande abraço,
      Camila

Deixe um Comentário

* Indicar Campos Obrigatórios