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.
Nota: Esta publicação do nosso Centro de Ajuda não está atualizada, por favor veja a versão em inglês para o conteúdo atualizado. No canto superior direito pode escolher o idioma.
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!