Con el widget HTML puedes añadir texto e imágenes a tus formularios digitales usando HTML.


¿Todavía no tienes una cuenta en MoreApp? Regístrate aquí.


No puedes trabajar con placeholders en el widget HTML, pero podrás hacerlo usando texto estático, links e imágenes.


1. Añade texto

Puedes agregar texto a tus Formularios Digitales utilizando el widget HTML; por ejemplo información general o términos y condiciones.


Con el widget HTML puedes usar cualquier código HTML. Agrega el texto que desees entre este código HTML:


<p>TEXTO</p> 


Si quieres agregar el texto en negrita, el código HTML es:


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


También puedes añadir el texto en cursiva. Para ello utiliza:


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


Si tienes preferencia por un estilo de fuente determinado, puedes cambiar la fuente a tu estilo deseado.

Necesitarás utilizar el siguiente código: 


<font face="ESTILO FUENTE"<p>TEXTO</p>


Por ejemplo, si quieres utilizar un tipo de letra Times New Roman, este sería el código: 


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



2. Añade listas

También puedes agregar listas utilizando el widget HTML.


Puedes utilizar puntos para representar ejemplos o opciones. Utiliza este código HTML: 


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



3. Añade una imagen

Puedes utilizar esta opción, por ejemplo, para añadir el logotipo de tu empresa.

Asegúrate de que tienes una URL de la imagen que quieres agregar.


Una vez que tengas la URL de la imagen, utiliza este código HTML:


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


Como puedes ver, puedes personalizar el ancho y el alto de la imagen en el código HTML.




4. Añade un enlace URL

También puedes agregar un enlace URL utilizando el widget HTML. Utiliza el código siguiente para esta opción:  


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



Para lograr este diseño, teniendo un texto encima del texto con enlace URL, utiliza el código siguiente:


<center><p>Digitaliza tus Formularios<br> <a href="https://moreapp.com/es/">¡Regístrate Aquí!</a></p></center>


Como muestra la imagen, puedes utilizar este código para centrar el texto:


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



5. Añade un número de teléfono o dirección email

Número de teléfono:

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

Dirección email:

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


6. Añade colores

Puedes agregar colores al código HTML. Para ello, necesitarás el código hexadecimal del color deseado.

  • Color de fondo

Puedes agregar un color de fondo para tu texto en el widget HTML utilizando este código:


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


  • Color de texto

Para agregar un color a tu texto, necesitarás el código siguiente: 


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


  • Color de fondo de la imagen


También puedes agregar un color de fondo a una imagen en el widget HTML.


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


7. Añade un iFrame


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



8. Añade una raya o franja


<HR>



9. Incorpora un formulario en tu web


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


Aquí verás un Help Center sobre cómo añadir el formulario en tu web.



¡Gracias!

Muchas gracias por utilizar MoreApp.


Ten en cuenta que puedes buscar otras posibilidades de códigos HTML, los códigos mencionados aquí son sólo algunos ejemplos.

MoreApp no da ningún otro soporte en códigos HTML.


¡Aprende más sobre las posibilidades de personalizar tus formularios con temas de color!


¿Quieres ver nuestros últimos tutoriales? ¡Ve a nuestro Canal de YouTube y pulsa el botón Suscribirse!