Inicio Edición de Formularios
✏️

Edición de Formularios

Personaliza tus formularios con campos y diseños.
Yago Ferreira
Por Yago Ferreira
28 artículos

Cómo personalizar el diseño de tu formulario

Este artículo te ayudará a elegir un tema para tu formulario, además de mostrar cómo personalizar temas (incluyendo fuente, colores y el redondeo del botón de avanzar) antes de publicar. Visualizando el formulario en diferentes dispositivos Antes de profundizar en las opciones de diseño, vale la pena conocer la barra encima del lienzo con tres pestañas: Desktop, Tablet y Móvil. Te permite ver tu formulario en el tamaño de cada dispositivo y personalizar layouts o imágenes específicas para móvil, sin necesidad de mantener formularios paralelos. Para una guía completa sobre esta funcionalidad, consulta Cómo personalizar el layout del formulario por dispositivo. Seleccionar un tema para el formulario Elige un tema para tu formulario en nuestra gran variedad haciendo clic en Design en la esquina superior izquierda de la pantalla. También puedes crear tu tema personalizado haciendo clic en Meus temas, pero, si prefieres utilizar uno de los temas predeterminados, solo tienes que seleccionar la pestaña Galeria. Editar y duplicar temas Dentro de la pestaña Meus temas, puedes hacer clic en la opción de editar. Esto abrirá la pantalla de abajo, donde podrás cambiar la fuente y los colores de los elementos. Si quieres editar un tema predeterminado de la pestaña Galeria, solo tienes que duplicarlo. Personalizar la fuente del formulario Puedes personalizar la fuente de tu formulario. Tienes la opción P (pequeño), M (mediano) y G (grande). Ajustar el redondeo del botón de avanzar También puedes personalizar el redondeo del botón de avanzar de tu formulario. Tienes 3 opciones: el botón sin redondeo, con un leve redondeo y totalmente redondeado. Publicar el formulario Si terminaste las ediciones y deseas publicar tu formulario, puedes publicarlo. Conclusión Ahora sabes cómo elegir un tema desde Design, crear o gestionar temas en Meus temas o Galeria, y personalizar elementos como la fuente, los colores y el estilo del botón de avance, dejando el formulario listo para su publicación.

Última actualización el May 06, 2026

Cómo usar la opción de redirección automática en las pantallas finales

Este artículo te ayudará a configurar el redireccionamiento automático después del envío de un formulario, además de mostrar cómo utilizar menciones en la pantalla final para pasar valores como parámetros en una URL o para usarlas como botón de redirección. Configurar el redireccionamiento automático 1. En la configuración de la Pantalla Final, habilita la opción "Auto-redirect". 2. Introduce la URL a la que deseas redirigir después del envío del formulario. 3. El formulario se redirigirá automáticamente a la URL especificada después del envío. La opción de Redireccionamiento Automático tiene prioridad sobre el contenido de la pantalla final; por lo tanto, al habilitar esta función el formulario se redirigirá automáticamente sin mostrar su contenido. Usar menciones en la pantalla final con redireccionamiento automático Para usar las menciones en la pantalla final cuando quieras redirigir automáticamente, utiliza los valores como parámetros en la URL deseada, como se muestra en los ejemplos a continuación: Usar la mención como botón de redireccionamiento en la pantalla final También puedes usar la mención en el redireccionamiento como el botón en tu pantalla final, como se muestra a continuación: Conclusión Con esta guía puedes habilitar el redireccionamiento automático tras el envío del formulario y aplicar menciones en la pantalla final para construir URLs con parámetros o utilizarlas como un botón de redirección.

Última actualización el May 06, 2026

Cómo usar múltiples pantallas finales en Yay! Forms

