# Diseño y presentación

> El título, el logo y los cinco colores de tu formulario, sus dos presentaciones, un link a tu política de privacidad, la vista previa y lo que no cambia.

Tu formulario lleva tu nombre, tu logo y tus colores desde la primera pantalla hasta la última. Los defines en el editor, y la vista previa de al lado te muestra el resultado.

## Título y descripción

En **Detalles del formulario**:

- **Título del formulario** es el encabezado del formulario, de hasta 100 caracteres. Hasta un borrador necesita uno. En la última pantalla también es el nombre del chat que quien responde está por abrir.
- **Descripción** es opcional: hasta 240 caracteres debajo del título, para decir para qué es el formulario.

## Logo

En **Logo**, selecciona **Subir imagen** y elige un archivo PNG, JPEG, WEBP, GIF o SVG de hasta 20 MB. Lo recortas en forma cuadrada y se guarda a 512 × 512 píxeles, conservando la transparencia. Se sube cuando guardas el formulario.

El logo aparece arriba del título y en la última pantalla. Sin logo, el formulario muestra las iniciales de las dos primeras palabras de su título (Dental Sol pasa a ser DS) sobre el color de tu botón.

## Cinco colores

La tarjeta **Diseño** tiene cinco colores, y cada uno acepta cualquier valor hexadecimal.

| Color                 | Qué pinta                                              | Predeterminado |
| --------------------- | ------------------------------------------------------ | -------------- |
| **Título**            | El título del formulario y las preguntas               | `#1a1a1a`      |
| **Texto**             | La descripción, el texto de ayuda y el resto del texto | `#6b6560`      |
| **Fondo**             | La página detrás del formulario                        | `#ffffff`      |
| **Barra de progreso** | La barra de arriba y el contador de preguntas          | `#075e54`      |
| **Botón**             | Los botones, la respuesta seleccionada y las iniciales | `#075e54`      |

Todo lo demás sale de estos cinco. Los bordes, los fondos de los campos y el texto más claro se mezclan a partir de tus colores y tu fondo, así que un fondo oscuro funciona igual de bien que uno claro. El texto de tus botones se elige por ti: blanco cuando se lee bien sobre el color de tu botón, oscuro cuando no. No hay un sexto color que elegir.

## Dos presentaciones

Elige una en **Presentación**, y cámbiala cuando quieras.

|                                      | **Paso a paso**                                              | **Todo a la vez**                                   |
| ------------------------------------ | ------------------------------------------------------------ | --------------------------------------------------- |
| Qué ve quien responde                | Una pantalla de bienvenida y luego una pregunta por pantalla | El título y luego todas las preguntas en una página |
| Cómo avanza                          | **Start**, **Continue** o **Skip**, **Finish**               | Se desplaza y luego toca **Finish**                 |
| Alcance por pregunta en la analítica | Sí                                                           | No                                                  |

Paso a paso es la presentación predeterminada. Su pantalla de bienvenida muestra tu logo, tu título y tu descripción, el número de preguntas y un tiempo estimado, como `5 questions · about 50s`.

Las dos presentaciones terminan en la misma pantalla: el mensaje que quien responde está por enviar, con **Open WhatsApp** y **Edit my answers**. Las respuestas en curso se quedan en el navegador de quien responde durante la sesión, así que no se pierden al recargar la página o al pasar un momento a otra app.

## Link a la política de privacidad

En **Configuración**, activa **URL de la política de privacidad** y pega la dirección de tu política. Tiene que empezar con `https://` o `http://`. El formulario muestra entonces un link **Privacy policy** al final de cada pantalla.

Funciona guardes o no las respuestas. Si las guardas, poner un link a una política es una buena práctica, y puede ser obligatorio donde operas.

## Vista previa en vivo

La **Vista previa del formulario** que está junto al editor (debajo, en un celular) es el formulario real, dibujado por la misma página que recibe quien responde. Se actualiza cuando terminas cada cambio: al salir de un campo de texto o al elegir una opción.

Puedes responderla como lo haría cualquier persona. **Finish** muestra el mensaje exacto, y **Open WhatsApp** abre la cuenta que eligen tus reglas. La vista previa no guarda nada y nunca se cuenta en la analítica.

## Lo que todos los formularios conservan

Estas partes son iguales en todos los formularios y no se pueden cambiar:

- Los textos propios del formulario están en inglés: **Start**, **Continue**, **Skip**, **Finish**, **Open WhatsApp**, **Edit my answers**, la etiqueta **Optional** y los mensajes de error.
- La línea “You'll finish the conversation on WhatsApp.” debajo de **Start** o **Finish**, y “We'll only use your details to reply on WhatsApp.” en la última pantalla.
- El botón **Open WhatsApp** en verde WhatsApp y el rojo de los errores.
- El número de preguntas y el tiempo estimado.
- El link **Powered by Walink** al final.

No hay fuentes personalizadas, ni CSS personalizado, ni imagen de portada. Después de la última pregunta no hay página de agradecimiento ni redirección: el formulario termina en WhatsApp.