> ## Documentation Index
> Fetch the complete documentation index at: https://help.chateea.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Diseño de imágenes en formularios y encuestas

> Elige entre cinco diseños para mostrar una imagen junto a tu formulario o encuesta, o como fondo.

Una buena imagen junto a tu formulario o encuesta le da contexto y hace que se vea más profesional: la foto de tu equipo en un formulario de contacto, tu producto en una encuesta de satisfacción o un fondo con tu marca. Chateea te ofrece cinco diseños de imagen para colocarla donde mejor encaje con tu contenido.

## Los cinco diseños

| Diseño | Cómo se ve | Ajustes disponibles |
| - | - | - |
| **Izquierda centrada** | Imagen a la izquierda, centrada en vertical | Radio de las esquinas y espaciado |
| **Derecha centrada** | Imagen a la derecha, centrada en vertical | Radio de las esquinas y espaciado |
| **Izquierda fija** | Imagen fija que ocupa el lado izquierdo | Punto focal |
| **Derecha fija** | Imagen fija que ocupa el lado derecho | Punto focal |
| **Fondo** | Imagen detrás de todo el contenido | Ninguno adicional |

## Ajustes de estilo

* **Radio de las esquinas** (solo diseños centrados): redondea las esquinas de la imagen para que combine con tu estilo.
* **Espaciado entre imagen y campos** (solo diseños centrados): ajusta la distancia entre la imagen y el formulario.
* **Punto focal** (solo diseños fijos): eliges qué parte de la imagen se mantiene visible en pantallas de distintos tamaños, para que no se corte lo importante.

## Configurarlo en un formulario

**1. Abre el formulario**

Ve a **Sitios → Formularios** y crea un formulario o edita uno existente.

**2. Abre el diseño**

Abre **Estilos y opciones** y despliega la sección **Diseño** (Layout).

**3. Agrega la imagen**

Activa **Mostrar imagen** y sube tu imagen.

**4. Elige el diseño**

Selecciona uno de los cinco diseños y ajusta sus opciones (radio, espaciado o punto focal).

**5. Revisa y guarda**

Revisa el resultado en la vista previa, también en celular, y guarda.

## Configurarlo en una encuesta

**1. Abre la encuesta**

Ve a **Sitios → Encuestas** y crea una encuesta o edita una existente.

**2. Abre los estilos**

Abre la pestaña **Estilos**, activa **Mostrar imagen** y sube tu imagen.

**3. Elige el diseño**

Selecciona el diseño y ajusta sus opciones. Este será el diseño por defecto de todas las diapositivas.

**4. Personaliza diapositivas concretas (opcional)**

Si quieres que una diapositiva tenga otra imagen u otro diseño, abre su **configuración de diseño de imagen** y elige **Independiente**. Esa diapositiva dejará de seguir el diseño general.

**5. Guarda**

Guarda los cambios.

> [!NOTE]
>
> La personalización de la imagen por diapositiva solo está disponible en las encuestas.

> [!TIP]
>
> Con los diseños fijos, coloca el punto focal sobre la cara o el producto. Así sigue visible aunque la pantalla recorte la imagen en celulares o monitores anchos.

## Artículos relacionados

> **[Color primario en formularios](https://help.chateea.com/docs/sitios/color-primario-en-formularios.md)**
>
> Aplica el color de tu marca en todo el formulario.

> **[CSS personalizado en formularios](https://help.chateea.com/docs/sitios/css-personalizado-en-formularios.md)**
>
> Ajustes de diseño avanzados con CSS.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.