Este artículo enseña cómo utilizar múltiples pantallas finales en Yay! Forms, incluyendo cómo configurarlas con condiciones diferentes y cómo personalizar el contenido mostrado después del envío del formulario. También explica cómo habilitar el redireccionamiento automático tras el envío. Cómo utilizar múltiples pantallas finales en Yay Forms Para utilizar múltiples pantallas finales en Yay Forms, sigue los pasos a continuación: 1. Inicia sesión en tu cuenta de Yay! Forms y selecciona el formulario que deseas modificar. 2. Ve a la pestaña "Edit" y haz clic en "Add Ending Screen". 3. Crea una nueva pantalla final definiendo las condiciones en las que se mostrará. 4. Repite los pasos 2 y 3 para añadir más pantallas finales con condiciones diferentes. 5. Puedes personalizar cada pantalla final con un mensaje y/o imagen para que se muestre después del envío del formulario. Opción de Redireccionamiento Automático En la configuración de la Pantalla Final, habilita la opción "Auto-redirect". Introduce la URL a la que deseas redirigir después del envío del formulario. El formulario se redirigirá automáticamente a la URL especificada después del envío. ☝️ La opción de Redireccionamiento Automático reemplazará cualquier pantalla final que hayas configurado y tendrá prioridad. Conclusión Al configurar múltiples pantallas finales en Yay! Forms, puedes ofrecer una experiencia más personalizada según las respuestas enviadas, y también optar por un redireccionamiento automático cuando sea necesario para tu flujo de usuario.

Última actualización el May 06, 2026

Cómo personalizar preguntas de texto corto

En este tipo de pregunta, los usuarios pueden escribir una respuesta corta. Este artículo te ayuda a elegir y configurar el tipo de pregunta Texto corto, incluyendo la edición de título y descripción, y opciones avanzadas como extracción de palabras clave, análisis de texto y clasificación automática de respuestas. Seleccionar el tipo de pregunta Elige este tipo de pregunta seleccionando Texto corto. Editar título y descripción Puedes editar el título y la descripción haciendo clic en los campos correspondientes. Configuraciones clave del campo de texto corto Extracción de palabras clave Tienes algunas configuraciones clave en tu campo de texto corto, como por ejemplo la extracción de palabras clave, que sirve para extraer palabras y crear una nube de palabras con ellas, pudiendo filtrar preguntas con ciertas palabras clave identificadas por nuestra plataforma. Análisis de texto También puedes habilitar la opción de análisis de texto, que sirve para analizar y filtrar el sentimiento del usuario que responda el formulario y entregarte feedback sobre cómo se sintió al responder el formulario. Clasificación automática de respuestas Por último, puedes activar la opción de Clasificación automática de respuestas, donde defines categorías para organizar las respuestas. Además, si lo prefieres, puedes activar la opción de actualización automática de las categorías. Con ello, a medida que los usuarios respondan al formulario, se crearán nuevas categorías automáticamente, con base en las respuestas recibidas. Conclusión Con esta guía puedes entender cómo seleccionar y personalizar una pregunta de Texto corto, así como aprovechar opciones avanzadas para extraer palabras clave, analizar el sentimiento del texto y organizar respuestas mediante categorías automáticas.

Última actualización el May 06, 2026

Cómo personalizar preguntas de texto largo

Este artículo te ayudará a entender cómo usar el tipo de pregunta que permite a los usuarios escribir una respuesta corta, cómo editar su título y descripción, y qué configuraciones clave puedes habilitar para analizar y organizar las respuestas. Tipo de pregunta: Texto largo En este tipo de pregunta, los usuarios pueden escribir una respuesta corta a tu pregunta. Elige este tipo de pregunta seleccionando Texto longo. Edición de título y descripción Puedes editar el título y la descripción haciendo clic en los campos correspondientes. Configuraciones clave del campo de texto largo Extracción de palabras clave Tienes algunas configuraciones clave en tu campo de texto largo, como por ejemplo la extracción de palabras clave, que sirve para extraer las palabras y crear una nube de palabras con ellas, pudiendo filtrar preguntas con ciertas palabras clave identificadas por nuestra plataforma. Análisis de texto También puedes habilitar la opción de análisis de texto, que sirve para analizar y filtrar el sentimiento del usuario que responda el formulario y entregarte el feedback de cómo se sintió al responder el formulario. Clasificación automática de respuestas Por último, puedes activar la opción de clasificación automática de respuestas, donde defines categorías para organizar las respuestas. Además, si lo prefieres, puedes activar la opción de actualización automática de las categorías. Con ello, a medida que los usuarios responden al formulario, se crearán nuevas categorías automáticamente, en función de las respuestas recibidas. Conclusión Con esta guía, puedes seleccionar el tipo de pregunta Texto longo, editar su título y descripción, y habilitar opciones para extraer palabras clave, analizar el sentimiento del texto y clasificar automáticamente las respuestas en categorías.

