Tema y apariencia

Descripción general

El panel de Tema controla cómo se ve un formulario publicado y qué mensajes recibe la persona que lo completa. Desde ahí defines los colores, la tipografía, el estilo de los botones, el logo y los textos que aparecen al enviar el formulario, al agradecer el envío o cuando el formulario está cerrado. Lo usa cualquier persona con acceso de edición al formulario que quiere que ese formulario coincida con la identidad visual de su empresa.

Cómo llegar

Abre el formulario en el editor de anota. El panel de personalización está en el lado derecho de la pantalla, dividido en dos secciones: Configuración Del Formulario y Tema Del Formulario. (Ruta exacta desde el listado de formularios: [POR VERIFICAR])

Conceptos clave

• Tema del formulario: el conjunto de ajustes visuales (colores, tipografía, estilo de botones, logo) que se aplican a un formulario publicado específico.
• Idioma base: el idioma de respaldo que anota usa para completar un texto cuando la pestaña de idioma activa no tiene contenido propio. En anota, el idioma base es español; si estás en la pestaña EN o PT y no escribiste un texto propio, el panel muestra Idioma base: ES y usa el texto en español.
• Logo del formulario vs. logo de la empresa: el campo URL del logo del Tema es específico de un formulario. El logo de la empresa se configura una sola vez a nivel de cuenta (ver Nombre y logo de tu empresa) y se usa automáticamente en cualquier formulario que no tenga su propio logo definido.

Personalizar el tema de un formulario

Requisitos previos

• Tener acceso de edición al formulario. [POR VERIFICAR: roles exactos con permiso de edición del Tema]

Pasos

1. Abre el formulario en el editor y localiza el panel derecho.
2. En la sección Configuración Del Formulario, completa según necesites:
   • Texto del botón de enviar: el texto que se muestra en el botón con el que la persona envía el formulario. Opcional.
   • Mensaje de agradecimiento: el mensaje que ve la persona justo después de enviar el formulario. Opcional.
   • Mensaje de formulario cerrado: el mensaje que ve la persona si intenta abrir el formulario cuando ya no está disponible. Opcional.
3. Si el formulario se publica en más de un idioma, usa el selector de idioma (ES/EN/PT) en la parte superior del panel para escribir una versión propia de cada uno de esos tres textos en inglés y portugués. Si dejas una pestaña sin contenido, el panel indica Idioma base: ES y usa el texto en español como respaldo.
4. Justo debajo, un cuarto ajuste, Valores de campos ocultos (no se traduce por idioma; es un único valor para todo el formulario), controla qué hacer con la respuesta de un campo que una regla de lógica condicional oculta: Borrar al enviar (recomendado) (opción por defecto) elimina esa respuesta del envío; Conservar la guarda de todas formas aunque el campo esté oculto al momento de enviar.
5. En la sección Tema Del Formulario, ajusta el aspecto visual:
   • Color principal: color de acento para botones, enlaces y elementos destacados. Opcional.
   • Fondo de la página: color de fondo detrás de la tarjeta del formulario. Opcional.
   • Color de la tarjeta: color de fondo de la tarjeta que contiene las preguntas. Opcional.
   • Tipografía: fuente del texto del formulario. Opciones: Inter, system-ui, Georgia, Roboto Slab, Poppins, Courier New. Opcional.
   • Estilo de botones: forma de los botones. Opciones: Redondeado, Píldora, Cuadrado. Opcional.
   • URL del logo: logo que se muestra en el encabezado y en la pantalla de agradecimiento de este formulario. Si lo dejas vacío, anota usa automáticamente el logo configurado en Nombre y logo de tu empresa. Opcional.
   • Justo debajo de ese campo, un recuadro de vista previa muestra exactamente el logo y el nombre de empresa que se van a usar — el tuyo si escribiste una URL, o el de tu empresa si lo dejaste vacío — sin necesidad de publicar el formulario para verlo.
6. Guarda los cambios. [POR VERIFICAR: mecanismo exacto de guardado del panel de Tema — autoguardado o botón específico]

Resultado

El formulario publicado refleja los colores, la tipografía, el estilo de botones y el logo definidos, y muestra el texto del botón de enviar, el mensaje de agradecimiento y el mensaje de formulario cerrado según el idioma con el que se abra el formulario.

Por ejemplo: si defines un Color principal azul corporativo, subes tu logo en URL del logo y escribes "¡Gracias por tu respuesta!" como Mensaje de agradecimiento, la persona que complete el formulario verá el botón de enviar y los enlaces en ese tono azul, tu logo en el encabezado y en la pantalla de agradecimiento, y el mensaje "¡Gracias por tu respuesta!" apenas envíe sus respuestas — sin tocar código ni depender de un desarrollador.

Referencia de campos

Logo automático desde tu empresa

Si el campo URL del logo de un formulario está vacío, anota completa automáticamente el logo y el nombre de la empresa configurados a nivel de cuenta, y los muestra en el encabezado y en la pantalla de agradecimiento de ese formulario. Un formulario puede seguir usando su propio logo en cualquier momento: basta con escribir un valor en URL del logo dentro del Tema, y ese valor tiene prioridad sobre el logo de la empresa.

Importante: este resultado solo se ve en el formulario ya publicado, no en el lienzo de edición del constructor (que muestra los campos, pero no el encabezado ni la pantalla de agradecimiento). Para confirmar qué logo se va a usar sin salir del editor, revisa el recuadro de vista previa que aparece justo debajo del campo URL del logo.

La configuración de ese logo y nombre de empresa (subida de imagen PNG/JPG/WebP de hasta 2 MB y el campo Nombre de la empresa) se hace una sola vez desde la página Empresa de la cuenta y está limitada a los roles Owner y Administrador. Los detalles completos de esa pantalla están en Nombre y logo de tu empresa.

Roles y permisos

Esta tabla cubre solo el panel de Tema. Para la matriz completa de permisos por rol en toda la cuenta (qué puede ver o editar cada rol fuera del Tema del formulario) consulta Roles y permisos. Para invitar personas al equipo y asignarles uno de esos roles, ve a Equipo y roles.

Preguntas frecuentes / Solución de problemas

Funciones relacionadas

• El editor de formularios
• Lógica condicional — reglas que pueden ocultar campos; Valores de campos ocultos controla qué pasa con sus respuestas.
• Formularios multilingües
• Nombre y logo de tu empresa
• Roles y permisos
• Publicar y compartir