> ## 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ños anidados en el editor de páginas

> Coloca contenedores de diseño dentro de otros para crear páginas de varias columnas y bloques complejos sin CSS.

Los diseños anidados te permiten colocar un contenedor de diseño dentro de otro en el editor de embudos y sitios web. Así controlas con precisión cómo se organizan los elementos y puedes construir páginas de varias columnas, bloques adaptables y secciones complejas sin CSS personalizado.

## Para qué sirven

Con contenedores anidados puedes combinar filas, columnas y collages dentro de una misma sección, cada uno con su propio espaciado y alineación. Son ideales para páginas de captura, tablas comparativas o vitrinas de productos donde necesitas que todo quede perfectamente alineado.

## Ventajas

* **Estructura flexible**: combina filas, columnas y otros contenedores entre sí.
* **Ajustes en tiempo real**: cambia la dirección del contenedor (fila, columna o collage) y ve el resultado al instante.
* **Espaciado preciso**: define márgenes, relleno y alineación en cada nivel.
* **Sin trucos**: diseños complejos sin CSS personalizado ni herramientas externas.
* **Reutilizables**: duplica contenedores o guárdalos como secciones para mantener tu marca consistente.

## Cómo crear un diseño anidado

**1. Abre el editor**

Entra a **Sitios** y abre la página del embudo o sitio web que quieres editar.

**2. Agrega un contenedor**

Arrastra un **Contenedor de diseño** (Layout Container) al lienzo.

**3. Anida un segundo contenedor**

Arrastra otro **Contenedor de diseño** dentro del primero. El resaltado azul te indica que la zona es válida para soltarlo.

**4. Elige la orientación**

Abre la **Configuración de diseño** (Layout Settings) y elige **fila**, **columna** o **collage**.

**5. Ajusta espaciado y alineación**

Define márgenes, relleno y posición. Repite los pasos anteriores si necesitas más niveles.

**6. Guarda**

Haz clic en **Guardar**. Si vas a reutilizar el diseño, guárdalo como sección.

## Ideas de lo que puedes construir

* **Páginas de captura a dos columnas**: titular y formulario de un lado, testimonios y prueba social del otro.
* **Tablas comparativas de precios**: columnas de distinto tamaño para características, precios y botones.
* **Cuadrículas de características**: imágenes, textos y botones alineados en filas y columnas.

> [!TIP]
>
> Aunque técnicamente puedes anidar muchos niveles, lo recomendable es quedarte en tres o cuatro. Así la página es más fácil de mantener y carga más rápido.

## Preguntas frecuentes

> **¿Cómo agrego un contenedor anidado?**
>
> Arrastra un contenedor de diseño dentro de otro. El resaltado azul muestra dónde puedes soltarlo.

> **¿Puedo anidar secciones o filas?**
>
> No. Solo se pueden anidar los contenedores de diseño. Las secciones y filas se mantienen en un solo nivel por rendimiento.

> **¿Hay un límite de profundidad?**
>
> En la práctica no, pero se recomiendan tres o cuatro niveles por mantenimiento y velocidad de carga.

> **¿Funcionan en secciones guardadas?**
>
> Sí. Las secciones guardadas conservan su estructura anidada y se sincronizan según su tipo cuando las actualizas.

## Artículos relacionados

> **[Arrastrar y soltar con estructura automática](https://help.chateea.com/docs/sitios/arrastrar-y-soltar-con-estructura-automatica.md)**
>
> El editor crea secciones, filas y columnas por ti.

> **[Secciones guardadas](https://help.chateea.com/docs/sitios/secciones-guardadas.md)**
>
> Reutiliza tus diseños en otras páginas.


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