--- title: "Secciones, columnas, separadores y espaciadores" description: "Organiza tu página con secciones y columnas, añade un encabezado y un pie de página, y usa separadores y espaciadores para dejar espacio." url: https://scratcher.io/es/help/elements/sections-columns-and-layout language: es --- 1. [Centro de ayuda](https://scratcher.io/es/help) 2. [Elementos y diseño](https://scratcher.io/es/help/elements) 3. Secciones, columnas, separadores y espaciadores # Secciones, columnas, separadores y espaciadores Organiza tu página con secciones y columnas, añade un encabezado y un pie de página, y usa separadores y espaciadores para dejar espacio. ## Secciones y columnas Una **Sección** es una caja que contiene otros elementos. Úsala para colocar elementos uno al lado de otro, o para dar un fondo a un grupo de elementos. 1. Inserta una **Sección** y arrastra elementos dentro. 2. En la pestaña **Contenido**, elige el número de **Columnas**: de 1 a 4. 3. Con más de una columna, elige la **Proporción de tamaño**, por ejemplo **Igual**, 1:2 o 2:1, o **Personalizado**. 4. Elige la **Orientación en móvil**: **Izquierda arriba**, **Derecha arriba** o **Mantener columnas** (las columnas siguen una al lado de otra en los móviles). Si reduces el número de columnas, las columnas del final se eliminan junto con su contenido. En la pestaña **Estilos**: **Fondo** (color o imagen), **Borde**, **Ancho**, **Forma**, la **Alineación** vertical de las columnas y el **Espacio** entre ellas. En los pop-ups también puedes poner la **Altura** de una sección en **Completo**. Las secciones, las columnas y los menús forman parte de los planes con la función **Elementos**. ## Encabezado y pie de página El encabezado y el pie de página son secciones que aparecen en todas las páginas, por ejemplo con tu logotipo y un enlace a tus condiciones. En cada página puedes elegir **Ocultar el encabezado en la página** u **Ocultar el pie de página en la página**. Activa **Posicionar de forma absoluta** en los ajustes del encabezado o del pie de página para que flote sobre la página en lugar de ocupar espacio. ## Separador Un **Separador** es una línea entre elementos. Define su **Color**, el estilo del **Borde**, el **Tamaño** (longitud y grosor), la **Forma** y la **Alineación**. Puedes añadir un **Icono** en el centro de la línea y ajustarlo en **Configuración de visualización**. ## Espaciador Un **Espaciador** añade espacio vacío. Arrastra su tirador en la página o escribe la altura en píxeles (de 5 a 500). Elementos y diseño - [Cómo funcionan los ajustes de los elementos](https://scratcher.io/es/help/elements/element-settings-basics) - [Editar textos y títulos](https://scratcher.io/es/help/elements/text-and-headings) - [Botones y acciones de clic](https://scratcher.io/es/help/elements/buttons-and-click-actions) - [Imágenes, logotipos, vídeo y fuentes](https://scratcher.io/es/help/elements/images-video-and-fonts) - [Secciones, columnas, separadores y espaciadores](https://scratcher.io/es/help/elements/sections-columns-and-layout) - [Configuración de página, fondos y páginas de pop-up](https://scratcher.io/es/help/elements/page-settings-and-backgrounds) - [Elementos de cuenta atrás, redes sociales, compartir y menú](https://scratcher.io/es/help/elements/countdown-social-share-and-menu) - [Gráficos interactivos con puntos clicables](https://scratcher.io/es/help/elements/interactive-graphic) - [Aviso de cookies, código personalizado y otros complementos de campaña](https://scratcher.io/es/help/elements/cookie-notice-and-custom-code) - [Guardar y reutilizar plantillas](https://scratcher.io/es/help/elements/templates-and-reuse) ## Artículos relacionados - [Cómo funcionan los ajustes de los elementos](https://scratcher.io/es/help/elements/element-settings-basics): Las pestañas Contenido, Estilos, Configuración y Efectos, tamaños, formas, bordes, colores y fondos, cambios para móvil y complementos. - [Añadir y editar textos, imágenes y otros elementos](https://scratcher.io/es/help/campaigns/add-and-edit-elements): Inserta elementos, cambia textos, sube imágenes y fuentes, y dale estilo a todo para escritorio y móvil. - [Configuración de página, fondos y páginas de pop-up](https://scratcher.io/es/help/elements/page-settings-and-backgrounds): Define el fondo de una página, alinea su contenido, convierte una página en pop-up, oculta el encabezado y actualiza la página automáticamente. ## ¿Sigues necesitando ayuda? Hay personas reales para ayudarte. Si ya usas Scratcher, lo más rápido es el chat dentro de la plataforma. - **[Chatea con nosotros](https://platform.scratcher.io/login)** Inicia sesión y haz clic en el botón del chat, abajo a la derecha. Rex responde al instante y nuestro equipo está a un clic. - **[Reserva una reunión](https://scratcher.io/es/book-a-meeting)** Una videollamada gratuita de 30 minutos con nuestro equipo: una demostración, ideas para campañas o ayuda con tu configuración. - **[Escríbenos](mailto:contact@scratcher.io)** Escribe a contact@scratcher.io y te responderemos.