Organizar el contenido con títulos, textos, separadores e imágenes
Los elementos de presentación ayudan a entender el formulario: separan secciones, explican qué información se solicita y añaden imágenes. No recogen una respuesta del asistente.
Añadir un elemento de presentación
- Abre Formulario de registro → Campos → Crear campo.
- Selecciona Título, Separador, Bloque de texto, Imagen o Imagen localizada.
- Prepara su contenido y el Ancho del campo.
- Guarda y utiliza Mover para colocarlo antes de los campos a los que se refiere.
Título
Escribe el Texto en cada idioma. Utilízalo para secciones como «Datos de contacto» o «Preferencias de participación». No necesitas convertir cada pregunta en un título independiente: las preguntas ya disponen de su propia etiqueta.
El título introduce una sección y dispone de texto por idioma.
Separador
El separador permite dividir visualmente el formulario. En Tipo de separador, elige Visible para mostrar la separación o Invisible para dejar un espacio en blanco. Ajusta el ancho para que encaje con las columnas de esa fila.
Bloque de texto
Introduce instrucciones o información en el editor de contenido de cada idioma. Su barra de herramientas permite dar formato al texto y añadir enlaces. Utiliza párrafos cortos, listas cuando haya pasos y negritas para destacar lo que la persona debe identificar.
Por ejemplo: «Selecciona los talleres a los que deseas asistir. Las plazas disponibles se indican en cada opción». Si necesitas una respuesta, añade después un campo; escribir una pregunta dentro de un bloque de texto no crea una casilla para contestarla.
Imagen
Carga una imagen de hasta 2 MB. Esta variante muestra la misma imagen en todos los idiomas. Prepara un archivo legible al ancho que ocupará y evita incluir texto pequeño dentro de la imagen.
Imagen localizada
Utiliza Imagen localizada cuando la imagen contiene texto traducido o debe cambiar según el idioma. Carga la versión correspondiente en cada idioma y comprueba ambas previsualizaciones. No presupongas que una versión vacía utilizará automáticamente la imagen de otro idioma.
Imagen localizada permite preparar un archivo para cada idioma del evento.
Importante: estos elementos muestran imágenes de la organización. Para que el asistente suba un documento o una fotografía, utiliza Fichero o Foto del asistente.
Visibilidad y diseño
En Avanzado, Activo controla si el elemento aparece. Mostrar cuando el registro está cerrado, cuando está disponible, permite conservar ese contenido en la pantalla de cierre. Revisa que el texto siga teniendo sentido si ya no se aceptan inscripciones.
Las Clases CSS adicionales permiten aplicar estilos preparados para el evento. No sustituyen al contenido ni traducen las imágenes. Si aparece la pestaña Dependencias entre campos, puedes condicionar el elemento a una respuesta siguiendo la guía de dependencias.
Revisar el conjunto
Previsualiza el formulario completo y comprueba la separación entre secciones, el tamaño de las imágenes y la lectura en móvil. Consulta cómo distribuir campos, filas y columnas antes de añadir separadores para compensar un ancho incorrecto.
Herramientas del editor de contenido
El Bloque de texto incluye un editor para cada idioma. Selecciona el texto antes de aplicar un formato. La misma clase de editor aparece en otros contenidos del formulario, como mensajes y condiciones.
| Herramienta | Para qué sirve |
|---|---|
| Fuente HTML | Permite revisar o editar el marcado del contenido. Vuelve a la vista visual y comprueba el resultado antes de guardar. |
| Cortar, Copiar y Pegar | Mueven o incorporan contenido. Pegar como Texto Plano evita arrastrar estilos ajenos; Pegar desde Word ayuda al incorporar contenido de Word. |
| Negrita, Cursiva y Subrayado | Destacan el texto seleccionado. Utiliza la negrita para información que el participante deba identificar rápidamente. |
| Subíndice y Superíndice | Colocan caracteres por debajo o por encima de la línea del texto. |
| Numeración y Viñetas | Crean listas de pasos o de elementos. |
| Alinear a Izquierda, Centrado, Alinear a Derecha y Justificado | Ajustan la alineación del párrafo. |
| Disminuir Sangría y Aumentar Sangría | Cambian el desplazamiento del párrafo o de los elementos de una lista. |
| Insertar/Editar Vínculo y Eliminar Vínculo | Permiten enlazar un texto, modificar su destino o retirar el enlace conservando el texto. |
| Imagen | Inserta una imagen dentro del contenido. Para organizar una imagen como elemento independiente del formulario, utiliza el campo Imagen o Imagen localizada. |
| Insertar Línea Horizontal | Añade una separación dentro del propio bloque de contenido. |
| Insertar Caracter Especial y emoji | Permiten insertar símbolos y emojis. |
| Formato, Tamaño y Color de Texto | Definen el formato del párrafo, el tamaño y el color del texto. Mantén una jerarquía coherente y un contraste legible. |
| Maximizar | Amplía el editor para trabajar con mayor comodidad; no cambia el tamaño del contenido publicado. |
| Acerca de CKEditor 4 | Muestra información del editor; no configura el formulario. |
La captura siguiente muestra la barra de herramientas del editor de contenido.
Barra de herramientas del editor de contenido: formato, listas, alineación, enlaces, imágenes y colores.