Saiba mais sobre algumas dos usos do Widget HTML nos seus Formulários Digitais. Pode adicionar textos e imagens e personalizar a gosto com Código HTML.


Ainda não tem uma conta MoreApp? Inscreva-se aqui




1. Adicione um Texto

Pode adicionar textos estáticos aos seus Formulários Digitais usando o HTML, como Informações Gerais, Termos & Condições ou Certificados. Para adicionar o texto desejado insira este código HTML: 


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

+ O Código termina por </termo> 


Se 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 quiser adicionar um Parágrafo, então o código HTML é <p> que Significa "Paragraph" (Parágrafo)

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


Se 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 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 a sua Fonte Favorita é Times New Roman, este é o código: 

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


2. Adicione Pontos 

Também pode adicionar pontos com o Widget HTML. 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. Adicione uma Imagem 

Pode usar esta opção, por exemplo, para o Logotipo da Sua Empresa. Certifique-se de que tem um URL da imagem que deseja adicionar (um URL que seja Pública, ou Compartilhada na Internet). Depois de ter a 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 pode ver, pode personalizar a Largura e a Altura da imagem no código HTML. 



4. Adicione um Link URL  

É possível adicionar um Link da URL usando o Widget HTML. Use o seguinte código para esta opção:

<a href="URL LINK">TEXT</a>


Pode ainda Adicionar um texto apresentando o Link do URL, por exemplo:


Para alcançar este Design de ter um texto acima do link de URL,  use o seguinte código: 

<center><p>Love Digital Forms!<br><a href="https://moreapp.com/en/">Sign up here!</a></p></center>


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

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


5. Adicione Número de Telefone ou Email


  • Número de Telefone 

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


  • Endereço de Email 

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



6. Adicione Cores 

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

  • Cor de Fundo  

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çam com um (Hashtag)

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

 

  • Cor do Texto 

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

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


  • Cor de Imagem de Fundo 

Também pode adicionar uma Cor de Fundo a uma imagem utilizando <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>


Veja mais em como Adicionar um Formulário ao seu Website.


10. Obrigado! 

Pode procurar outras possibilidades de códigos HTML, os códigos mencionados aqui são apenas alguns exemplos.  


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