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

# ¿Cómo usar el editor de plantillas de email marketing?

> Aprende a diseñar tus plantillas de email arrastrando bloques en el editor visual.

Aprende a diseñar tus plantillas de email arrastrando bloques en el editor visual.

## 1. Seleccionar el idioma y escribir el asunto

Al agregar un idioma, elige el idioma de la plantilla en el selector de la izquierda y escribe el asunto del mail en el campo de la derecha.

![Captura: 1. Seleccionar el idioma y escribir el asunto](https://files-public-web.s3.us-west-2.amazonaws.com/1978/company/library/user/1972990690001ff9ed277e4820af23e35de7f9a51a8.png)

## 2. Elegir la vista Escritorio o Móvil

En la parte superior del editor, usa los botones Escritorio y Móvil para ver cómo se verá tu mail en cada tipo de pantalla.

![Captura: 2. Elegir la vista Escritorio o Móvil](https://files-public-web.s3.us-west-2.amazonaws.com/1978/company/library/user/12555395300cc9cb7ae41456954f2d27051ad159883.png)

## 3. Cambiar entre modo claro y modo oscuro

Con el ícono del sol (o la luna) puedes ver cómo se vería tu mail en modo claro o en modo oscuro.

![Captura: 3. Cambiar entre modo claro y modo oscuro](https://files-public-web.s3.us-west-2.amazonaws.com/1978/company/library/user/89681395007bb99fa158875135961126eb7565a566.png)

## 4. Conocer las zonas del editor

El editor se divide en tres partes:

* Barra lateral (izquierda): los bloques disponibles (Sección, Imagen, Título, Párrafo, Botón, Divisor, Video, entre otros).
* Lienzo (centro): donde vas armando y viendo tu mail.
* Panel de Contenido (derecha): muestra las opciones del bloque seleccionado.

![Captura: 4. Conocer las zonas del editor](https://files-public-web.s3.us-west-2.amazonaws.com/1978/company/library/user/2869804641600dc4c7b2ad6a59a1512fa09f21e0ea1.png)

## 5. Entender cómo trabaja el editor: las secciones

Arrastra el bloque Sección al lienzo. En el panel de la derecha puedes elegir cuántas columnas tendrá. Nota: El editor trabaja por secciones, pero no es obligatorio usarlas: puedes insertar un párrafo, una imagen o un botón directamente en el lienzo. Cada elemento funciona por separado, así que no puedes arrastrar un botón o una imagen en medio de un párrafo. Nota: Las secciones sirven para agrupar elementos. Puedes crear varias secciones, cada una con sus propios elementos: por ejemplo, una con un párrafo y una imagen, y otra con un párrafo y un botón con un hipervínculo. Dentro de una sección puedes mover los elementos y reordenarlos.

![Captura: 5. Entender cómo trabaja el editor: las secciones](https://files-public-web.s3.us-west-2.amazonaws.com/1978/company/library/user/16142651109b0c0adb9f4b20d45c01b7c4217ecc571.png)

## 6. Agregar una Imagen

Arrastra el bloque Imagen al lienzo o dentro de una sección. Puedes pegar la URL de la imagen o elegir un archivo con Explorar multimedia.

![Captura: 6. Agregar una Imagen](https://files-public-web.s3.us-west-2.amazonaws.com/1978/company/library/user/10761767406b38be55542c41e1eb61ba87af8e0d6a8.png)

## 7. Reordenar los elementos con los 6 puntitos

Al seleccionar un elemento en el lienzo, aparecen a su costado 6 puntitos. Arrástralos para mover el elemento y cambiar el orden de tu mail. Nota: Los 6 puntitos funcionan con todos los elementos, estén o no dentro de una sección.

![Captura: 7. Reordenar los elementos con los 6 puntitos](https://files-public-web.s3.us-west-2.amazonaws.com/1978/company/library/user/10761767406b38be55542c41e1eb61ba87af8e0d6a8.png)

## 8. Agregar un Botón

Arrastra el bloque Botón al lienzo o dentro de una sección. En el panel de la derecha puedes cambiar la fuente, el texto del botón y la URL a la que lleva.

![Captura: 8. Agregar un Botón](https://files-public-web.s3.us-west-2.amazonaws.com/1978/company/library/user/23317162713305304ccb9dba8ffd20e69f7ad7beed6.png)

## 9. Ver la vista previa con el ícono del ojo

El ícono del ojo, en la parte superior del editor, te permite revisar cómo va quedando tu mail.

![Captura: 9. Ver la vista previa con el ícono del ojo](https://files-public-web.s3.us-west-2.amazonaws.com/1978/company/library/user/896813950562d430aef619114c58131c2221089e35.png)

## 10. Agregar un Párrafo

Arrastra el bloque Párrafo al lienzo o dentro de una sección y reemplaza el texto de ejemplo por el tuyo. En el panel de la derecha encontrarás las opciones Espaciado, Fondo y Visualización.

![Captura: 10. Agregar un Párrafo](https://files-public-web.s3.us-west-2.amazonaws.com/1978/company/library/user/25110790614a42c683b599a999b7da8f770ee7aaa6f.png)

## 11. Usar el resto de los elementos

La barra lateral incluye más elementos, como Título, Divisor, Video, Redes sociales, Menú y Tabla. Todos se usan de la misma manera que los que vimos en esta guía: arrastra el elemento al lienzo o dentro de una sección, configúralo desde el panel de Contenido y reordénalo con los 6 puntitos. Nota: En esta guía no se muestra el uso de cada elemento, pero el procedimiento es el mismo.


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