Saiba mais sobre algumas das possibilidades simples de usar o HTML-widget em seus formulários digitais. Com o HTML-widget você adiciona texto e imagens usando HTML


1. Adicionando um texto


Você pode adicionar texto aos seus Formulários digitais usando o HTML-widget, como informações gerais, termos & condições ou certificados. Com o HTML-widget, você pode usar qualquer código HTML. Para adicionar o texto desejado entre este código HTML: 


<p>TEXTO</p>


Se você quiser adicionar o texto em um tipo de letra em negrito, então o código HTML é:


<p><b>TEXTO</b></p>


É possível adicionar texto em itálico, para isso use:


 <p style="font-style: italic;">TEXTO</p>


Se você tem um estilo de fonte preferido, que você gostaria que seu texto estivesse, você pode mudar a fonte para o estilo desejado. Para fazer isso, você precisará usar o seguinte código: 


<font face="PREFERRED STYLE"<p>TEXTO</p>


 Por exemplo, se você quiser usar um tipo de letra Times New Roman, este é o código: 


<font face="Times New Roman"<p>TEXTO</p>


2. Adicionando pontos 


Você também pode adicionar pontos no HTML-widget. Você pode usar pontos para retratar exemplos ou opções. Use este código HTML para os pontos: 


<p><ul style="list-style: inside disc">
<li>TEXTO</li>
<li>TEXTO</li>
<li>TEXTO</li>


3. Adicionando uma imagem 


Também poderá adicionar uma imagem usando este widget, você pode usar esta opção, por exemplo, para o logotipo da sua empresa. Certifique-se de que você tenha um URL da imagem que deseja adicionar. Depois de ter o URL da imagem, use este código HTML: 


<div style="text-align: center"><img src="IMAGE URL" width="660" height="100" style="max-width: 100%"></img></div>


Como você pode ver, você pode personalizar a largura e a altura da imagem no código HTML. 


4. Adicionando um link URL  


É possível adicionar um link de URL usando o HTML-widget. Use o seguinte código para esta opção: 


 <a href="URL LINK" onclick="window.open(this.href,'_system'); return false;">TEXTO</a>


Você pode adicionar um texto apresentando o link do URL, por exemplo: 

Para alcançar este design de ter um texto acima do link de URL, você usa o seguinte código: 


<center>I Love Digital Forms<b> <a href="https://platform.moreapp.com/#/signup";; onclick="window.open(this.href,'_system'); return false;">Sign Up Now!</a></p></center>


Como você pode ver, você pode usar este código para centrar o texto: 


<center><p> TEXTO </p><center>


5. Adicionando cores 


É possível adicionar cores ao código HTML. Para fazer isso, você precisará do código hex da cor desejada. 

  • Cor de fundo  

Você pode adicionar uma cor de fundo para o seu texto no widget HTML, usando este código: 


<div style="background-color:HEX COLOR CODE"><p>TEXTO</p>

 

  • Cor do texto 

Para adicionar uma cor ao seu texto, você precisará usar o seguinte código: 


<div style="color:HEX COLOR CODE"><b>TEXTO</b> 


  • Cor de imagem de fundo 


Você também pode adicionar uma cor de fundo a uma imagem no HTML-widget. Use este código HTML para esta opção: 


<div style="float:POSITION;background-color:HEX COLOR CODE"><img src="URL IMAGEN" style="margin:5px" width="32" height="32"></div>





6. Adicione um iFrame


<<iframeifra  src="https://moreapp.com/assets/MoreApp-Privacy-Policy.pdf" width="100%" height="300">
  <p>Your browser does not support iframes.</p></iframe>


7. Adicione uma faixa

<HR>



8. Incorpore um formulário na sua página Web 

<p align="center"><iframe src="PASTE LINK HERE" width="90%" height="600" style="border:1px solid lightgrey;"></iframe></p>


Clique aqui para ir para a publicação no Help Center.


9. Obrigado! 


Obrigado por usar MoreApp. Tenha em mente que você pode procurar outras possibilidades de códigos HTML, os códigos mencionados aqui são apenas alguns exemplos. Saiba mais sobre as possibilidades de personalizar seus formulários com temas de cores! 


Você quer ser o primeiro a ver nossos últimos tutoriais, vá para o nosso Canal de Youtube e Inscreva-se no canal!