Tras insertar una imagen en tu formulario, puedes ajustar cómo y dónde se mostrará a los usuarios. Esta personalización permite crear diseños más atractivos y alineados con el objetivo del formulario, ya sea destacando el logotipo de tu marca, posicionando una ilustración junto al contenido o aplicando una imagen como fondo para reforzar la identidad visual.
⚡ Antes de continuar: Yay! Forms te permite elegir un layout diferente para cada dispositivo (Desktop, Tablet, Móvil) y definir un punto focal para la imagen. Para entender el sistema completo, consulta:
Preparación
Inicialmente, es necesario insertar una imagen de tu elección. Después de eso, en la barra lateral derecha de la pregunta, encontrarás diversas opciones de diseño, las cuales se explicarán a continuación.
Opciones de diseño de la imagen
- Tendrás la opción de definir la imagen como fondo de tu formulario, como se ejemplifica a continuación.
- Tendrás la opción de posicionar tu imagen a la izquierda y a la derecha del contenido de tu formulario, como se ilustra en el siguiente ejemplo.
- Tendrás la opción de dividir el contenido del formulario con la imagen. En este escenario, puedes optar por dividir la imagen en la parte izquierda y en la parte derecha, como se muestra en el ejemplo a continuación.
- Tendrás la opción de superponer la imagen sobre el contenido de tu formulario. Podrás elegir la altura (en porcentaje de la pantalla) y el ancho (en píxeles), como se presenta en los siguientes ejemplos.
- Por último, tendrás la opción de posicionar la imagen en el centro del contenido de tu formulario. En este caso, también podrás elegir la altura (en porcentaje de la pantalla) y el ancho (en píxeles), como se ejemplifica en los ejemplos a continuación.
- Split superior (solo Móvil) — divide la pantalla con la imagen arriba y el contenido abajo, con altura fija. Este layout es exclusivo del modo Móvil y fue pensado para pantallas verticales. Puedes activarlo abriendo la pestaña Móvil encima del lienzo y eligiendo el icono "Split superior" en la sidebar de layout.
Soporte
Si tienes alguna duda o sugerencia, envía un correo electrónico a [email protected]
Conclusión
Al ajustar las opciones de layout en la barra lateral derecha, puedes definir cómo se mostrará la imagen en tu formulario en cada dispositivo. Combina los layouts con el Ajuste de imagen y el Punto focal para garantizar que la presentación visual quede perfecta en cualquier pantalla y alineada con la identidad de tu formulario.