Plantillas

Crea y edita plantillas profesionales de correo auto ajustables a múltiples dispositivos. Puedes usar estas plantillas para tus correos enviados via Email marketing, SMTP o API

Mis plantillas

Crear plantilla

Editor de plantilla

En este editor podrás personalizar y/o ajustar textos, imágenes, links, vínculos. etc para la construcción de su correo.

En la parte izquierda de su pantalla visualizará los diferentes botones de edición, en el centro la plantilla que está diseñando y en la parte derecha las configuraciones que se despliegan por cada botón.

Título: nos permite con un click arrastrar he insertar en la zona que deseemos dentro de la plantilla, adicionalmente nos permite ajustarlo con diferentes funciones:

• Alineación: aquí podemos definir cual de las tres opciones consideramos que se ajusta a lo que deseamos, bien ya sea izquierda, centrado o a la derecha.

• Título: este cuadro de texto nos permite escribir sin limite de caracteres, a la vez ya viene predeterminado para sobresalir como tipo de texto Heading 1.

• Subtítulo: este cuadro de texto nos permite escribir sin limite de caracteres, a la vez ya viene predeterminado como tipo de texto Heading 2.

• Color De Fondo: nos permite elegir de forma manual que color deseas usar para el fondo o si ya manejamos una paleta de colores ingresar el código de color hexadecimal que corresponda.

• Tamaño de Fuente: a través de una barra espaciadora podremos determinar el tamaño de nuestro título y subtítulo al mismo tiempo.

• Color Fuente: nos permite elegir de forma manual que color deseas usar para el texto o si ya manejamos una paleta de colores ingresar el código de color hexadecimal que corresponda.

• Familia: podemos elegir entre 13 tipos de fuentes que se ajusten a lo que deseamos usar en nuestra plantilla.

• Grosor: esta herramienta nos permitirá elegir la densidad que queremos proporcionar a nuestro texto.

• Padding: esta herramienta nos permite determinar las dimensiones para nuestro título, basado en los bordes Superior, Inferior, Derecha e Izquierda.

Boton: Corresponde a los links en los que nuestros usuarios podrán acceder. también pueden ser personalizados asignando nombre, color y demás detalles de su preferencia.

• Alineación: aquí podemos definir cual de las tres opciones consideramos que se ajusta a lo que deseamos para la posición de nuestro botón, bien ya sea izquierda, centrado o a la derecha.

• Texto Del Botón: este cuadro de texto nos permite escribir sin limite de caracteres y determinar así el texto que contendrá nuestro botón.

• URL: aquí debemos ingresar link al cual queremos redireccionar a nuestros clientes, por favor recordar que debe iniciar con Http:// O Https://.

• FullWidth: nos permite elegir si deseamos que nuestro botón abarque todo el ancho de la plantilla.

• Color De Fondo: aquí podremos elegir el color que deseamos dejar detrás de nuestro botón o si manejamos una paleta de colores ingresar el código de color hexadecimal que corresponda.

• Color Fondo Botón: esta opcion nos permite personalizar nuestro boto dandole el color que deseemos o si manejamos una paleta de colores ingresar el código de color hexadecimal que corresponda.

• Tamaño de Fuente: a través de una barra espaciadora podremos determinar el tamaño de nuestro título y subtítulo al mismo tiempo.

• Color Fuente: nos permite elegir de forma manual que color deseas usar para el texto o si ya manejamos una paleta de colores ingresar el código de color hexadecimal que corresponda.

• Familia: podemos elegir entre 13 tipos de fuentes que se ajusten a lo que deseamos usar en nuestra plantilla.

• Grosor de fuente: esta herramienta nos permitirá elegir la densidad que queremos proporcionar a nuestro texto.

• Border: a través de una barra espaciadora podremos determinar el espesor que deseamos para nuestro botón.

• Style: esta opción nos permite determinar cómo irá la línea que bordea nuestro botón.

• Color: esta opcion nos permite personalizar la linea de bodrde de nuestro botón, dandole el color que deseemos o si manejamos una paleta de colores ingresar el código de color hexadecimal que corresponda.

• Radius: a través de una barra espaciadora podremos determinar qué tan redondeado deseamos el borde de nuestro botón.

• Padding: esta herramienta nos permite determinar las dimensiones para nuestro texto dentro del botón, basado en los bordes Superior, Inferior, Derecha e Izquierda.

• Margin: esta herramienta nos permite determinar las dimensiones para nuestro botón en la plantilla, basado en los bordes Superior, Inferior, Derecha e Izquierda.

