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

# Crear un espaciador en una página

> Aprende a crear una sección espaciadora con contenido personalizado para organizar y separar el contenido de tu página.

## Descripción general

Crea una sección espaciadora con contenido personalizado para organizar y separar el contenido de tu página y mejorar la legibilidad.

<Note>
  **Nota:** Esta guía se refiere al editor de páginas más reciente disponible con el Website Builder y Kajabi Pages. Si estás usando las Plantillas Legacy de Premier, usa el Bloque Espaciador para agregar un espaciador a tu página.
</Note>

***

## ¿Qué es un espaciador?

Un espaciador es un espacio divisorio para separar visualmente tu contenido:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/articles/images/32b1f986_1260802890030.png" alt="1DB82138-B25E-4517-B736-A99F8D3D0FFA.png" />

Usa esta estrategia de diseño para animar a tus visitantes a leer tu página con contenido fácil de consumir y bellamente organizado.

***

## Cómo agregar un espaciador

Con las capacidades de edición de página disponibles en tus páginas de Kajabi, agrega un espaciador con una sección personalizada.

### Paso 1. Agregar una sección personalizada

Para agregar un espaciador:

* Abre la pestaña **Website** desde el Dashboard.
* Selecciona **Website Pages** o **Landing Pages**.
* Abre el editor de tu Página. [Aprende más](./how-to-get-to-the-page-editor)
* Ve al panel de la barra lateral.
* Haz clic en **Add Section**.
* Selecciona **Custom Section** para previsualizar.
* Haz clic en **Add** para generar la sección en tu página:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/70sro619kq" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

### Paso 2. Determinar la ubicación de tu espaciador

Después de agregar tu sección personalizada, reordena las secciones de tu página para colocar tu espaciador en la ubicación deseada.

Para reordenar tus secciones:

* Ve **Back** para ver tu lista de secciones en la barra lateral.
* En el editor de la barra lateral, haz clic en `=` y mantén presionado mientras arrastras la sección a la ubicación deseada.
* Suelta la sección y haz clic en **Save** para guardar tus cambios:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/omtuep7uz1" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

### Paso 3. Personalizar el espaciado de tu sección

Personaliza el espaciado de la sección en tu sección recién agregada para ajustar el tamaño del espaciado y que se ajuste mejor al diseño de tu página. [Aprende más](./customizing-section-layout-settings#desktop-layout)

Para personalizar el espaciado de tu sección:

* Haz clic en la sección personalizada para editarla.
* Ve a la Configuración de la Sección y haz clic en **Desktop Layout.**
* Usa las flechas para seleccionar el valor deseado o ingresa el valor deseado en el campo.
* Asegúrate de hacer clic en **Save** para guardar y aplicar tus cambios:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/jsza7bgz73" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

### Paso 4. Previsualizar tu página

Haz clic en el ícono "Preview" en la esquina superior derecha de tu editor para previsualizar tu página:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/images/launchbrightly/desktop-light-version-11-preview-page-1780204596098-1781427381578-1781738598033.png" alt="64207B8F-8C67-44AC-B3B0-77B6750FE64D.png" />

[Aprende a previsualizar tu página](./preview-your-page)