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.
Preguntas frecuentes
¿Cómo agrego un contenedor anidado?
¿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?
¿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?
¿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?
¿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
El editor crea secciones, filas y columnas por ti.
Secciones guardadas
Reutiliza tus diseños en otras páginas.