Saiba mais sobre algumas das possibilidades simples de usar o Widget HTML em seus Formulários Digitais. Com o Widget HTML você adiciona textos e imagens usando o Código HTML


1. Adicionando um Texto

Você pode adicionar texto aos seus Formulários digitais usando o HTML, como Informações Gerais, Termos & Condições ou Certificados, você pode usar qualquer código HTML. Para adicionar o texto desejado entre este código HTML: 


Lembre-se que: 


+ O Código começa por <termo> 

+ O Código termina por </termo> 


Se você quiser adicionar um Título, então o código HTML é <h1> que Significa "Header" (Título)


*O Tamanho dos Títulos podem variar: <h1><h2><h3><h4<h5> o Quanto Maior seja o Número, Menor será o Título


<h1>Isso é um Título</h1>


Se você quiser adicionar um Parágrafo, então o código HTML é <p> que Significa "Paragraph" (Parágrafo)


<p>Isso é um Parágrafo</p>


Se você quiser adicionar o Texto em Negrito, então o código HTML é <b> que Significa "Bold" (em Negrito)


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


É possível adicionar Texto em Itálico, para isso use <p style="font-style: italic;"> 


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


Se você tem um Estilo de Fonte Preferido, é Possível Mudar a fonte para o estilo desejado. Para fazer isso, utilize


<font face="Sua Fonte Favorita"<p>TEXTO</p>


 Por exemplo, se sua Fonte Favorita é Times New Roman, este é o código: 


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


2. Adicionando Pontos 

Você também pode adicionar pontos com o Widget HTML. Você pode usar Pontos para retratar Exemplos ou Opções. Use este código HTML utilize <li> que Significa "List Items" (Lista de Itens) 


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


3. Adicionando uma Imagem 

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 (um URL que seja Pública, ou seja Compartilhada na Internet). Depois de ter o URL da imagem, use este código HTML


src para Source File (Fonte), width para Largura e height para Altura


<div style="text-align: center"><img src="URL da Sua Imagem" 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 Widget HTML. Use o seguinte código para esta opção <a href="Insira Seu Link Aqui" onclick="window.open(this.href,'_system'); return false;">Insira Algum Texto</a>


 <a href="Insira Seu Link Aqui" onclick="window.open(this.href,'_system'); return false;">Insira Algum 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><p>I Love Digital Forms<br> <a href="https://platform.moreapp.com/#/signup?partner=moreapps_es_partner"; onclick="window.open(this.href,'_system'); return false;">Sign Up Now!</a></p></center>


Como você pode ver, você pode usar este código <center> para Centrar o Texto


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


5. Adicionando Número de Telefone ou Email


  • Número de Telefone 

<a href="tel:+552112345678">+552112345678</a>


  • Endereço de Email 

<a href="info@moreapp.com">info@moreapp.com</a>



6. Adicionando Cores 

É possível adicionar Cores ao Código HTML. Para fazer isso, você precisará do Código Hex da Cor desejada. Clique [Aqui] para Encontrar Alguns Códigos

  • Cor de Fundo  

Você pode adicionar uma Cor de Fundo para o seu texto, usando este Código <div style="background-color:Código HEX da Cor"> os Código começaram com um (Hastag)


<div style="background-color:#FA8072"><p>Cor Salmão</p>

 

  • Cor do Texto 

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


<div style="color:#BB45C8"><b>Cor Lilás</b> 


  • Cor de Imagem de Fundo 

Você também pode adicionar uma Cor de Fundo a uma imagem no utlizando <div style="float:POSITION;background-color:Código HEX da Cor"><img src="URL da Sua Imagem" style="margin:5px" width="32" height="32"></div>


<div style="float:POSITION;background-color:Código HEX da Cor"><img src="URL da Sua Imagem" style="margin:5px" width="32" height="32"></div>





7. Adicione um iFrame

Um iFrame é um documento dentro de outro um outro em uma Página Web, porém não deixe a sua Imaginação parar por aí. Também é possível aplicá-los dentro dos Seus Formulários. O Código é <iframe src="URL para Documento" 


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


8. Adicione uma Linha Horizontal

Esse Código é muito Simples! Utilize <hr> Horizontal Line (para Linhas Horizontais)

<hr>


9. Incorpore um Formulário na sua página Web 

<p align="center"><iframe src="Insira o Link do Seu Formulário Aqui" width="90%" height="600" style="border:1px solid lightgrey;"></iframe></p>


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


10. 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!I