Índice
¿Qué es el Diseñador de emails?
Ubicación: Menú Configuración > Sistema > Diseñador de emails
El Diseñador de emails es un editor visual para crear y modificar los emails que reciben tus clientes (confirmación de reserva, anulación, recordatorio, pago, factura, restauración de contraseña…) sin escribir HTML.
Al abrir un email desde el listado Emails, el editor muestra tres zonas:
Bloques (izquierda): las piezas que puedes añadir al email.
Lienzo (centro): el Asunto, el Texto de vista previa y el cuerpo del email tal como se verá.
Propiedades (derecha): las opciones de la parte del email que tengas seleccionada.
Cada texto se puede escribir en varios idiomas dentro del mismo email, y puedes ver cómo queda en Escritorio y en Móvil.
¿Qué problema resuelve?
Emails profesionales sin código: cambia textos, colores y el orden de los bloques sin saber HTML.
Un email para todos los idiomas: asunto, vista previa y textos se traducen dentro del mismo email, sin duplicarlo.
Diseño coherente: todos los emails comparten la misma paleta de colores y espaciados.
Adaptado a móvil: compruebas el resultado en la vista Móvil antes de guardar.
Menos errores: con Probar te envías el email antes de que lo reciban los clientes.
Requisitos previos
Módulo Diseñador de emails instalado desde el App Market.
Permiso para gestionar emails y plantillas.
Datos del club completos (logo, nombre, dirección, contacto y web) en v3 - Sistema: General: el bloque Logo y los campos del club los toman de ahí.
Idiomas del club configurados, para saber a qué idiomas traducir los textos.
Cómo se configura (paso a paso)
Paso 1 — Abrir o crear el email
Ve a Menú Configuración > Sistema > Diseñador de emails.
Pulsa sobre un email del listado para editarlo, o pulsa Nuevo para crear uno.
Paso 2 — Elegir el idioma
En el selector de idioma (icono 🌐), elige el idioma que vas a editar.
El idioma marcado como · base (por ejemplo, English · base) es el idioma principal del email.
Paso 3 — Asunto y texto de vista previa
Escribe el Asunto.
Opcionalmente, añade el Texto de vista previa: la línea corta que muchos programas de correo muestran junto al asunto.
Con los iconos de la derecha de cada campo puedes añadir un emoji (☺) o pulsar <> Insertar un campo para añadir un dato variable (localizador, fecha, nombre del cliente…).
Paso 4 — Añadir y editar bloques
Añade al lienzo los bloques que necesites desde el panel Bloques.
Selecciona cualquier parte del email para ver y cambiar sus opciones en Propiedades.
Repite con cada idioma para traducir los textos.
Paso 5 — Revisar, probar y guardar
Cambia entre Escritorio y Móvil para revisar cómo se ve.
Pulsa Probar para enviarte un email de prueba.
Pulsa Guardar.
📌 Nota: si el email es nuevo, asígnalo donde se use (por ejemplo, en la configuración de Reservas para la confirmación, el recordatorio o la anulación).
Detalle de cada campo
Barra superior del editor
Guardar: guarda los cambios del email.
Probar: envía un email de prueba para revisarlo en un programa de correo real.
Selector de idioma: cambia el idioma que estás editando. El marcado como · base es el idioma principal.
Escritorio / Móvil: cambia la vista del lienzo para comprobar cómo se ve en ordenador y en móvil.
Asunto y Texto de vista previa
Asunto: asunto del email, en cada idioma.
Texto de vista previa: línea que se muestra junto al asunto en la bandeja de entrada. Opcional.
Iconos: ☺ añade un emoji; <> Insertar un campo añade un dato variable.
Ejemplo de uso / qué ocurre: asunto "Confirmación de tu reserva" y vista previa con los campos de localizador, fecha y hora. El cliente ve esos datos sin abrir el email.
Bloques disponibles
Título y texto: un título con un párrafo debajo.
Texto: un párrafo.
Banner de aviso: franja destacada con color, por ejemplo "¡Reserva confirmada!" o "Reserva anulada".
Campo destacado: un dato importante resaltado, como el localizador o el importe.
Lista de campos: filas etiqueta / valor (Nombre, Email, Teléfono, Fecha, Localizador…).
Imagen y texto: una imagen junto a un título y un texto.
Texto y botón: un texto con un botón al lado, por ejemplo "¿Necesitas anular esta reserva?" + "Anular reserva".
Dos tarjetas de información: dos recuadros en paralelo, por ejemplo Dirección y Contacto del club.
Botón: botón con enlace.
Imagen: una imagen.
Logo: el logo del club.
Separador: línea para dividir partes del email.
Espacio: hueco en blanco para separar bloques.
Pie legal: pie del email con la información legal del club.
HTML personalizado: código HTML libre para contenido muy específico.
Propiedades
Al seleccionar una parte del email, el panel Propiedades muestra sus opciones: textos, enlaces, alineación, colores, bordes, esquinas, márgenes y columnas, según el bloque.
Si no hay nada seleccionado, el panel indica Selecciona una parte del email para editarla.
Cómo se usa en el día a día
Insertar datos variables
Sitúa el cursor donde quieras el dato.
Pulsa <> Insertar un campo y elige el dato (localizador, fecha, hora, nombre o email del cliente, datos del club, enlace de anulación…).
📌 Nota: los campos disponibles dependen del email (reserva, pago, factura, contraseña…).
Traducir un email
Edita primero el email en el idioma base.
Cambia de idioma en el selector (por ejemplo, a Español).
Traduce el asunto, el texto de vista previa y los textos de cada bloque.
Pulsa Guardar.
Editar un email existente
Los emails que ya tenías (en texto o HTML) se abren en el editor con su contenido actual. Puedes mantenerlo o sustituirlo por bloques del diseñador.
Probar antes de usar
Revisa las vistas Escritorio y Móvil.
Pulsa Probar y comprueba el email recibido.
Qué ocurre al enviar el email
Se genera el email final con los campos sustituidos por los datos reales.
Idioma: el cliente recibe el email en su idioma. Si un texto no está traducido a ese idioma, se muestra el del idioma base.
Móvil: los bloques con varias columnas se adaptan a pantallas pequeñas.
Registro: cada envío queda en v3 - Herramientas: Últimos emails.
Listado y acciones disponibles
En el listado Emails: Nuevo y abrir un email para editarlo.
Menú Acciones: Exportar, Exportar (todas las columnas), Importar, Ver la papelera, Modo edición y Edición masiva.
En el editor: Guardar, Probar, selector de idioma y vista Escritorio / Móvil.
Limitaciones a tener en cuenta
Requiere el módulo Diseñador de emails.
Solo para emails: páginas y documentos siguen editándose en Plantillas.
Textos sin traducir: se envían en el idioma base.
HTML personalizado: su contenido no se edita visualmente.
Campos: solo están disponibles los propios de cada email; si el dato no está informado, sale vacío.
Programas de correo: algunos (por ejemplo, versiones antiguas de Outlook) pueden mostrar pequeñas diferencias de estilo.
Preguntas frecuentes
No veo Diseñador de emails en el menú.
Comprueba en Menú Configuración > Sistema > App Market que el módulo está instalado y que tu usuario tiene permiso.
El cliente recibe un texto en otro idioma.
Ese texto no está traducido a su idioma y se envía el del idioma base. Selecciona su idioma en el editor y tradúcelo.
He cambiado el email y el cliente sigue recibiendo el antiguo.
Comprueba que has pulsado Guardar y que el email está asignado en la configuración del módulo que lo envía (por ejemplo, Reservas).
Un campo aparece vacío.
El dato no está informado (por ejemplo, el teléfono del cliente) o el campo no corresponde a ese tipo de email.
No sale el logo.
Revisa que el logo del club esté cargado en v3 - Sistema: General.
He borrado un email por error.
Recupéralo desde Acciones > Ver la papelera.
Buenas prácticas recomendadas
Completa primero el idioma base y después traduce al resto.
Traduce también asunto y vista previa, no solo el cuerpo.
Usa Insertar un campo en lugar de escribir los datos a mano.
Revisa siempre la vista Móvil: la mayoría de clientes leen el email en el teléfono.
Pulsa Probar antes de dar por terminado un cambio.
Mantén el mismo estilo (logo, banner de aviso, pie legal) en todos los emails.
¿Necesitas ayuda?
Si tienes dudas, nuestro equipo de soporte está disponible para ayudarte. Escríbenos en la burbuja azul de tu programa de gestión.