Texto: En esta opción podrá agregar un cuadro de texto libre para agregar contenido de su campaña al igual que el título podrá ajustar fuentes, alineación, color, tamaño de la letra, grosor y resolución.

• Color De Fondo: nos permite elegir de forma manual que color deseas usar para el fondo o si ya manejamos una paleta de colores ingresar el código de color hexadecimal que corresponda.

• Tamaño de Fuente: a través de una barra espaciadora podremos determinar el tamaño de nuestro título y subtítulo al mismo tiempo.

• Color Fuente: nos permite elegir de forma manual que color deseas usar para el texto o si ya manejamos una paleta de colores ingresar el código de color hexadecimal que corresponda.

• Familia: podemos elegir entre 13 tipos de fuentes que se ajusten a lo que deseamos usar en nuestra plantilla.

• Padding: esta herramienta nos permite determinar las dimensiones para nuestro texto, basado en los bordes Superior, Inferior, Derecha e Izquierda.

Cuadro de textos: esta sección nos permite hacer una edición más complementaria de nuestro cuadro de texto, dándonos opciones que nos dejaran configurar de una manera más amigable los textos largos que necesitemos usar en nuestras plantillas.

Variables: esta opción es de las más importantes al momento de querer personalizar nuestros mensajes, ya que nos permite tomar los datos de nuestra lista de contactos para poderlos agregar a un mensaje, todo ello basado en los caracteres que deseemos ajustar. En la siguiente imagen nos muestra que seleccionamos el {nombre} {apellido} {teléfono}, y ponerlos en nuestro mensaje para que así a cada cliente le pueda llegar con sus respectivos datos, estos cambian dependiendo su destinatario.

Es importante aclarar que basados en los datos que queremos mostrar, estos mismos deben estar en nuestras listas de contactos con las variables bien definidas por su nombre, esto nos permitirá identificarlo con facilidad y no tener errores de sintaxis al enviar cada correo.

Redes Sociales: Despliega los diferentes logos de las redes sociales mas comúnes y usadas para todo tipo de campaña.

• Alineación: aquí podemos definir cual de las tres opciones consideramos que se ajusta a lo que deseamos para la posición de nuestro botón de nuestras redes sociales, bien ya sea izquierda, centrado o a la derecha.

• Redes Sociales: aquí tendremos una lista desplegable que nos permitirá ir agregando las redes sociales que manejaremos.

