Crear y editar plantillas

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 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, 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 con una clave Full Access. editor puede ser dragit, tiptap (Rich Text), html o text, y por defecto es html.

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

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:

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

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.

El menú de cada tarjeta tiene estas acciones:

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.

Ver también

• Versiones de plantilla
• Lenguaje de plantillas Temple
• Referencia de la API de plantillas
• Campos personalizados