Diseñar el formulario: color, fondo, cabecera y favicon
El diseño general se prepara en Formulario de registro → General → Configuración. Los anchos y el orden de las preguntas se ajustan después en Campos. Separar ambas tareas te permite mantener una apariencia coherente sin modificar cada elemento por separado.
Elegir el color principal
- Abre la pestaña Color.
- Selecciona el tono o escribe su código hexadecimal en Color.
- Pulsa Guardar cambios y revisa la previsualización.
La ayuda indica que se utiliza en botones y etiquetas del formulario. Elige un tono que contraste con el texto y comprueba también enlaces, foco y estados de selección. Un CSS personalizado puede modificar el resultado de algunos componentes.
La pestaña Color permite definir el tono principal del formulario.
Preparar el fondo
En Fondo puedes utilizar una imagen, un color o ambos según la presentación que necesites.
- Imagen de fondo: archivo de hasta 2 MB. Utiliza una imagen que no dificulte leer el formulario.
- Repetir la imagen de fondo: adecuado para una textura preparada como patrón. Sin repetición, la imagen se ajusta para ocupar el fondo de la página.
- Color de fondo: define el tono de la página. La ayuda distingue esta zona de la parte central blanca donde se presenta el formulario.
Imagen, repetición y color del fondo se configuran en la misma pestaña.
Añadir la imagen superior
- Abre Encabezado.
- Sube la Imagen superior, de hasta 2 MB.
- Decide si debe ocupar el ancho del formulario o activa La imagen superior ocupa todo el ancho de la página.
- Guarda y revisa el recorte en los distintos tamaños de pantalla.
Las recomendaciones de la interfaz son 1920 × 700 px para la imagen superior y 1920 × 432 px cuando ocupa todo el ancho. Son referencias para preparar el archivo; revisa siempre el resultado final.
En la modalidad de ancho completo, la ayuda indica que puede recortarse la imagen para adaptarla. Mantén los elementos importantes cerca del centro y evita colocar texto esencial en los bordes.
La imagen superior y su modo de ancho completo se ajustan en Encabezado.
Mostrar el título
En Contenidos, completa Título por idioma. Se utiliza como título del navegador y encabezado del formulario. ¿Mostrar título en la cabecera? decide si aparece debajo de la imagen superior.
Si la imagen ya contiene el nombre del evento, revisa que el conjunto no lo repita de forma innecesaria. Las instrucciones y la información esencial deben seguir disponibles como texto legible.
Personalizar el favicon
En Otros ajustes → Favicon, añade una imagen PNG cuadrada, de al menos 192 px y un máximo de 512 KB. Es el pequeño icono de la pestaña del navegador. Si no lo personalizas, se utiliza el predeterminado.
Diseñar los bloques del formulario
Utiliza títulos, textos, imágenes y separadores para explicar el recorrido. Ajusta los anchos de las preguntas desde el constructor. Para estilos que requieran código, consulta HTML y CSS.
Comprobar el diseño antes de compartirlo
- Los textos se leen sobre el fondo y las imágenes no se deforman.
- La cabecera mantiene visible lo importante en móvil.
- Los botones y preguntas tienen contraste suficiente.
- No hay columnas estrechas para respuestas largas.
- El diseño funciona en todos los idiomas, también cuando una traducción ocupa más espacio.