Cómo Mostrar Imágenes en Tu Formulario

18 de junio de 2025

Añadir imágenes a tus formularios puede mejorar la experiencia del usuario y aumentar el compromiso. Esta guía muestra cómo añadir imágenes a tu formulario utilizando elementos de formulario y widgets.

Nota

Utiliza una dirección HTTPS segura al usar URL como fuente de imagen para evitar el bloqueo de contenido mixto.

“`html

Usando el Elemento Imagen

El elemento Imagen incluye opciones básicas para mostrar imágenes como redimensionar, alinear y vincular la imagen adjunta.

Para usar el elemento Imagen:

  1. En el Constructor de Formularios, añade un elemento Imagen a tu formulario.
“““html
Añadiendo un elemento de Imagen en el Constructor de Formularios de Jotform
  1. En el panel de propiedades a la derecha, selecciona Elegir un Archivo.
    Nota:
    “““html
    Para ver las propiedades, selecciona el icono de engranaje del elemento Imagen.
  2. Finalmente, elige una opción para tu fuente de imagen.

Aquí están las opciones disponibles:

  • Subir — Escoge un archivo de imagen desde tu dispositivo.
  • Mis Imágenes — Selecciona una de tus imágenes previamente subidas. También puedes eliminar tus imágenes subidas aquí.
  • Introducir URL — Ingresa el enlace o dirección de tu imagen.

Una vez hecho esto, puedes cambiar el tamaño y la alineación de tu imagen. Para añadir un enlace a tu imagen, ve a la pestaña Avanzado, habilita Enlazar Imagen y luego ingresa la URL.

Usando el Elemento Párrafo

El elemento Párrafo, como editor de texto enriquecido, puede mostrar imágenes en tu formulario, además de más funcionalidades.

Para mostrar imágenes usando el elemento Párrafo:

  1. En el Constructor de Formularios, agrega un elemento Párrafo a tu formulario.
“““html
El elemento Párrafo en el Constructor de Formularios de Jotform
  1. En el editor, selecciona Insertar Imagen
    “““html
    en la parte superior.
  1. En el diálogo Insertar Imagen, elige una opción para tu fuente de imagen.

Aquí están las opciones disponibles:

  • Subir — Escoge un archivo de imagen desde tu dispositivo.
  • Mis Imágenes — Selecciona una de tus imágenes previamente subidas.
    Nota: Para eliminar tus imágenes subidas, utiliza el elemento Imagen.
  • Introducir URL — Proporciona el enlace o dirección de tu imagen.
  1. Finalmente, selecciona Insertar Imagen.

Usando Widgets

Para mostrar múltiples imágenes, puedes utilizar el widget de Galería de Imágenes o el de Deslizador de Imágenes.

“““html
El widget de Galería de Imágenes
Galería de Imágenes

“““html

Deslizador de Imágenes

Para mostrar imágenes usando un widget:

  1. En el Constructor de Formularios, selecciona Widgets en el panel izquierdo.
  2. Busca y selecciona Galería de Imágenes o Deslizador de Imágenes.
“““html
form-builder-image-gallery-slider-widgets-min

“““html

  1. En el panel de configuración del widget, selecciona Elegir Imágenes, luego elige tu fuente de imagen.

Aquí están las opciones disponibles:

  • Subir — Escoge archivos de imagen desde tu dispositivo.
  • Mis Imágenes — Elige de tus imágenes subidas previamente.
  • Introducir URL — Proporciona los enlaces a tus imágenes.

“`

Introducing Jotform Shopify
Contactar Soporte

Our customer support team is available 24/7 and our average response time is between one to two hours.

Enviar Comentario:

Jotform Avatar
Este sitio está protegido por reCAPTCHA y lo rigen la Política de privacidad de Google y los Términos de servicio.

Podo Comment Sea el primero en comentar.