Los formularios terminan con una pantalla final que aparece justo después de que los usuarios pulsen el botón «Enviar». Si usas las funciones «test de puntuaciones», «test de resultados», ramificaciones o cálculos, puedes hacer que los usuarios vean pantallas finales distintas en función de sus respuestas. Y, si tienes un plan Plus o superior, también puedes redirigir a los usuarios a distintas páginas web en función de lo que respondan, en lugar de mostrarles una pantalla final.
Si tienes un plan Plus o superior puedes utilizar tanto pantallas finales como redirecciones en un mismo formulario, pero, en ese caso, debes tener en cuenta que aunque crees varias pantallas finales y redirecciones, los usuarios solo verán una de ellas en función de las reglas lógicas que configures.
Pulsa en uno de los encabezados para ir directamente a ese apartado y obtener más información sobre pantallas finales o redirecciones:
- Cómo añadir una pantalla final en tu formulario
- Cómo añadir una redirección a una URL en tu formulario
Cómo añadir una pantalla final en tu formulario
Sigue los pasos que te indicamos a continuación para añadir pantallas finales a tu formulario:
1. Vete a tu área de trabajo y abre un formulario.
2. Encontrarás una lista de las pantallas finales que se han creado hasta el momento para ese formulario en el panel «Contenido». Concretamente, en el apartado «Finales» (en el menú lateral izquierdo). Pulsa sobre una de ellas para editarla.
En cambio, si lo que quieres es añadir una pantalla final nueva, haz clic en el botón «+» y selecciona la opción «Pantalla final».
3. Haz clic en el texto de la pantalla final para modificarlo. También puedes usar aquí la función «recordar información». Para ello, pulsa la tecla correspondiente a la arroba (@) para incluir en el texto información de tu formulario (como respuestas anteriores, puntuaciones, precios o parámetros de URL). Es muy útil para recordar a los usuarios datos que ya indicaron antes en el formulario o bien para dirigirte a ellos por su nombre.
Consejo: recuerda que puedes incluir direcciones URL en tus textos y estos se convertirán automáticamente en enlaces activos. Sin embargo, no puedes usar etiquetas HTML para configurar hipervínculos.
Configuración de la pantalla final
Usa el panel «Opciones», que encontrarás a la derecha, para cambiar las opciones de configuración de tu pantalla final.
Botón
De forma predeterminada, tu pantalla final incluye un botón en el que se muestra el siguiente texto: «Crea un typeform». Cuando los usuarios pulsen en ese botón, se les remitirá a esta página, donde podrán obtener más información sobre Typeform.
Puedes activar o desactivar esta opción y también cambiar el texto que aparece en el botón. Cambiar el texto del botón no cambiará el enlace. Si es eso lo que quieres hacer, consulta el siguiente apartado.
Redirección a URL
De forma predeterminada, el botón que aparece en la pantalla final redirige el formulario a otra página, tal y como te comentamos antes. En función del plan de Typeform que tengas, es posible cambiar este enlace para redirigir a los usuarios a la URL de tu elección. Así que, si quieres que los usuarios accedan a tu página web después de haber completado tu formulario, solo tienes que añadir el enlace aquí.
Incluso puedes usar la función «recordar información» para hacer referencia a parámetros de URL o variables de texto en la URL. Solo tienes que asegurarte de que los valores de dichos parámetros de URL o variables coincidan exactamente con los nombres de las páginas web que tienes pensado usar.
¡Importante! La URL que elijas debe ofrecer una conexión segura. Comprueba que tu URL va precedida de HTTPS o la redirección no funcionará correctamente.
Iconos de redes sociales
Activa el interruptor asociado a la opción «Iconos sociales» para que los usuarios puedan ver los iconos de las redes sociales en la pantalla final y compartir tu formulario rápidamente en Facebook, Twitter y LinkedIn.
¡Importante! En la mayoría de los casos, estos botones permitirán a los usuarios compartir el formulario. Sin embargo, si has usado reglas lógicas para crear un test de resultados o un test de puntuaciones, estos botones les permitirán compartir los resultados que hayan obtenido en tu cuestionario.
Ten en cuenta que, actualmente, si haces referencia a información asociada a parámetros de URL, respuestas anteriores o variables para mostrar los resultados obtenidos en un cuestionario mediante la función «recordar información», cuando los usuarios lo compartan en redes sociales, aparecerá una cadena aleatoria de caracteres en lugar de la información recordada.
Imagen o vídeo
Para añadir una imagen o un vídeo a tu pantalla final, haz clic en el signo «+» que aparece al lado de la opción «Imagen o vídeo» en el menú lateral de configuración.
Para añadir una imagen, sube o arrastra tu propio archivo o bien elige una foto del banco de imágenes de Unsplash.
Puedes subir archivos JPEG y PNG, así como GIF estáticos o animados. El ancho máximo que puede tener una imagen para poder usarse en una pantalla final es de 800 píxeles. Si seleccionas una imagen mayor, esta se redimensionará automáticamente para ajustarse a ese ancho.
Una vez que hayas elegido tu imagen, puedes decidir cuál será su posición en la pantalla final eligiendo una de las distintas opciones que encontrarás en el apartado «Disposición» del menú de configuración de la pregunta, así como añadir un texto alternativo para mejorar la accesibilidad de tu formulario. Para cambiar la imagen seleccionada por otra, haz clic en el icono «Cambiar» que aparece al lado de la opción «Imagen o vídeo».
También puedes recortar y ajustar tu imagen, así como añadirle filtros o cambiar sus colores.
Cuando la hayas subido, podrás ver cómo queda el diseño de tu pantalla final directamente en el editor.
Para eliminar la imagen seleccionada, puedes hacer clic en el icono de la papelera del menú lateral de configuración o bien en la esquina superior derecha de la propia imagen.
Formato vídeo
Puedes añadir un vídeo de YouTube o Vimeo o bien buscar uno en la videoteca de Pexels. Para ello, simplemente haz clic en el botón «+» que aparece al lado de la opción «Imagen o vídeo», selecciona la pestaña «Vídeo» en la galería multimedia y pega la URL de tu vídeo (o busca uno que te guste).
Consejo: puedes añadir un vídeo o bien una imagen, pero no ambas cosas. Y, si ya has añadido una imagen a tu pantalla final, tendrás que eliminarla antes de poder añadir un vídeo.
Cómo eliminar una pantalla final
Para eliminar una pantalla final, basta con que pulses el icono de los tres puntos que aparece a su lado en el menú lateral izquierdo del panel «Contenido» y que selecciones la opción «Eliminar».
Añadir pantallas finales a tu formulario es algo opcional. Si eliminas todas las pantallas finales, los usuarios verán una pantalla final predeterminada como la que te mostramos a continuación (los colores exactos dependerán del tema utilizado en cada caso).
Cómo añadir una redirección a una URL en tu formulario
En lugar de mostrarles a los usuarios una pantalla final cuando terminen de responder tu formulario, también puedes redirigirles automáticamente a la URL que tú quieras. Esta función solo está disponible en planes Plus y superiores.
Sigue los pasos que te indicamos a continuación para añadir una redirección a tu formulario:
1. Vete a tu área de trabajo y abre un formulario.
2. Haz clic en el signo «+» del apartado «Finales» (en el panel «Contenido») y selecciona la opción «Redirección a URL» en el menú.
3. Verás que la redirección aparece ahora en la lista de finales:
Ahora, añade la URL a la que quieres redirigir a los usuarios cuando envíen el formulario, ya sea en el centro de la pantalla o bien en el cuadro de texto específico del menú lateral de configuración que aparece a la derecha. A los usuarios no se les mostrará la pantalla con la dirección URL que indiques aquí cuando envíen el formulario, sino que directamente se les redirigirá a esa página web.
En el apartado «Etiqueta para la URL», puedes añadir una etiqueta a tu redirección a modo de nota o resumen de la dirección URL que has añadido. La etiqueta que añadas aquí se mostrará en la lista de finales para facilitar su rápida identificación, pero los usuarios que respondan a tu formulario no la verán. Directamente, se les redirigirá a la URL que hayas indicado.
La URL que elijas debe ofrecer una conexión segura. Comprueba que tu URL va precedida de HTTPS o la redirección no funcionará correctamente. Recuerda que es posible añadir varias redirecciones en un mismo formulario.
También puedes utilizar la función «recordar información» para añadir elementos a la URL de redirección y enviar a los usuarios a distintas páginas web en función de sus respuestas o de los valores de una variable o un parámetro de URL.
Pulsa aquí para consultar una guía en la que te explicamos cómo incluir parámetros de URL en las direcciones URL de tus redirecciones y aquí para ver una guía sobre cómo hacer lo mismo con variables.
Cuando haces referencia a un parámetro de URL o a una variable en tu URL a través de la función «recordar información», será el valor de ese parámetro de URL o variable el que pase a formar parte de la URL (y no el nombre del parámetro de URL o variable en sí). Es decir, que si, por ejemplo, utilizas la variable «ciudad» en tu redirección, de la siguiente manera:
Al completar el formulario, los usuarios serán redirigidos a direcciones URL como: www.miempresa.es/londres o www.miempresa.es/cairo o similares, en función del valor que tenga en cada caso dicha variable. Es decir, que no se les enviará a la URL www.miempresa.es/ciudad.
Por este motivo, es importante que te asegures de que cualquier elemento al que hagas referencia en una URL de redirección lleve a una página web real, sea cual sea el valor que pueda tener dicho elemento.
Si has incrustado en tu página web un formulario que redirige a los usuarios a otro formulario distinto, puedes hacer que esa redirección se lleve a cabo dentro del mismo marco integrado de tu web. Basta con que añadas el siguiente atributo al código de incrustación del formulario:
data-tf-redirect-target="_self"
Debes añadirlo después del atributo data-tf-live, dejando un espacio de por medio, tal y como se muestra en la siguiente imagen: