# Crear y editar plantillas

> Crea una plantilla, elige el editor Dragit, Rich Text o HTML, inserta variables y gestiona las plantillas desde la lista de plantillas y la página de cada plantilla.

Esta página explica cómo crear una plantilla en el panel o con la API, cómo funciona cada uno de los tres editores y cómo gestionar las plantillas desde la lista de plantillas. Está pensada para cualquiera que diseñe emails, tanto si trabaja con código como si no.

## Crear una plantilla

1. **Abre Templates.** Ve a **Email Marketing → Templates** y selecciona **Add template**.

2. **Ponle un nombre.** Introduce un **Name**, como `Welcome email`. Emailit rellena el **Alias** a partir del nombre, por ejemplo `welcome-email`.

3. **Comprueba el alias.** El alias es la forma en que tu código y tus automatizaciones hacen referencia a la plantilla. Puede contener letras minúsculas, dígitos, `_` y `-`, hasta 191 caracteres. Si el alias ya existe, el cuadro de diálogo muestra **Alias already exists** y la plantilla nueva se convierte en una [versión](/es/docs/templates/versions/) sin publicar de la existente.

4. **Elige un editor.** Elige **Dragit Editor** (el valor por defecto), **HTML Editor** o **Rich Text Editor**. En el panel no puedes cambiar una plantilla existente a otro editor, así que elige el que quieras conservar.

5. **Define los valores por defecto.** Si quieres, introduce un **Subject**, que puede contener marcadores de [Temple](/es/docs/templates/temple/), y una dirección **From** como `Acme <hello@acme.com>`. Ambos son valores por defecto que un envío puede sobrescribir.

6. **Crea y diseña.** Selecciona **Create**. La plantilla se abre en su editor. Diseña el contenido y guárdalo.

Para definir una dirección de respuesta (Reply-To) o un cuerpo de texto plano independiente, usa la API.

### Crear una plantilla con la API

Llama a [Crear una plantilla](/es/docs/api-reference/templates/create/) con una clave **Full Access**. `editor` puede ser `dragit`, `tiptap` (Rich Text), `html` o `text`, y por defecto es `html`.

```bash
curl https://api.emailit.com/v2/templates \
  -H "Authorization: Bearer $EMAILIT_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "name": "Welcome email",
    "alias": "welcome-email",
    "editor": "html",
    "from": "Acme <hello@acme.com>",
    "reply_to": "support@acme.com",
    "subject": "Welcome to Acme, {{first_name|\"there\"}}",
    "html": "<p>Hi {{first_name|\"there\"}}, thanks for joining.</p>",
    "text": "Hi {{first_name|\"there\"}}, thanks for joining."
  }'
```

La respuesta tiene el estado `201` y la plantilla en `data`. Si el alias es nuevo, la plantilla se publica de inmediato.

## Elegir un editor

| Editor | Ideal para | Qué ofrece |
| --- | --- | --- |
| **Dragit** | Emails diseñados con columnas, imágenes y botones, creados sin código | Bloques de arrastrar y soltar, un gestor de imágenes y un menú de variables. Guarda el HTML y el diseño de Dragit como JSON. |
| **Rich Text** | Emails sencillos, centrados en el texto, que parecen un mensaje personal | Una barra de herramientas de procesador de textos, un menú **Variables** y un campo **Preview text**. Guarda HTML. |
| **HTML** | HTML escrito a mano o importado, con control total del código | Un editor de código con números de línea y una vista previa en directo para escritorio y móvil. Guarda tu HTML tal como lo escribes. |

### Editor Dragit

Dragit es un editor de emails de arrastrar y soltar que se abre a pantalla completa.

- Arrastra bloques como texto, imágenes y botones al diseño, y ajusta su contenido y sus estilos.
- Sube imágenes con el gestor de archivos integrado. Se guardan en tu espacio de trabajo y se sirven desde una URL alojada.
- Inserta variables desde el menú de campos de combinación: **First name**, **Last name**, **Email** y los [campos personalizados](/es/docs/contacts/custom-fields/) de tus contactos, en **Custom fields**. El enlace de baja está disponible como un tipo de enlace especial.
- Tu trabajo se guarda automáticamente mientras editas. Cierra el editor para volver a la página de la plantilla.

Las plantillas de Dragit conservan su diseño como JSON de Dragit además de como HTML, así que puedes exportar el JSON e importarlo en otro espacio de trabajo. Consulta [Importar y exportar](/es/docs/templates/import-export/).

### Editor de texto enriquecido

El editor Rich Text se abre a pantalla completa con una barra de herramientas de formato: deshacer y rehacer, encabezados del 1 al 3, listas con viñetas y numeradas, citas, negrita, cursiva, subrayado, tachado, enlaces y alineación del texto.

- Selecciona el botón **Variables** (el icono `@`) de la barra de herramientas para insertar una variable en la posición del cursor.
- Introduce un **Preview text** en la parte superior para definir la línea que muestran las bandejas de entrada después del asunto. Emailit la añade como texto oculto al principio del email.
- Selecciona **Save** para guardar los cambios. Al guardar, Emailit aplica una fuente sans serif a todos los elementos para que el email se vea igual en todos los clientes de correo.

### Editor HTML

El editor HTML muestra tu código, con números de línea y resaltado de sintaxis, junto a una vista previa en directo. Cambia la vista previa entre **Desktop** y **Mobile**. Debajo de la vista previa, **Available variables** enumera los marcadores que puedes escribir en tu HTML. Selecciona **Save** para guardar los cambios.

La vista previa muestra los marcadores tal como están escritos. No renderiza los condicionales de Temple ni rellena los valores.

## Variables en los editores

Los tres editores ofrecen las mismas variables:

| Variable | Marcador |
| --- | --- |
| Nombre | `{{first_name}}` |
| Apellidos | `{{last_name}}` |
| Email | `{{email}}` |
| URL de baja | `{{unsubscribe_url}}` |
| Un campo personalizado del contacto | `{{cf.<key>}}`, por ejemplo `{{cf.plan}}` |

Quién las rellena depende de cómo se envíe la plantilla:

- **Las campañas** las rellenan todas con la ficha del contacto del destinatario, y `{{unsubscribe_url}}` con su enlace de baja. Consulta [Etiquetas de combinación de las campañas](/es/docs/campaigns/merge-tags/).
- **Los envíos por API** rellenan solo lo que pasas en `variables`, con los mismos nombres. Para `{{cf.plan}}`, pasa `"variables": { "cf": { "plan": "Pro" } }`. Lo que no pases se queda vacío.
- **Las automatizaciones de contactos** rellenan `{{first_name}}`, `{{last_name}}` y `{{email}}` con los datos del contacto. Los campos personalizados están disponibles como `{{custom_fields.<key>}}`, y `{{unsubscribe_url}}` no se rellena.

Para las reglas completas, consulta [Temple](/es/docs/templates/temple/).

## Gestionar las plantillas

**Email Marketing → Templates** muestra una tarjeta por alias, con una vista previa, el nombre, el alias, un distintivo del editor y el número de versiones. En la cuadrícula solo aparece la versión publicada de cada alias. Los borradores están en el panel **Versions** de la página de la plantilla.

- **Busca** por nombre o alias.
- **Ordena** por **Newest first**, **Oldest first**, **Recently updated**, **Recently published**, **Name A-Z** o **Name Z-A**.
- **Filtra** por editor.
- Selecciona **Import** para añadir una plantilla desde un archivo. Consulta [Importar y exportar](/es/docs/templates/import-export/).

El menú de cada tarjeta tiene estas acciones:

| Acción | Qué hace |
| --- | --- |
| **View** | Abre la página de la plantilla. |
| **Open Editor** | Abre la plantilla en su editor. |
| **Duplicate Template** | Crea una copia con un nombre y un alias nuevos. Consulta [Duplicar una plantilla](/es/docs/templates/import-export/#duplicate-a-template). |
| **Export Dragit JSON** | Descarga el diseño de Dragit. Solo aparece en las plantillas de Dragit. |
| **Export HTML** | Descarga el HTML. |
| **Export ZIP** | Descarga un paquete con el HTML, el JSON de Dragit y las imágenes. |
| **Delete** | Elimina esta versión de forma permanente. |

### La página de la plantilla

Selecciona una tarjeta para abrir la página de su plantilla. Muestra el estado (**Published** o **Draft**), el alias, el editor, la fecha de creación, el nombre, el asunto, el From, el Reply-To y el ID, una vista previa y el panel **Versions**.

- **Publish** aparece en las versiones en borrador y convierte esa versión en la versión activa del alias.
- **Open Editor** abre el contenido en el editor de la plantilla.
- El menú tiene **Edit** (para cambiar el nombre, el alias, el asunto y el From), **Duplicate Template**, las opciones de exportación y **Delete**.
- **New Version**, en el panel **Versions**, copia una versión existente en un borrador nuevo. Consulta [Versiones de plantilla](/es/docs/templates/versions/).

## Ver también

- [Versiones de plantilla](/es/docs/templates/versions/)
- [Lenguaje de plantillas Temple](/es/docs/templates/temple/)
- [Referencia de la API de plantillas](/es/docs/api-reference/templates/)
- [Campos personalizados](/es/docs/contacts/custom-fields/)

---
Fuente: https://emailit.com/es/docs/templates/editors/