# Cómo diseñar plantillas de email 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. ## Antes de empezar 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](#paso-3-abre-la-plantilla-en-el-editor). ## Paso 1: Ve a Plantillas 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](/images/guias/campanas/plantillas-email/paso-1-listado-plantillas.png) :::tip[Consejo] Usa el buscador en la parte superior del listado para encontrar una plantilla por nombre si ya tienes muchas guardadas. ::: ## Paso 2: Crea una nueva plantilla 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](/images/guias/campanas/plantillas-email/paso-2-menu-disenar.png) 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](/images/guias/campanas/plantillas-email/paso-3-nueva-plantilla-vacia.png) :::note[Nota] Si quieres editar una plantilla que ya existe, haz clic en los tres puntos de su tarjeta y elige **Editar**. O haz clic sobre su miniatura para previsualizar primero y luego pulsa **Editar plantilla**. ::: ## Paso 3: Abre la plantilla en el editor 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](/images/guias/campanas/plantillas-email/paso-5-editor-completo.png) ## Paso 4: Añade y edita bloques El panel izquierdo tiene dos secciones. **Content:** bloques de contenido que arrastras al email: | Bloque | Para qué sirve | |--------|---------------| | Text | Párrafo de texto editable | | Button | Botón con enlace (para entradas, reservas, etc.) | | Image | Foto o imagen del cartel, artista o recinto | | Divider | Línea separadora entre secciones | | Social | Iconos de redes sociales | | Spacer | Espacio vacío para separar bloques | | Hero | Bloque grande de imagen con texto encima | | Navbar | Menú de navegación | | HTML block | Có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](/images/guias/campanas/plantillas-email/paso-8-panel-anadir-bloques.png) ## Paso 5: Edita el contenido de un bloque 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](/images/guias/campanas/plantillas-email/paso-7-panel-propiedades.png) Para editar el texto de un bloque: haz doble clic sobre él y escribe directamente. :::tip[Consejo] Cuando seleccionas un bloque de texto y pasas a la pestaña **Estilos**, puedes cambiar la fuente, el tamaño, el color y el peso del texto sin tocar código. Experimenta hasta que el diseño tenga la identidad de tu evento. ::: ## 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. ## Paso 7: Envía un email de prueba 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](/images/guias/campanas/plantillas-email/paso-9-testear.png) :::note[Nota] El email de prueba se envía con los datos de personalización del contacto que hayas elegido, o con valores en blanco si no seleccionas ninguno. Revisa que los campos de personalización aparezcan bien antes de usar la plantilla en una campaña real. ::: ## Paso 8: Guarda la plantilla 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](/images/guias/campanas/plantillas-email/paso-10-guardar-plantilla.png) ## Resultado 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](/images/guias/campanas/plantillas-email/paso-2-menu-contextual.png) :::tip[Consejo] Clona una plantilla que ya funciona bien y modifica solo lo que cambia (fecha, imagen, botón). Así mantienes coherencia visual entre campañas y ahorras tiempo en cada envío. ::: ## Siguiente paso - [Crea tu primera campaña de email](/campanas/crear-primera-campana) y elige esta plantilla como contenido. - [Conecta Nevent con Claude o ChatGPT](/nevent-ai/conectar-claude) para generar el texto de tus emails con inteligencia artificial.