Última actualización el May 06, 2026

Cómo personalizar preguntas de selección de imagen

Este artículo enseña cómo configurar una pregunta del tipo Elección de imagen, permitiendo que los usuarios seleccionen una respuesta con una imagen adjunta en la lista de opciones, además de ajustar configuraciones como selección múltiple, aleatorización y texto alternativo. Seleccionar el tipo de pregunta En este tipo de pregunta, los usuarios pueden elegir una respuesta con una imagen adjunta en la lista de opciones. Primero, elige el tipo 'Elección de imagen' Añadir o seleccionar imágenes en las opciones Al hacer clic en el icono de imagen de la opción, puedes añadir una imagen nueva o seleccionar una imagen de tu galería. Añadir nuevas opciones Para añadir una nueva opción, solo tienes que hacer clic en el signo de + al lado de tu última opción. Configuraciones de la pregunta También puedes cambiar las configuraciones según tu preferencia. Selección múltiple 'Selección múltiple' permite que los usuarios seleccionen varias opciones de respuesta. Aleatorio 'Aleatorio' aleatoriza el orden de las opciones." Personalizar el texto alternativo de la imagen También puedes personalizar el texto alternativo de la imagen en la parte derecha del formulario. Conclusión Con estos elementos, puedes configurar una pregunta de Elección de imagen, gestionar opciones con imágenes, añadir nuevas alternativas y ajustar preferencias como selección múltiple, orden aleatorio y texto alternativo para mejorar la experiencia del usuario.

Última actualización el May 06, 2026

Cómo añadir una máscara en tu campo de texto corto

Este artículo muestra cómo añadir una máscara personalizada a un campo de texto corto, explicando para qué sirve, qué caracteres especiales se pueden usar y ofreciendo ejemplos prácticos de formatos comunes. Cómo añadir una máscara personalizada Para añadir una máscara personalizada a tu campo de texto corto, solo tienes que ir a la parte de configuración en el lado derecho de tu campo y colocar la máscara deseada en el campo Máscara del campo como se muestra a continuación. Cómo funciona la máscara La máscara ayuda a dar formato a las respuestas en el formulario de manera personalizada. Mira cómo funciona: - #: Permite escribir cualquier número. - @: Permite escribir cualquier letra. - *****: Permite escribir cualquier número o letra. Además, cualquier otro carácter que añadas a la máscara quedará fijo. Es decir, aparecerá exactamente como lo escribiste. Ejemplo de uso Ejemplo: Si la máscara es ##-123-@@-* , el formato esperado será: - Dos números seguidos ( ## ) - El número "123" (fijo) - Dos letras seguidas ( @@ ) - Un número o una letra ( * ) Entonces, la respuesta podría ser algo como: 45-123-AB-X. Ejemplos de máscaras posibles Aquí tienes algunos ejemplos de máscaras posibles: CPF - ###.###.###-## CNPJ - ##.###.###/####-## RG - ##.###.###-* CEP - #####-### Conclusión Con el uso de máscaras, es posible estandarizar la forma en que se introducen las respuestas en campos de texto corto, controlando dónde entran números, letras y caracteres fijos, además de aplicar formatos ya listos como CPF, CNPJ, RG y CEP.

Última actualización el May 06, 2026

Cómo insertar variables en los títulos y descripciones de formularios con Yay! Forms