• Botones de redes sociales: aquí nos mostrará el nombre de la red social, el cuadro de texto donde debemos ingresar el link para redireccionar a nuestros clientes(tener en cuenta que cada uno debe iniciar con http:// o https://) y tendremos la opción de borrar, esto con el fin de poder despejar las redes que no manejando o no deseamos usar en nuestra campaña.

• Color De Fondo: aquí podremos elegir el color que deseamos dejar detrás de nuestro botón.

• Pabotón: de redes sociales, basado en los bordes Superior, Inferior, Derecha e Izquierda.dding: esta herramienta nos permite determinar las dimensiones para nuestro.

Divisor: Puedo separar mediante esta opción diferentes textos, títulos e imagénes, mostrando el orden que se desea, se puede personalizar los colores, tamaño, grosor y estilo de trazado.

• Color De Fondo: aquí podremos elegir el color que deseamos dejar detrás de nuestra línea divisoria colocando el color que mas nos agrade o si manejamos una paleta de colores ingresar el código de color hexadecimal que corresponda.

• Border: a través de una barra espaciadora podremos determinar el espesor que deseamos para nuestra línea.

• Style: esta opción nos permite determinar cómo irá la línea que estamos usando.

• Color: esta opcion nos permite personalizar la linea divisoria, dandole el color que deseemos o si manejamos una paleta de colores ingresar el código de color hexadecimal que corresponda.

• Padding: esta herramienta nos permite determinar las dimensiones para nuestra línea, basado en los bordes Superior, Inferior, Derecha e Izquierda.

Imagen: Mediante esta opción podrá subir imagénes en formato jpg, GIF o Png. Ajustandola al tamaño deseado.

• Alineación: aquí podemos definir cual de las tres opciones consideramos que se ajusta a lo que deseamos para la posición de nuestra imagen, bien ya sea izquierda, centrado o a la derecha.

• Ancho: aquí podremos dimensionar el tamaño de nuestra imagen.

• Alt_tag: aquí podremos asignar un nombre que caracterice esta imagen y que solo será visible para nosotros.

• Url De La Imagen: aquí tendremos dos opciones de agregar nuestras imágenes, ya sea por un enlace URL directamente colocando la dirección de la imagen, o ya sea por la opción browse que nos permite cargar las imágenes directamente desde nuestro ordenador, la cual una vez cargada la podremos reutilizar o pasar a la papelera de reciclaje cuando lo desemos.

• Link: este enlace le da una función agregada a la imagen, ya que al darle click nos permitirá redireccionar al cliente a donde deseemos.

• Color De Fondo: aquí podremos elegir el color que deseamos dejar detrás de nuestra imagen, colocando el color que mas nos agrade o si manejamos una paleta de colores ingresar el código de color hexadecimal que corresponda.

• Padding: esta herramienta nos permite determinar la posición que tendrá nuestra imagen lineal, basado en los bordes Superior, Inferior, Derecha e Izquierda.

Menú: se puede adicionar el menú de opciones que necesito que tenga nuestra campaña que pueda redireccionarlos a las páginas que se requieren.

• Alineación: aquí podemos definir cual de las tres opciones consideramos que se ajusta a lo que deseamos para la posición de nuestro menú, bien ya sea izquierda, centrado o a la derecha.

• Menú:

1. T : corresponde al título que le asignaremos a esta pestaña.

2. (-) : aquí podremos asignar el link que redirecciona al usuario.

3. borrar: eliminará todos los datos de esta pestaña incluida la misma.

4. Añadir: esta opción nos permitirá agregar más pestañas a nuestro menú.

• Color De Fondo: aquí podremos elegir el color que deseamos dejar detrás de nuestro menu, colocando el color que mas nos agrade o si manejamos una paleta de colores ingresar el código de color hexadecimal que corresponda.

• Border: a través de una barra espaciadora podremos determinar el espesor que deseamos para nuestra margen de nuestro menú.

• Style: esta opción nos permite determinar cómo irá el borde de nuestro menú.

• Color: esta opcion nos permite personalizar la linea del bore de nuestro menú, dandole el color que deseemos o si manejamos una paleta de colores ingresar el código de color hexadecimal que corresponda.

• Tamaño de Fuente: a través de una barra espaciadora podremos determinar el tamaño de nuestro texto.

• Color Fuente: nos permite elegir de forma manual que color deseas usar para el texto o si ya manejamos una paleta de colores ingresar el código de color hexadecimal que corresponda.

• Familia: podemos elegir entre 13 tipos de fuentes que se ajusten a lo que deseamos usar en nuestro texto.

• Grosor de fuente: esta herramienta nos permitirá elegir la densidad que queremos proporcionar a nuestro texto.

• Padding: esta herramienta nos permite determinar la posición que tendría nuestro menú, basado en los bordes Superior, Inferior, Derecha e Izquierda.

Imagen/ Texto: Se puede acompañar un texto y una imagen, en este caso nos indica que la imagen irá al costado izquierdo y el texto a la derecha.

• Ancho: aquí podremos dimensionar el tamaño de nuestra imagen.

• Alt_tag: aquí podremos asignar un nombre que caracterice esta imagen y que solo será visible para nosotros.

• Url De La Imagen: aquí tendremos dos opciones de agregar nuestras imágenes, ya sea por un enlace URL directamente colocando la dirección de la imagen, o ya sea por la opción browse que nos permite cargar las imágenes directamente desde nuestro ordenador, la cual una vez cargada la podremos reutilizar o pasar a la papelera de reciclaje cuando lo desemos.

• Link: este enlace le da una función agregada a la imagen, ya que al darle click nos permitirá redireccionar al cliente a donde deseemos.

• Tamaño de Fuente: a través de una barra espaciadora podremos determinar el tamaño de nuestro título y subtítulo al mismo tiempo.

• Color Fuente: nos permite elegir de forma manual que color deseas usar para el texto o si ya manejamos una paleta de colores ingresar el código de color hexadecimal que corresponda.

• Familia: podemos elegir entre 13 tipos de fuentes que se ajusten a lo que deseamos usar en nuestra plantilla.

• Grosor de fuente: esta herramienta nos permitirá elegir la densidad que queremos proporcionar a nuestro texto.

• Color De Fondo: nos permite elegir de forma manual que color deseas usar para el fondo o si ya manejamos una paleta de colores ingresar el código de color hexadecimal que corresponda.

• Padding: esta herramienta nos permite determinar las dimensiones para nuestro texto, basado en los bordes Superior, Inferior, Derecha e Izquierda.

Texto/Imagen: Se puede acompañar un texto y una imagen, en este caso nos indica que la imagen irá al costado derecho y el texto a la izquierda.

• Ancho: aquí podremos dimensionar el tamaño de nuestra imagen.

• Alt_tag: aquí podremos asignar un nombre que caracterice esta imagen y que solo será visible para nosotros.

• Url De La Imagen: aquí tendremos dos opciones de agregar nuestras imágenes, ya sea por un enlace URL directamente colocando la dirección de la imagen, o ya sea por la opción browse que nos permite cargar las imágenes directamente desde nuestro ordenador, la cual una vez cargada la podremos reutilizar o pasar a la papelera de reciclaje cuando lo desemos.

• Link: este enlace le da una función agregada a la imagen, ya que al darle click nos permitirá redireccionar al cliente a donde deseemos.

• Tamaño de Fuente: a través de una barra espaciadora podremos determinar el tamaño de nuestro título y subtítulo al mismo tiempo.

• Color Fuente: nos permite elegir de forma manual que color deseas usar para el texto o si ya manejamos una paleta de colores ingresar el código de color hexadecimal que corresponda.

• Familia: podemos elegir entre 13 tipos de fuentes que se ajusten a lo que deseamos usar en nuestra plantilla.

• Grosor de fuente: esta herramienta nos permitirá elegir la densidad que queremos proporcionar a nuestro texto.

• Color De Fondo: nos permite elegir de forma manual que color deseas usar para el fondo o si ya manejamos una paleta de colores ingresar el código de color hexadecimal que corresponda.

• Padding: esta herramienta nos permite determinar las dimensiones para nuestro texto, basado en los bordes Superior, Inferior, Derecha e Izquierda.

Dos Textos / Dos Imágenes: Se puede acompañar un texto y una imagen, en este caso nos indica que irá la imagen y debajo el texto al costado derecho y de igual forma a la izquierdo.

• Ancho: aquí podremos dimensionar el tamaño de nuestra imagen.

• Alt_tag: aquí podremos asignar un nombre que caracterice esta imagen y que solo será visible para nosotros.

• Url De La Imagen: aquí tendremos dos opciones de agregar nuestras imágenes, ya sea por un enlace URL directamente colocando la dirección de la imagen, o ya sea por la opción browse que nos permite cargar las imágenes directamente desde nuestro ordenador, la cual una vez cargada la podremos reutilizar o pasar a la papelera de reciclaje cuando lo desemos.

• Link: este enlace le da una función agregada a la imagen, ya que al darle click nos permitirá redireccionar al cliente a donde deseemos.

• Tamaño de Fuente: a través de una barra espaciadora podremos determinar el tamaño de nuestro título y subtítulo al mismo tiempo.

• Color Fuente: nos permite elegir de forma manual que color deseas usar para el texto o si ya manejamos una paleta de colores ingresar el código de color hexadecimal que corresponda.

• Familia: podemos elegir entre 13 tipos de fuentes que se ajusten a lo que deseamos usar en nuestra plantilla.

• Grosor de fuente: esta herramienta nos permitirá elegir la densidad que queremos proporcionar a nuestro texto.

• Color De Fondo: nos permite elegir de forma manual que color deseas usar para el fondo o si ya manejamos una paleta de colores ingresar el código de color hexadecimal que corresponda.

• Padding: esta herramienta nos permite determinar las dimensiones para nuestro texto, basado en los bordes Superior, Inferior, Derecha e Izquierda.

Tres Textos / tres Imágenes: Se puede acompañar un texto y una imagen, en este caso nos indica que irá la imagen y debajo el texto y en este caso compartirán equitativamente el ancho dentro de la plantilla

• Ancho: aquí podremos dimensionar el tamaño de nuestra imagen.

• Alt_tag: aquí podremos asignar un nombre que caracterice esta imagen y que solo será visible para nosotros.

• Url De La Imagen: aquí tendremos dos opciones de agregar nuestras imágenes, ya sea por un enlace URL directamente colocando la dirección de la imagen, o ya sea por la opción browse que nos permite cargar las imágenes directamente desde nuestro ordenador, la cual una vez cargada la podremos reutilizar o pasar a la papelera de reciclaje cuando lo desemos.

• Link: este enlace le da una función agregada a la imagen, ya que al darle click nos permitirá redireccionar al cliente a donde deseemos.

• Tamaño de Fuente: a través de una barra espaciadora podremos determinar el tamaño de nuestro título y subtítulo al mismo tiempo.

• Color Fuente: nos permite elegir de forma manual que color deseas usar para el texto o si ya manejamos una paleta de colores ingresar el código de color hexadecimal que corresponda.

• Familia: podemos elegir entre 13 tipos de fuentes que se ajusten a lo que deseamos usar en nuestra plantilla.

• Grosor de fuente: esta herramienta nos permitirá elegir la densidad que queremos proporcionar a nuestro texto.

• Color De Fondo: nos permite elegir de forma manual que color deseas usar para el fondo o si ya manejamos una paleta de colores ingresar el código de color hexadecimal que corresponda.

• Padding: esta herramienta nos permite determinar las dimensiones para nuestro texto, basado en los bordes Superior, Inferior, Derecha e Izquierda.

Evento: Asigna un espacio definido en el cual nuestros usuarios podrán ingresar o descargar el link para una reunión virtual o descargar la invitación de manera presencial dependiento del tipo de evento

• Alineación: aquí podemos definir cual de las tres opciones consideramos que se ajusta a lo que deseamos para la posición de nuestro cuadro del evento, bien ya sea izquierda, centrado o a la derecha.

• Texto Del Encabezado: aquí nos permitirá asignarle un título a nuestro evento.

• Asunto Del Evento: aquí nos permitirá indicar qué asunto queremos mostrar a nuestros invitados.

• Descripción Del Evento: este espacio nos permite hacer la descripción del evento sin limite de caracteres

• Ubicación Del Evento: aquí nos permitirá indicar si el evento se realizará de forma presencial podremos poner la dirección de lugar y si lo deseamos a través de videoconferencia indicar que plataforma usaremos.

• Fecha Del Evento: aquí nos permitirá seleccionar la fecha a través de un calendario dinámico.

• Hora Del Evento: aquí nos permitirá seleccionar la hora en un reloj en formato horario de 24 horas.

• Zona Horaria: si nuestra zona horaria es diferente a la del evento podremos ajustarlo a nuestra necesidad.

• Tamaño de Fuente: a través de una barra espaciadora podremos determinar el tamaño de nuestro título de nuestro evento.

• Color Fuente: nos permite elegir de forma manual que color deseas usar para el texto o si ya manejamos una paleta de colores ingresar el código de color hexadecimal que corresponda.

• Familia: podemos elegir entre 13 tipos de fuentes que se ajusten a lo que deseamos usar en nuestro texto de la invitación.

• Grosor de fuente: esta herramienta nos permitirá elegir la densidad que queremos proporcionar a nuestro texto de la invitación.

• Padding: esta herramienta nos permite determinar la posición que tendría nuestro evento, basado en los bordes Superior, Inferior, Derecha e Izquierda.

• Guardar cambios: permite guardar las modificaciones o creación de nuestra plantilla, bien sea para nuestra campaña actual o para posteriores usos.

• Continuar: mediante esta opción podrá ir al siguiente paso para continuar con la creación de nuestra campaña.

• Configuración: Edita el fondo de pantalla personalizando el color y la alineación de la plantilla.

• Borrar todos los Elementos: Elimina cualquier modificación y/o ajuste que se haya realizado, dejando nuestra plantilla como se tenía inicialmente.

• Guardar Plantilla: permite guardar todos los cambios y modificaciones realizadas, para su posterior uso o reutilización en diversas campañas.

• Cargar Plantilla: Nos permite subir y continuar editando plantillas ya creadas.

• Cerrar editor: Con este botón cerrará el Drag and Drop y regresar a nuestra página anterior.

Lista de plantillas

Aquí nos permitirá ver todas las plantillas que tenemos creadas y las cuales estarán disponibles para reutilizar o continuar editando si así lo deseamos.

Ver plantilla

Esta opción nos permitirá tener una visualización en una nueva pestaña de la plantilla tal como la podrán ver nuestros clientes.

Editar plantilla

Esta opción nos permitirá editar la plantilla seleccionada cuantas veces lo necesitemos.

Crear campaña

Esta opción nos permitirá usar la plantilla que seleccionamos y continuar a crear una campaña.

Eliminar plantilla

Aquí con esta opción nos permitirá eliminar definitivamente esta plantilla si ya no deseamos reutilizarla más.

Plantillas Predeterminadas

Aquí podremos ver una gran variedad de plantillas ya creadas, todas disponibles para realizar los ajustes que deseemos antes de usarla en nuestras campañas.

Seleccionar

Aquí podremos usar el filtro para realizar una búsqueda ya sea por una temática o palabra clave que nos ayude a ubicar más fácilmente la plantilla que se tiene para usar.

Ver plantilla

Esta opción nos permitirá tener una visualización en una nueva pestaña de la plantilla tal como la podrán ver nuestros clientes.

Usar plantilla

Esta opción nos permite escoger la plantilla y nos redireccionará para poder editarla y ajustarla a nuestras necesidades y/o marca propia.

Crear campaña

Esta opción nos permitirá usar la plantilla que seleccionamos y continuar a crear una campaña.