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


1. Añadir texto


Puedes agregar textos a tus formularios digitales utilizando el widget HTML, como información general, términos y condiciones y certificados. Con el widget HTML puedes usar cualquier código HTML. Añade el texto deseado entre este código HTML:


<p>TEXTO</p> 


Si quieres agregar el texto en negrita, entonces 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. Para ello necesitarás utilizar el siguiente código: 

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


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

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



2. Añadir listas


También puedes agregar listas con puntos de viñeta en el widget HTML. Puedes utilizar puntos para representar ejemplos o opciones. Utiliza este código HTML para los puntos de viñeta: 


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



3. Añadir una imagen


También puedes agregar una imagen utilizando este widget, puedes utilizar esta opción, por ejemplo, para 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ñadir 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" onclick="window.open(this.href,'_system'); return false;">TEXTO</a>



Puedes agregar un texto introduciendo el enlace URL, por ejemplo: 


Me encantan los formularios digitales 

¡Regístrate Ya!


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


<center><p>Me ecantan los formularios digitales<br> <a href="https://platform.moreapp.com/#/signup?partner=moreapps_es_partner";; onclick="window.open(this.href,'_system'); return false;">¡Regístrate Ya!</a></p></center>



Como puedes ver, puedes utilizar este código para centrar el texto:

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




5. Añadir colores


Puedes agregar colores al código HTML. Para hacer esto 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 COLOR CODE"><p>TEXTO</p>


  • Color de texto

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

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


  • Color de fondo de la imagen


También puedes agregar un color de fondo a una imagen en el widget HTML. Utiliza este código HTML para esta opción:


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

6. Añadir 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>



7. Añadir una raya o franja

<HR>



8. Incorporar 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>


Pulsa aquí para ir a la publicación en el Help Center.




¡Gracias!

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 ser el primero en ver nuestros últimos tutoriales, ve a nuestro Canal de YouTube y pulsa el botón Suscribirse!