Como enriquecer el texto de éxito en los formularios
A continuación, exploraremos diversas formas de cambiar el texto, agregar imágenes y otras opciones para enriquecer el mensaje de éxito cuando un usuario completa un formulario.
Para editar el mensaje, primero accedemos al módulo de Receptores o Inbound Manager:
Luego, seleccionamos o creamos el formulario que deseamos editar:
Posteriormente, hacemos clic en la opción "Editar Formulario" o "Edit Web Form":
Seguidamente, accedemos a la opción "Form Properties" o "Propiedades de Formulario":
En este punto, llegamos al campo que indica "Submission confirmation", donde podemos escribir las etiquetas HTML para enriquecer nuestro mensaje de éxito:
Para agregar imágenes a nuestro texto de éxito, utilizamos la etiqueta HTML <img src="" alt="">. En el campo "src", colocamos la URL de la imagen que deseamos utilizar, y en el campo "alt", podemos incluir una descripción de la imagen (esto aparecerá en el mensaje si la imagen no puede cargarse desde el servidor).
También podemos aplicar diferentes estilos de texto en el mensaje de éxito del formulario, simplemente utilizando las etiquetas HTML correspondientes. En este caso, vamos a emplear la etiqueta para texto en negrita o "bold text" de HTML para insertar en el formulario: <b></b>.
A continuación están los tipos de texto que se pueden incluir en el mensaje de exito del formulario con sus respectivas etiquetas:
Podemos incorporar un vídeo en nuestro mensaje de éxito utilizando la etiqueta <iframe>. En este caso, vamos a utilizar un vídeo del canal de YouTube de Danaconnect:
Tocar el botón de compartir del video que queramos utilizar:
Picar el botón de "insertar" para visualizar el iframe:
Copiar todo el código iframe que aparece en pantalla:
Ahora vamos a copiar todo este código en el cuadro del mensaje de éxito dentro de la edición del formulario:
Es posible incluir enlaces dentro del texto de éxito de los formularios utilizando la etiqueta <a></a>. A continuación, veremos cómo hacerlo:
Para editar el mensaje, primero accedemos al módulo de Receptores o Inbound Manager:
Luego, seleccionamos o creamos el formulario que deseamos editar:
Posteriormente, hacemos clic en la opción "Editar Formulario" o "Edit Web Form":
Seguidamente, accedemos a la opción "Form Properties" o "Propiedades de Formulario":
En este punto, llegamos al campo que indica "Submission confirmation", donde podemos escribir las etiquetas HTML para enriquecer nuestro mensaje de éxito:
Agregar imágenes:
Para agregar imágenes a nuestro texto de éxito, utilizamos la etiqueta HTML <img src="" alt="">. En el campo "src", colocamos la URL de la imagen que deseamos utilizar, y en el campo "alt", podemos incluir una descripción de la imagen (esto aparecerá en el mensaje si la imagen no puede cargarse desde el servidor).
Código de ejemplo:
Preview de formulario:
Formatos de texto:
También podemos aplicar diferentes estilos de texto en el mensaje de éxito del formulario, simplemente utilizando las etiquetas HTML correspondientes. En este caso, vamos a emplear la etiqueta para texto en negrita o "bold text" de HTML para insertar en el formulario: <b></b>.
Código de ejemplo:
Esto es **Texto en negritas**Preview de formulario:
Otros tipos de texto
A continuación están los tipos de texto que se pueden incluir en el mensaje de exito del formulario con sus respectivas etiquetas:
Código de ejemplo:
Esto es **Texto en negritas**
Esto es **Texto importante**
Esto es _Texto Italico_
Esto es _Emphasized text_
Esto es Texto subrayado
Esto es Texto insertado
Esto es Texto pequeño
Esto es Texto grande
Esto es Subscript text
Esto es Superscript text
Esto es Texto marcado
Esto es Texto borradoPreview de formulario:
Añadir video con etiqueta iframe
Podemos incorporar un vídeo en nuestro mensaje de éxito utilizando la etiqueta <iframe>. En este caso, vamos a utilizar un vídeo del canal de YouTube de Danaconnect:
El link para la etiqueta iframe lo podemos conseguir de la siguiente manera:
Tocar el botón de compartir del video que queramos utilizar:
Picar el botón de "insertar" para visualizar el iframe:
Copiar todo el código iframe que aparece en pantalla:
Código de ejemplo:
Ahora vamos a copiar todo este código en el cuadro del mensaje de éxito dentro de la edición del formulario:
.png)
Esto es **como enriquecer el texto de exito en los formularios**Preview de formulario:
Agregar links
Es posible incluir enlaces dentro del texto de éxito de los formularios utilizando la etiqueta <a></a>. A continuación, veremos cómo hacerlo:
Código de ejemplo:
[Google Link](https://google.com "Google Link")Preview de formulario:
Actualizado el: 02/09/2024
¡Gracias!