En este artículo aprenderás a usar variables en los títulos y descripciones de tus formularios en Yay! Forms para crear experiencias más personalizadas y dinámicas, ahorrando tiempo y evitando la repetición de información. Variables en títulos y descripciones En Yay! Forms puedes insertar variables en los títulos y descripciones de tus formularios. Esta funcionalidad ofrece una experiencia de creación de formularios personalizada y dinámica, ahorrando tiempo y esfuerzo a los usuarios. Cómo añadir una variable Para añadir una variable, basta con insertar el símbolo @ seguido del nombre de la variable. Por ejemplo, si tienes un formulario en el que deseas personalizar el título con el nombre de la persona que rellena el formulario, puedes añadir la variable @nome. El valor de la variable se rellenará automáticamente en el formulario, eliminando la necesidad de introducir información repetitiva manualmente. Formas de personalizar tus formularios con variables Usando esta funcionalidad, puedes personalizar tus formularios de varias maneras, adaptándolos a necesidades y preferencias específicas. Puedes añadir variables para reflejar fechas, horas, nombres o cualquier otro valor que necesite personalizarse para cada envío del formulario. Control de apariencia y estilo Con Yay! Forms, tienes control total sobre la apariencia y el estilo de tus formularios. La nueva funcionalidad es intuitiva y fácil de usar, brindando a los usuarios la flexibilidad de crear formularios que sean tanto funcionales como personalizados. Empezar a usar la funcionalidad Para empezar a usar esta funcionalidad, basta con navegar hasta el campo de título o descripción e introducir la variable usando el símbolo @ seguido del nombre de la variable. Guarda tus cambios y tu formulario estará listo para usar. Comentario final Esperamos que esta nueva funcionalidad haga que tu proceso de creación de formularios sea más eficiente y agradable. Conclusión Con el uso de variables en Yay! Forms, puedes personalizar títulos y descripciones de forma dinámica, automatizando la inserción de datos y haciendo que el proceso de creación de formularios sea más ágil y adaptable.

Última actualización el May 06, 2026

Cómo añadir video, GIF, imagen o logo a tu formulario

