Skip to content

Cómo diseñar plantillas de email

This content is not available in your language yet.

En esta guía aprenderás a crear una plantilla de email desde cero usando el editor visual de Nevent. No necesitas saber de diseño ni de código. En unos 10 minutos tendrás una plantilla lista para usar en tus campañas.

Las plantillas de email son el “molde” visual que reutilizas en tus campañas. Puedes tener varias: una para newsletters, otra para early birds, otra para transacciones. Diseñarlas aquí una vez y usarlas cuantas veces quieras.

Si ya tienes una plantilla y solo quieres editarla, ve directamente al paso 3.

En el menú lateral, haz clic en Plantillas, dentro de la sección Campañas.

Se abre la biblioteca de plantillas. La pestaña activa por defecto es “Plantillas Email”.

Biblioteca de plantillas de email en Nevent, con el listado de plantillas en formato cuadrícula y los botones Importar, Diseñar y Crear con asistente en la esquina superior derecha

Haz clic en el botón Diseñar (esquina superior derecha) y elige Email en el menú que aparece.

Menú desplegable del botón Diseñar con las opciones Email y WhatsApp

Se abre el editor visual con una plantilla base ya preparada: logo, imagen principal, texto en dos columnas, botón de llamada a la acción y pie de email.

Editor de plantilla nueva con estructura base: logo, bloque de imagen, dos columnas de texto, botón Ver más y pie de suscripción

El editor tiene tres zonas principales:

  • Panel izquierdo: bloques que puedes añadir y opciones de estilo.
  • Centro: el lienzo donde ves el email tal como lo verá tu fan.
  • Barra superior: acciones de guardado, firma, previsualización y prueba de envío.

Editor de plantilla con el panel izquierdo de bloques abierto, mostrando las secciones Content y Layout, y la plantilla en el centro con controles flotantes sobre el bloque seleccionado

El panel izquierdo tiene dos secciones.

Content: bloques de contenido que arrastras al email:

BloquePara qué sirve
TextPárrafo de texto editable
ButtonBotón con enlace (para entradas, reservas, etc.)
ImageFoto o imagen del cartel, artista o recinto
DividerLínea separadora entre secciones
SocialIconos de redes sociales
SpacerEspacio vacío para separar bloques
HeroBloque grande de imagen con texto encima
NavbarMenú de navegación
HTML blockCódigo HTML personalizado

Layout: estructuras de columnas para organizar el contenido (1 columna, 2 columnas 50/50, 2 columnas 25/75…).

Para añadir un bloque: arrástralo desde el panel hasta el lugar del email donde quieres que aparezca.

Panel izquierdo del editor con la sección Añadir abierta, mostrando todos los bloques de contenido disponibles (Text, Button, Image, Divider, Social, Social Element, Spacer, Navbar, Hero, HTML block) y la sección Layout con opciones de columnas

Haz clic sobre cualquier bloque del lienzo para seleccionarlo. Al seleccionarlo ocurren dos cosas:

  1. Aparecen controles flotantes sobre el bloque: mover, duplicar, eliminar y más opciones.
  2. El panel izquierdo cambia a Estilos, donde puedes ajustar tamaño, márgenes, tipografía y color.

Bloque de texto EARLY BIRD seleccionado en el lienzo del editor, con borde azul y controles flotantes, mientras el panel izquierdo muestra las opciones de Size, Space, Typography con campos para fuente, tamaño, peso, color y alineación

Para editar el texto de un bloque: haz doble clic sobre él y escribe directamente.

Paso 6: Previsualiza cómo quedará en móvil

Sección titulada «Paso 6: Previsualiza cómo quedará en móvil»

En la barra superior, usa los iconos de escritorio y móvil para cambiar la vista previa. Así compruebas que el diseño se ve bien en ambos formatos antes de enviarlo.

Antes de guardar definitivamente, puedes enviarte el email a ti mismo para verlo en tu bandeja de entrada real. Haz clic en Testear (esquina superior derecha).

Se abre el panel “Previsualizar y testear” con:

  • Vista previa en escritorio y móvil.
  • Previsualizar con datos de usuario: busca un contacto real para ver cómo quedarían los campos de personalización (nombre, etc.) con datos reales.
  • Asunto: escribe el asunto del email de prueba.
  • Enviar prueba: introduce tu email y pulsa “Enviar prueba”.

Modal de previsualización y testeo con la vista previa del email a la izquierda, el campo de búsqueda de usuario, el campo de asunto y el botón Enviar prueba a la derecha

Cuando estés conforme con el diseño, haz clic en Guardar como en la barra superior.

Aparece el diálogo “Guardar plantilla”:

  • Nombre de la plantilla: ponle un nombre descriptivo (máximo 250 caracteres). Por ejemplo: “Early bird Junio 2026” o “Newsletter mensual”.
  • Carpetas: agrupa la plantilla en una carpeta si usas varias (opcional).

Pulsa Guardar como para confirmar.

Diálogo Guardar plantilla con un campo de nombre vacío, un selector de carpeta y los botones Descartar y Guardar como

Tu plantilla aparece guardada en el listado de Plantillas Email con su vista previa. A partir de ahora puedes seleccionarla al crear cualquier campaña de email.

Con el menú de tres puntos de cada tarjeta puedes: editar, renombrar, clonar (duplicar para partir de ella en otra campaña) o previsualizar la plantilla.

Menú contextual de una plantilla con las opciones Editar, Renombrar, Clonar, Previsualizar y Borrar