> ## 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.

# Personaliza el diseño móvil y de escritorio en campañas de correo

> Cambia el diseño de un correo según el dispositivo que los contactos usen para verlo.

En el **editor visual de correo**, puedes cambiar el diseño de un correo según el dispositivo que los contactos usen para verlo.

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

## Previsualiza un correo en diferentes dispositivos

En la parte superior de la página del editor de correo, puedes elegir en qué dispositivo quieres ver el correo mientras lo editas:

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

## Edita el diseño de escritorio

### Edita el diseño de escritorio

* En la barra lateral, haz clic en una sección.
* Ubica el encabezado **Section Settings** y haz clic en **Desktop Layout**.
* Personaliza el diseño de la sección.
* Haz clic en **Save** para guardar tus cambios.

### Diseño de escritorio

Personaliza el diseño de escritorio configurando las siguientes funciones:

* **Hide Section**: esta función te permite ocultar una sección específica en la vista de escritorio.
* **Desktop Section Padding**: ajustar el espaciado interno desplaza el contenido dentro de la sección hasta lograr la apariencia que quieras.
* **Width**: ajusta el ancho de la sección. Usa el formato 540px o simplemente 540 para especificar el ancho que quieras:

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

## Edita el diseño móvil

### Edita el diseño móvil

* En la barra lateral, haz clic en una sección.
* Ubica el encabezado **Section Settings** y haz clic en **Mobile Layout**.
* Personaliza el diseño de la sección.
* Haz clic en **Save** para guardar tus cambios.

### Diseño móvil

<Note>
  **Nota:**
  El editor visual de correo está diseñado para organizarse en un diseño apilado verticalmente para una visualización óptima en dispositivos móviles. Optimiza tu experiencia de visualización móvil editando el diseño móvil en la configuración de tu editor visual y en cada sección.
</Note>

* **Hide Section**: esta función te permite ocultar una sección específica en la vista móvil.
* **Mobile Section Padding**: ajustar el espaciado interno de una sección la desplaza hasta lograr la apariencia que quieras:

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