Creación de plantillas de email avanzadas

Creación de plantillas de email avanzadas

Cómo Armar tu Plantilla Avanzada desde Cero

El editor de plantillas avanzadas funciona con un sistema visual de arrastrar y soltar, lo que significa que puedes construir tu correo sin necesidad de conocimientos técnicos. A continuación te explicamos cómo usarlo paso a paso.

Paso 1: Configurar los Datos Básicos

Antes de diseñar tu plantilla, completa los campos en la parte superior del editor:
  1. Nombre interno de la plantilla: Al hacer clic sobre el texto Nueva plantilla, se abrirá el panel en modo edición. Escribe un nombre que te ayude a identificar la plantilla fácilmente (por ejemplo: "Bienvenida a nuevos clientes" o "Seguimiento de ventas"). Este campo es obligatorio.
  2. Entidad: Selecciona si la plantilla será para Personas o Empresas según el tipo de contacto al que enviarás el correo. Puedes dejar Entidad genérica si aplica para ambas.
  3. Al hacer clic sobre el control se desplegará el siguiente panel para que selecciones el tipo de Entidad para la cual se utilizará esta plantilla.
  4. Visibilidad: Elige Privado si solo tú usarás la plantilla, o cámbialo a público si deseas compartirla con tu equipo.

Paso 2: Entender el Área de Trabajo

El editor tiene tres zonas principales:
  1. Panel Izquierdo: Aquí encontrarás todos los elementos que puedes agregar a tu correo:
    1. Pestaña Elementos: Bloques individuales (texto, imágenes, botones, etc.)
    2. Pestaña Plantillas: Diseños completos prediseñados que puedes usar como punto de partida
  2. Panel Principal : Es el espacio central donde verás cómo se va construyendo tu correo. Al iniciar, ya incluye un texto de ejemplo y un pie de página
  3. Barra Superior: Contiene las herramientas para previsualizar, guardar y gestionar tu plantilla
    1. Bordes: Muestra u oculta los bordes de los elementos
    2. Vista Previa: Visualiza el resultado final
    3. Cambiar Plantilla: Carga un diseño prediseñado
    4. Guardar: Guarda tus cambios
    5. Salir: Cierra el editor

Paso 3: Decidir tu Punto de Partida

Al abrir el editor, encontrarás contenido de ejemplo en el área central. Tienes tres opciones para comenzar:
  1. Modificar los elementos por defecto. Esta es la forma más rápida si el formato básico te sirve:
    1. Haz clic sobre el bloque de texto que dice "Lorem ipsum dolor sit amet..."
    2. Se abrirá un panel de edición a la izquierda que te permitirá editar el contenido y diseño de ese elemento.
    3. Reemplaza el texto de ejemplo con tu propio contenido
    4. Ajusta el formato, color, tamaño y alineación según necesites
    5. El pie de página (copyright y datos de empresa) ya está incluido y es obligatorio. Puedes editarlo haciendo clic sobre él
  2. Eliminar todo y empezar desde cero. Si prefieres construir tu diseño completamente personalizado:
    1. Haz clic sobre el bloque de texto de ejemplo en el lienzo
    2. Busca el ícono de eliminar o basurero que aparece al seleccionar el elemento
    3. Haz clic para eliminar el elemento
    4. Importante: El pie de página con copyright es obligatorio, por lo que te recomendamos dejarlo y solo modificarlo si es necesario
    5. Una vez limpio el lienzo, continúa agregando tus propios elementos. Te explicaremos en la siguiente sección cómo hacer.
  3. Usar una plantilla prediseñada. Si deseas partir de un diseño profesional completo:
    1. Haz clic en el botón Cambiar Plantilla en la barra superior, o
    2. Ve a la pestaña Plantillas en el panel izquierdo
    3. Explora los diseños disponibles
    4. Haz clic en el que más te guste para cargarlo en el lienzo
    5. Nota: Al cargar una plantilla prediseñada, reemplazará todo el contenido actual del lienzo
    6. Personaliza el contenido de la plantilla según tus necesidades

Paso 4: Agregar Nuevos Elementos a tu Correo

Para construir o enriquecer tu correo, arrastra elementos desde el panel izquierdo hacia el área central:
  1. Cómo arrastrar elementos:
    1. Ve a la pestaña Elementos en el panel izquierdo
    2. Haz clic sobre el elemento que deseas agregar (por ejemplo, Texto o Botón)
    3. Mantén presionado el clic y arrastra el elemento hacia el lienzo
    4. Suelta el elemento en la posición donde deseas colocarlo
    5. Verás una línea amarilla o indicador que te muestra dónde se insertará el elemento. Una vez se agrega el elemento, aparecerá el panel lateral para que puedas editar el texto y el diseño del mismo.
  2. Elementos Básicos disponibles:
    1. Texto: Para agregar títulos, párrafos o cualquier contenido escrito. Puedes arrastrar varios bloques de texto en diferentes secciones
    2. Imagen: Para insertar logos, fotografías o gráficos. Después de arrastrar podrás cargar la imagen desde tu computadora
    3. Video: Para incluir contenido multimedia embebido
    4. Botón: Para crear llamados a la acción como "Contáctanos". Después de arrastrar podrás configurar el texto y seleccionar la acción del botón, en dependencia de la acción seleccionada, se mostrará para que configures el destino de la acción, ya sea introducir una URL, subir un fichero, un número de teléfono para contactar.
    5. Línea divisoria: Una línea horizontal para separar visualmente secciones de tu correo
    6. Separador: Un espacio en blanco para dar aire y respiración entre elementos
  3. Estructuras: Son layouts con columnas predefinidas que te permiten organizar el contenido de forma profesional
    1. Puedes encontrar estructuras de 1, 2, 3 o más columnas
    2. Arrastra primero la estructura al lienzo donde desees crear la división

    3. Luego arrastra elementos básicos (texto, imagen, botón) dentro de cada columna de la estructura
    4. Esto te permite crear diseños más complejos, como colocar texto e imagen lado a lado

Paso 5: Editar y Personalizar Elementos

Una vez que tengas elementos en el área central(ya sean los de ejemplo o los que agregaste):
  1. Haz clic sobre el elemento que deseas editar
  2. Se abrirá un panel de propiedades o aparecerán opciones de edición
  3. Según el tipo de elemento, podrás modificar:
    1. Texto: Contenido, fuente, tamaño, color, alineación, negritas, cursivas
    2. Imagen: Cargar archivo, ajustar tamaño, agregar enlace, modificar alineación
    3. Botón: Texto del botón, color de fondo, color de texto, URL de destino
    4. Línea divisoria: Grosor, color, estilo
    5. Separador: Altura del espacio
  4. Los cambios se reflejarán inmediatamente en el área central

Paso 6: Organizar tu Contenido.

  1. Mover elementos: Haz clic y arrastra cualquier elemento hacia arriba o abajo para cambiar su posición
  2. Duplicar elementos: Si necesitas repetir un bloque, busca la opción de duplicar al seleccionarlo
  3. Eliminar elementos: Haz clic en el elemento y usa el ícono de basurero para quitarlo
  4. Ver bordes: Activa el botón Bordes en la barra superior para visualizar claramente los límites de cada elemento mientras trabajas

Paso 7: Previsualizar tu Plantilla

Antes de guardar, verifica cómo se verá tu correo en la bandeja de entrada:
  1. Haz clic en el botón Vista Previa en la barra superior
  2. Revisa que todo el contenido se vea correctamente
  3. Verifica que los textos sean legibles y las imágenes se muestren bien
  4. Si necesitas hacer ajustes, cierra la vista previa y edita los elementos necesarios

Paso 8: Guardar tu Plantilla

Una vez que estés satisfecho con el diseño:
  1. Verifica que hayas completado el nombre de la plantilla en el campo superior (obligatorio)
  2. Confirma que la Entidad y Visibilidad estén configuradas correctamente
  3. Haz clic en el botón Guardar en la barra superior
  4. Tu plantilla quedará lista para usar en tus comunicaciones por correo
⚠️ Importante: Si intentas hacer clic en Salir sin guardar, el sistema te advertirá para evitar que pierdas tu trabajo.

Consejos para Crear Plantillas Efectivas

  1. Mantén una estructura clara: encabezado, cuerpo y pie de página
  2. Utiliza las Estructuras de columnas para crear diseños más profesionales y organizados
  3. No sobrecargues el correo; un diseño limpio y simple es más efectivo
  4. Coloca tus llamados a la acción (botones) en lugares estratégicos y visibles
  5. El pie de página con información de copyright y datos de compañía es obligatorio en todas las plantillas

    • Related Articles

    • Gestionar plantillas de email

      Usuarios autorizados: Usuarios con permisos de CRM. La misión: Aprende a crear plantillas de email reutilizables en Escala para agilizar la comunicación con tus prospectos y contactos desde el CRM. Las plantillas de email son herramientas que te ...

    • Creación de plantillas de email básicas

      Cómo crear y gestionar plantillas básicas de email Las plantillas básicas son la forma más rápida y sencilla de crear mensajes de correo estandarizados en Escala. Están diseñadas para usuarios que necesitan plantillas de texto simple sin elementos de ...

    • Conectar email y calendario personal

      Usuarios autorizados: Todos los usuarios con acceso a Escala. La misión: Aprende a conectar tu correo electrónico personal y tu calendario de Google o Microsoft con Escala para centralizar tus comunicaciones y gestionar tus actividades desde un solo ...

    • Conectar un correo compartido

      Usuarios autorizados: Administradores. La misión: Aprende a conectar un correo compartido en Escala para que todos los usuarios de la cuenta puedan enviar emails desde una misma dirección (ej. ventas@tuempresa.com). Un correo compartido permite que ...

    • Configurar dominios y remitentes

      Usuarios autorizados: Administradores. La misión: Aprende a configurar dominios de correo y remitentes verificados en Escala para enviar campañas de marketing y automatizaciones usando tu propio dominio y evitar que los emails caigan en spam. ...