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:

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:

<img alt="Logo Dana" src="https://images.email-platform.com/venturestars/DANA-logo-horizontal-color-HD(1).png"/>

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:

<p> Esto es <b>Texto en negritas</b></p>

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:

<p> Esto es <b>Texto en negritas</b></p>
<p> Esto es <strong>Texto importante</strong></p>
<p> Esto es <i>Texto Italico</i></p>
<p> Esto es <em>Emphasized text</em></p>
<p> Esto es <u>Texto subrayado</u></p>
<p> Esto es <ins>Texto insertado</ins></p>
<p> Esto es <small>Texto pequeño</small></p>
<p> Esto es <big>Texto grande</big></p>
<p> Esto es <sub>Subscript text</sub></p>
<p> Esto es <sup>Superscript text</sup></p>
<p> Esto es <mark>Texto marcado</mark></p>
<p> Esto es <del>Texto borrado</del></p>

Preview 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:

<img alt="Logo Dana" src="https://images.email-platform.com/venturestars/DANA-logo-horizontal-color-HD(1).png"/>

<iframe width="560" height="315" src="https://www.youtube.com/embed/_217lY--PuM?si=TVnoMUhtM9ezxlSR" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

<p> Esto es <b>como enriquecer el texto de exito en los formularios</b></p>

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:

<a href="https://google.com" target=blank" title="Google Link">Google Link</a>

Preview de formulario:

Actualizado el: 29/04/2024