Agregar elementos visuales a tu formulario es una forma eficaz de hacerlo más atractivo y cautivador para quienes lo completan. Ya sea para incluir el logotipo de tu marca, una imagen ilustrativa, un GIF animado o incluso un video, estos recursos ayudan a transmitir mejor el mensaje y a reforzar la identidad visual de tu proyecto. Con la función de medios del formulario, puedes subir archivos, usar imágenes y videos alojados externamente o reutilizar contenidos de tu galería. Así, es posible crear formularios más dinámicos, personalizados y con mayor impacto visual. Subir medios al formulario Para subir un archivo a tu formulario, sigue los pasos a continuación: 1. Haz clic en el botón "Agregar" en la barra lateral derecha de la Pregunta. 2. Ahora, haz clic en la pestaña "Subida de imagen". 3. Haz clic en el icono para subir tu archivo. Ten en cuenta que tu archivo debe contener una extensión aceptada (PNG, SVG, JPEG, JPG o GIF), como se muestra en la imagen a continuación. También puedes especificar la altura y el ancho en píxeles en los campos de abajo. Agregar una imagen externa Para agregar una imagen externa a tu formulario, sigue los pasos a continuación: 1. Obtén el enlace del lugar de alojamiento de la imagen (por ejemplo, https://freeimage.host) Ten en cuenta que el enlace proporcionado debe ser de una imagen válida, con extensión .PNG o .JPG 2. Haz clic en el botón Agregar en la barra lateral derecha de la Pregunta: 3. Ahora haz clic en la pestaña de imagen y agrega la URL en el campo correspondiente, como se muestra a continuación: Ten en cuenta que el enlace de la imagen debe contener una extensión aceptada (PNG o JPG), como se muestra en la imagen. También puedes especificar la altura y el ancho en píxeles en los campos de abajo. Incrustar un video Para incrustar un video externo en tu formulario, sigue los pasos a continuación: 1. Obtén el enlace para compartir el video de Youtube, Vimeo o Wistia. 2. Haz clic en el botón Agregar en la barra lateral derecha de la Pregunta: 3. Ahora haz clic en la pestaña de video y agrega la URL en el campo correspondiente, como se muestra a continuación: Agregar un elemento de tu Galería a tu formulario: Para agregar un elemento de tu galería, sigue estos pasos: 1. Antes de comenzar, verifica si ya subiste los archivos que deseas usar en la galería. Esto garantizará que los elementos estén disponibles para agregarlos a tu formulario. 2. Haz clic en el botón "Agregar" en la barra lateral derecha de la Pregunta. 3. Ahora, haz clic en la pestaña "Galería". 4. Verás una lista de los archivos que subiste anteriormente. Para agregar un elemento de la galería a tu formulario, simplemente haz clic en la foto o el archivo que deseas incluir. Después de hacer clic en la foto deseada, se agregará automáticamente a tu formulario. 5. Si deseas eliminar un elemento de tu galería, pasa el mouse sobre el elemento y haz clic en el icono de eliminación. Aparecerá un mensaje de confirmación. Confirma para eliminar el elemento. Configuraciones de imagen/video por dispositivo Después de agregar una imagen o video, puedes definir configuraciones diferentes para la misma imagen en cada dispositivo (Desktop, Tablet y Móvil). Por ejemplo: la misma foto puede tener diferentes alturas, ajustes y puntos focales en móvil para garantizar que el sujeto principal siga destacando en una pantalla vertical estrecha. Para esto, cambia la pestaña del dispositivo encima del lienzo y ajusta lo que necesites. Si lo prefieres, también es posible usar una imagen totalmente diferente en cada dispositivo — aunque el caso más común es mantener la misma imagen y variar solo las configuraciones. Aprende más en Cómo personalizar el layout del formulario por dispositivo. 💡 Si quieres aprender cómo cambiar el posicionamiento de tu imagen en el formulario, sigue este enlace: Cómo cambiar la posición de tu imagen Si tienes alguna duda o sugerencia, envía un email a [email protected] Conclusión Este artículo mostró cómo agregar recursos multimedia a tu formulario para hacerlo más atractivo y dinámico, ya sea mediante la subida de archivos, el uso de imágenes externas, la incrustación de videos o la reutilización de elementos de tu galería.

Última actualización el May 06, 2026

Cómo personalizar preguntas de tipo número

Este artículo te ayudará a aprender a personalizar preguntas de tipo número en Yay! Forms, para que puedas ajustar límites, formato y elementos como prefijos y sufijos según tus necesidades. Guía paso a paso para personalizar preguntas de número 1. Inicia sesión en tu cuenta de Yay! Forms y navega hasta el formulario que deseas personalizar. 2. Haz clic en la pregunta que deseas personalizar. Esto abrirá el editor de preguntas. 3. En la pestaña "Pregunta", verás una opción para seleccionar el "Tipo de pregunta". Elige "Número" en el menú desplegable. 4. En la pestaña "Propiedades", puedes personalizar la pregunta de número seleccionando las siguientes opciones: - Valor mínimo: Define el valor mínimo que puede tener el número. - Valor máximo: Define el valor máximo que puede tener el número. - Decimales: Define el número de decimales que se mostrarán. - Separador decimal: Define el separador decimal. - Prefijo: Escribe un prefijo, si corresponde. - Sufijo: Escribe un sufijo, si corresponde. Guardar cambios Después de realizar los cambios deseados, haz clic en el botón "Guardar" para guardar los cambios. ¡Listo! Tu pregunta de número ahora se ha personalizado según tus preferencias. Nota ☝️ Personalizar preguntas de número es solo una manera de personalizar tu formulario según tus necesidades. Yay! Forms ofrece una variedad de opciones de personalización para todos los tipos de preguntas, así que siéntete libre de explorar las diferentes opciones y hacer que tu formulario sea realmente único. Conclusión Con estas indicaciones, podrás ajustar y configurar preguntas de número en Yay! Forms para que se adapten mejor al formato y a los requisitos de tu formulario.

Última actualización el May 06, 2026

Cómo personalizar preguntas de opción múltiple

Este artículo te ayuda a crear y configurar una pregunta de opción múltiple, para que los usuarios puedan elegir una respuesta (o varias, si lo deseas) desde una lista de opciones. Tipo de pregunta: opción múltiple En este tipo de pregunta, los usuarios pueden elegir una respuesta de la lista de opciones. Elige este tipo de pregunta seleccionando Multiple choice en el menú desplegable de Type en la esquina superior derecha de la pantalla. Edición del contenido de la pregunta Edita la pregunta escribiendo en el campo "Your question here". Si lo deseas, añade una descripción escribiendo en el campo de descripción. Gestión de opciones de respuesta Edita las opciones de respuesta escribiendo en los campos de opciones. Añade opciones haciendo clic en el botón Add choice en la parte inferior de la pantalla. Configuración de la pregunta Cambia la configuración de la pregunta a tu gusto. Multiple selection Multiple selection permite que los usuarios seleccionen varias opciones de respuesta. Randomized Randomized aleatoriza el orden de elección de la respuesta. Other Other añade una opción de “otra” a tus opciones de respuesta. Conclusión Con esta guía, puedes definir una pregunta de opción múltiple, editar su texto y descripción, gestionar las opciones disponibles y ajustar configuraciones que controlan si se permiten múltiples selecciones, si el orden se aleatoriza y si se incluye una opción adicional de “otra”.

Última actualización el May 06, 2026

Cómo usar la funcionalidad de mención en Yay! Forms

En este artículo aprenderás cómo usar menciones en Yay! Forms para referenciar distintos elementos dentro de tu formulario, como variables, respuestas de campos anteriores, parámetros UTM y campos ocultos, y cómo aprovechar esas menciones en la pantalla final para redireccionamientos. Referencias y menciones en Yay! Forms En Yay! Forms, es posible hacer referencias a diversos elementos en tu formulario, como variables, respuestas de campos anteriores, parámetros UTM y campos ocultos. https://www.youtube.com/watch?v=z_IV1fSO0us Cómo realizar una mención Para realizar la mención, solo tienes que escribir '@', lo que mostrará una lista en la que puedes seleccionar la mención deseada. En el ejemplo de abajo, muestro cómo puedes obtener la respuesta de un campo anterior: Campos ocultos y parámetros UTM Para seleccionar los campos ocultos o los parámetros UTM, el proceso es el mismo. Automáticamente, los valores correspondientes a lo que se informó en la URL se insertarán, como se ejemplifica a continuación: Uso de menciones en la pantalla final para redireccionamiento Para usar las menciones en la pantalla final cuando quieras redireccionar automáticamente; los valores van como parámetros en la URL deseada, como se muestra en los ejemplos de abajo: Uso de menciones en el botón de redireccionamiento de la pantalla final También puedes usar la mención en el redireccionamiento mediante el botón en tu pantalla final, como se muestra a continuación: Conclusión Ahora tienes una visión organizada de cómo insertar menciones en Yay! Forms para reutilizar valores del formulario (como respuestas previas, campos ocultos y parámetros UTM) y cómo aplicarlos también en la pantalla final, incluidos los redireccionamientos automáticos y los redireccionamientos mediante botón.

Última actualización el May 06, 2026

Cómo cambiar la posición de tu imagen

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: - Cómo personalizar el layout del formulario por dispositivo - Cómo definir el punto focal y el ajuste de imagen 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 1. Tendrás la opción de definir la imagen como fondo de tu formulario, como se ejemplifica a continuación. 2. 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. 3. 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. 4. 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. 5. 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. 6. 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.

Última actualización el May 06, 2026

Comparte tu agenda con preguntas tipo Calendly

Este artículo te ayudará a insertar un campo de Calendly en tu formulario, configurar la URL de tu cuenta/calendario y habilitar el prellenado de datos (nombre, email y preguntas personalizadas) para facilitar la programación y completar información automáticamente. Crear un campo de tipo Calendly Primero necesitas crear un campo de tipo Calendly como se muestra en la imagen de abajo: Configurar la URL de Calendly A partir de esto, debes insertar tu cuenta/tu calendario en el campo de la derecha, que dice 'Calendly Url'. Quedará más o menos así: Visualizar Calendly en el formulario Calendly se verá así en tu formulario: Activar el prellenado de nombre y email En caso de que quieras añadir el prellenado de nombre y email, solo tienes que hacer clic en el botón que dice "Activar prellenado" y seleccionar la opción deseada: Quedará como se muestra en el ejemplo de abajo: Usar el prellenado en preguntas personalizadas También puedes utilizar el prellenado en tus Perguntas personalizadas. Con el prellenado, es posible añadir hasta 10 preguntas personalizadas. Solo tienes que hacer clic en Añadir y seleccionar con qué deseas prellenar, tal como se muestra en las imágenes de abajo. Quedará como se muestra en el ejemplo de abajo: Conclusión Con esta guía, puedes añadir un campo de Calendly a tu formulario, vincularlo mediante la URL de tu calendario y habilitar opciones de prellenado para completar automáticamente datos como nombre, email y preguntas personalizadas, mejorando la experiencia de quien agenda.

Última actualización el May 06, 2026

Cómo personalizar el layout del formulario por dispositivo (móvil, tablet y desktop)

La mayoría de las personas hoy completa formularios en el celular, pero tu público también accede desde una notebook o tablet. Para garantizar que tu formulario se vea impecable en cualquier dispositivo, Yay! Forms te permite visualizar y personalizar el layout específicamente para Desktop, Tablet y Móvil — sin necesidad de mantener tres formularios distintos. Cómo funciona el selector de dispositivos Encima del lienzo de edición, verás una barra con tres opciones: Desktop, Tablet y Móvil. - Desktop — es la base por defecto. Todo lo que configures aquí sirve de referencia para los demás dispositivos. - Tablet — hereda automáticamente las configuraciones del Desktop. Personaliza cuando quieras algo diferente. - Móvil — hereda del Desktop por defecto, pero con adaptaciones automáticas para garantizar una buena experiencia (botones más grandes, imágenes reposicionadas, etc.). Barra de dispositivos en el lienzo con Desktop seleccionado Cuando el campo seleccionado tiene algún ajuste específico para Tablet o Móvil, aparece un punto azul discreto en la pestaña de ese dispositivo. Pasa el mouse para ver los detalles. Layouts disponibles en cada dispositivo En Desktop y Tablet, tienes 7 opciones de layout para la imagen/video: - Fondo (Full) - Lateral izquierda (Float-left) - Lateral derecha (Float-right) - Dividido a la izquierda (Split-left) - Dividido a la derecha (Split-right) - Banner superior - Banner medio En Móvil, algunos layouts se adaptan automáticamente, porque mitad-mitad lado a lado en una pantalla de 6 pulgadas no funciona bien: - Dividido (izquierda/derecha) → se convierte automáticamente en "imagen arriba, contenido abajo". - Lateral (Float) → se convierte en "imagen en línea encima del contenido". Los layouts que puedes elegir directamente en modo Móvil son 4: Fondo, Split superior (vertical), Banner superior y Banner medio. Split superior es exclusivo de Móvil: divide la imagen arriba y el contenido abajo, con altura fija, optimizado para pantallas verticales. Layouts disponibles en Desktop — 7 opciones Layouts disponibles en Móvil — 4 opciones, incluyendo Split superior Cómo crear un ajuste específico para Móvil o Tablet 1. Haz clic en la pestaña Móvil (o Tablet) encima del lienzo. 2. Realiza el ajuste deseado en la barra lateral derecha. Cada propiedad puede tener un valor diferente por dispositivo: layout, altura, ancho, Ajuste de imagen, Punto focal e incluso texto alternativo. El caso más común es mantener la misma imagen en todos los dispositivos y variar solo estas configuraciones para que se ajuste bien a cada pantalla; pero también puedes cambiar la imagen en sí, si lo prefieres. 3. Al cambiar algo en modo Móvil o Tablet, aparece un punto azul al lado de la propiedad modificada, indicando que tiene un ajuste específico para ese dispositivo. Sidebar con punto azul al lado del label "Layout" indicando un override para Móvil Cómo eliminar un ajuste específico (volver a heredar del Desktop) Si quieres deshacer el ajuste y que Móvil o Tablet vuelvan a heredar del Desktop: 1. Haz clic en el punto azul al lado de la propiedad. 2. El ajuste se elimina y esa propiedad vuelve a usar lo configurado en Desktop. El punto sigue presente en la pestaña del dispositivo mientras al menos una propiedad del campo tenga un override. Cuando se eliminan todos, desaparece. Barra de dispositivos con un punto azul discreto en la pestaña Móvil Buenas prácticas - Empieza por el Móvil. Como el tráfico primario de respuestas en formularios suele venir desde móvil, configura y visualiza el Móvil primero — ese es el escenario donde tu formulario tiene que ser perfecto. - Luego cambia a Tablet y Desktop para verificar cómo quedó y ajustar lo que necesites en esas pantallas. - Personaliza por dispositivo solo cuando sea realmente necesario. Cada override aumenta el mantenimiento de tu formulario con el tiempo. Recursos relacionados - Cómo definir el punto focal y el ajuste de imagen - Cómo cambiar la posición de tu imagen - Cómo añadir video, GIF, imagen o logo a tu formulario Soporte Si tienes alguna duda o sugerencia, envía un correo a [email protected] Conclusión Con la barra de dispositivos en el lienzo y el sistema de overrides marcados con punto azul, puedes garantizar que tu formulario se vea impecable en cualquier pantalla — sin mantener formularios paralelos. Empieza por el Móvil (donde suele estar la mayor parte de tu tráfico), ajusta lo que necesites para Tablet y Desktop, y usa el punto azul tanto como indicador como atajo para revertir un ajuste.

Última actualización el May 06, 2026

Cómo definir el punto focal y el ajuste de imagen

Cuando usas una imagen en layouts donde el área es fija (Banner con altura definida, Fondo, Dividido), la imagen necesita ajustarse al área. Dependiendo de la proporción de la imagen frente a la pantalla, partes pueden quedar recortadas. Para que no pierdas el control sobre esta adaptación, Yay! Forms ofrece dos controles: 1. Ajuste de imagen — define cómo la imagen se ajusta al área. 2. Punto focal — define qué parte de la imagen debe permanecer siempre visible. Ajuste de imagen En la barra lateral derecha de la Pregunta, debajo de las opciones de layout, encontrarás el selector Ajuste de imagen con tres opciones: - Ajustar — la imagen aparece entera dentro del área. Puede sobrar espacio alrededor (franjas blancas/coloreadas), pero nada se recorta. Ideal para logos e ilustraciones donde no se puede perder ningún detalle. - Cubrir — la imagen llena toda el área, recortando los bordes si es necesario para mantener la proporción. Es el valor por defecto para fotos e ilustraciones de fondo. - Estirar — la imagen se deforma (pierde la proporción) para llenar exactamente el área. Úsalo solo si la imagen es un patrón/textura o si la distorsión no importa. Dropdown "Ajuste de imagen" mostrando Fit / Cover / Stretch (corresponden a Ajustar / Cubrir / Estirar) El selector Ajuste de imagen solo aparece cuando el layout tiene un área fija: Banner con altura explícita, Fondo (Full) o Dividido (Split). En layouts con altura "auto" o Lateral (Float), el ajuste sería inerte y por eso el selector no se muestra. Punto focal Cuando el Ajuste de imagen es Ajustar o Cubrir, el selector de Punto focal queda disponible. Define qué región de la imagen debe permanecer visible incluso cuando el dispositivo se redimensiona y parte de la imagen necesita ser recortada. Para configurar: 1. En una imagen con Ajuste Ajustar o Cubrir, desplaza la barra lateral hasta el área de Punto focal. 2. Haz clic o arrastra el punto sobre la miniatura de la imagen para elegir la región que siempre debe aparecer (ej: el rostro de la persona, el producto, el título). 3. Para eliminar el punto y volver al centro (50%/50%), haz clic en Reset. Selector de Punto focal con el punto posicionado fuera del centro y el botón Reset visible El punto focal no tiene efecto cuando el ajuste es Estirar (la imagen se deforma uniformemente, sin recortes). Por eso, el selector desaparece automáticamente cuando eliges Estirar. Combinando con personalización por dispositivo El Ajuste de imagen y el Punto focal también son configurables por dispositivo. Por ejemplo: - En Desktop: usar Cubrir con punto focal en el rostro de la persona. - En Móvil: cambiar a Ajustar con punto focal central, garantizando que la imagen entera aparezca incluso en una pantalla vertical estrecha. Aprende más en Cómo personalizar el layout del formulario por dispositivo. Buenas prácticas - Ajustar es mejor cuando la imagen tiene texto o logo importante (no se recorta nada). - Cubrir con punto focal definido es mejor para fotos profesionales (llena todo y mantiene el sujeto enmarcado). - Siempre prueba el resultado empezando por Móvil (que tiende a concentrar la mayoría de las respuestas) y luego verifica en Tablet y Desktop, cambiando la pestaña encima del lienzo. - Evita Estirar con fotos — solo úsalo para texturas y patrones. Recursos relacionados - Cómo personalizar el layout del formulario por dispositivo - Cómo cambiar la posición de tu imagen Soporte Si tienes alguna duda o sugerencia, envía un correo a [email protected] Conclusión Con Ajuste de imagen y Punto focal, ganas control preciso sobre cómo se comportan tus imágenes en pantallas de proporciones diferentes. Usa Ajustar para preservar la imagen entera; usa Cubrir con punto focal para fotos profesionales que necesitan llenar el área sin perder el sujeto principal.

Última actualización el May 06, 2026