Temas de este artículo
- Introducción
- Antes de comenzar
- Paso a paso
- Preguntas frecuentes
Email Builder te ayuda a crear correos electrónicos y newsletters profesionales de manera rápida e intuitiva.
¿Qué es Email Builder?
Email Builder es el editor de emails de E-goi que facilita todo el diseño y creación de los elementos de tu campaña de email.
El editor te ayuda a crear rápidamente el contenido de manera completamente visual (arrastrar y soltar), ya que simplemente tienes que arrastrar los elementos que desees (texto, imagen, etc.) y colocarlos en el lugar deseado del mensaje.
Cada elemento de contenido se puede personalizar por completo, incluyendo enlaces, estilo y apariencia.
Los emails generados por Builder son compatibles con Gmail, AppleMail, Outlook y muchos otros, y también se adaptan automáticamente a smartphones y tabletas.
Requisitos para usar el Email Builder
- Cualquier cuenta de E-goi.
- Permiso de tu usuario para crear y editar campañas de correo electrónico.
Costos
Email Builder está disponible en cualquier cuenta de E-goi.
Su uso es gratuito, pero dependiendo de las características de tu plan de E-goi, algunas funcionalidades del Builder pueden no estar disponibles (se marcarán como "upgrade").
El envío de los mensajes de correo electrónico creados con Builder también tiene sus propios costos asociados, que dependerán de las características de tu plan de E-goi.
Antes de comenzar
Dónde puedes usar Email Builder en E-goi
Builder es el principal editor de email de E-goi.
Dado que es completamente visual, no podrás usarlo cuando necesites tener acceso a todo el código HTML del email.
Por lo tanto, el Builder no estará disponible si:
- Importas un email creado fuera de E-goi (a través de un archivo ZIP)
- Importas un email desde el contenido de una página web
- Creas el email desde cero a través del Editor Avanzado
En estos casos, siempre se utilizará el Editor Avanzado, con el cual puedes modificar el HTML de todo el email.
Código HTML en Email Builder
El Builder genera emails con su propio código HTML que sigue estrictamente las normas del email marketing y de compatibilidad con varios servicios de correo electrónico (como Gmail, AppleMail y Outlook).
Por este motivo, aunque sea posible incorporar HTML adicional en el contenido, no es posible modificar todo el HTML del email.
Plantillas
Para ayudarte a crear rápidamente tu email con Email Builder, tenemos docenas de plantillas con contenido predefinido, organizadas por área de negocio, que puedes personalizar a tu gusto.
Widgets de contenido
Para facilitar el diseño de tu email, Email Builder cuenta con varios elementos (llamados "widgets") de contenido que puedes insertar directamente en el email. Solo necesitas arrastrar un widget y soltarlo en el lugar deseado.
Los widgets son los siguientes:
- Simples:
- Texto: Área de texto libre, con formato y enlaces.
- Título: Área de texto para títulos o subtítulos, con formato y enlaces.
- Imagen: Muestra la imagen que elijas (cargada desde tu computadora, desde una URL o seleccionada de la galería). Consulta las restricciones de tamaño.
- Botón: Botón con enlace, ideal para una "llamada a la acción" (ej. "Comprar ahora").
- Vídeo: Vídeo insertado a través de un enlace, por ejemplo, de YouTube.
- Separador: Línea horizontal para ayudar a dividir las áreas del email.
- Cuenta regresiva: Muestra una cuenta atrás a partir de la fecha que desees. Excelente para fomentar la inscripción en eventos, webinars o ofertas con tiempo limitado.
- HTML: Si necesitas insertar HTML (ej. formato específico) en el email, puedes utilizar este widget.
- Avanzados
- Encabezado: Muestra un área de encabezado, que puede tener enlaces para que el contacto se dé de baja, edite su suscripción o vea el email en versión web.
- Pie de página: Muestra un área de pie de página, con el sello de E-goi y enlaces para que el contacto se dé de baja, edite su suscripción o vea el email en versión web. En esta área también puedes hacer que aparezca la dirección postal de tu empresa y tu logotipo.
- Columnas: Crea una estructura de hasta 3 columnas con imagen, título, descripción y botón. Puedes ordenar estos elementos y las propias columnas.
- Imagen con leyenda: Muestra una imagen con su leyenda.
- Vídeo con leyenda: Muestra un vídeo con su leyenda.
- Bloque de contenido: Muestra un bloque con imagen, título, descripción y botón.
- Código de barras: Muestra un código de barras generado a partir del texto que desees.
- Código QR: Muestra un código QR con un enlace o texto que los contactos pueden leer con el lector de códigos QR de su smartphone.
- RSS: Inserta automáticamente en el email el contenido del enlace de un RSS.
- Redes sociales: Si tu empresa está en redes sociales, puedes usar este widget para colocar los enlaces en tu email.
- Compartir: Inserta en el email botones para que los contactos que reciban el email puedan compartirlo directamente en Facebook, X, LinkedIn y WhatsApp. Útil para potenciar el efecto viral.
- Evento: Muestra una imagen, título, descripción y botón con enlace del evento. El enlace puede ser un enlace normal o crear directamente el evento en el calendario del contacto.
- Ecommerce
- Productos: Muestra los productos de tu tienda en línea que elijas de un catálogo que ya hayas importado a E-goi.
- Carrito abandonado: Muestra los productos que el contacto haya agregado a su carrito de compras pero no haya comprado.
- Productos dinámicos: Muestra automáticamente productos de tu tienda que cumplan determinadas condiciones (ej. gafas amarillas para niños).
- Productos similares o alternativos: Muestra productos similares a los que están en el carrito de compras del contacto.
- Productos relacionados: Muestra productos relacionados con los que están en el carrito de compras del contacto.
- Productos visualizados: Muestra los productos que el contacto ha visto recientemente en tu tienda en línea.
¡Importante! Para utilizar los widgets de ecommerce, es necesario integrar tu tienda en línea con E-goi a través de nuestro Track & Engage.
- Plantillas
- Múltiples widgets con contenido preparado previamente por nosotros (ej. encabezados, banners, botones, etc.) que puedes personalizar libremente.
Paso a paso
Crear un email con Email Builder
1) Crea una campaña de email y avanza hasta el paso de edición del email.
2) Aparecerá Email Builder. Ahora simplemente arrastra elementos (widgets) desde el panel izquierdo. Por ejemplo, para agregar un título, haz clic en Título del lado izquierdo y arrástralo al lugar del email donde quieras ubicarlo. Después de soltarlo, puedes hacer clic en él para cambiar el texto, tamaño y aspecto, insertar enlaces y personalizar muchas otras cosas.
3) Arrastra dentro de tu email los elementos que desees (texto, imágenes, videos, botones, columnas, etc.). Se ajustarán automáticamente en vertical (es como armar bloques de Lego).
Mover, duplicar y eliminar widgets
1) Pasa el cursor sobre el widget y ve a los tres puntos que aparecen en el lado derecho. Aparecerá una barra con opciones para mover el elemento hacia arriba o hacia abajo, duplicarlo y eliminarlo.
Ver y modificar las opciones del widget
1) Haz clic en el widget y luego en la pestaña Opciones o Apariencia del panel derecho para personalizarlo.
Cambiar el orden de las columnas en el widget "Columnas"
1) Haz clic en el widget y ve a la pestaña Opciones en el panel derecho. Ahí verás un cuadro de opciones para cada columna. Haz clic en la flecha en la esquina superior derecha de ese cuadro para cambiar las posiciones de las columnas. También puedes hacer clic en el ícono con forma de cruz y arrastrar el cuadro hacia arriba o hacia abajo para invertir las posiciones de las columnas.
Editar las redes sociales del widget Redes sociales o Compartir
1) Haz clic en el widget y ve a la pestaña Opciones en el panel derecho. Allí verás una caja de opciones para cada red social. Haz clic en la pequeña flecha en la esquina superior derecha de esa caja para cambiar su posición. Para eliminar una red social, solo tienes que hacer clic en el icono de la papelera. Para agregar otras redes, haz clic en el "+" en la parte inferior del panel.
Insertar enlaces
1) Edita el bloque de texto donde quieres insertar el enlace (si no tienes ningún bloque de texto, arrastra el elemento Texto desde el panel izquierdo al lugar donde desees en el contenido).
2) Haz doble clic en la palabra o texto que deseas enlazar y haz clic en el icono de Enlace en el panel que aparece.
3) Se abrirá la ventana para crear el enlace. En Tipo de enlace, elige Web, escribe la dirección completa del enlace y haz clic en Confirmar.
Para probar el enlace, solo tienes que previsualizar el correo electrónico o hacer una prueba de envío.
Insertar videos
1) Arrastra el widget Vídeo (en el panel izquierdo) al área del email donde quieras que aparezca el vídeo.
Si es un vídeo de la web
E-goi acepta automáticamente vídeos de
- Youtube
- Vimeo
1) Haz clic en el bloque de vídeo que has añadido a tu email. En Enlace del vídeo (panel derecho), coloca el enlace de YouTube o Vimeo correspondiente. La imagen del vídeo aparecerá automáticamente en el bloque.
2) Para probar el vídeo, previsualiza el email o haz una prueba de envío.
Si es un vídeo de tu ordenador o de tu propio URL
1) Pulsa en el bloque de vídeo que has añadido a tu email y luego en Galería (en el panel derecho).
2) En la Galería, haz clic en Cargar (o Cargar desde un URL, si tienes el vídeo en un enlace tuyo).
3) Una vez cargado el vídeo en la Galería, pasa el puntero del ratón por encima de él y haz clic en el símbolo "i" para ver sus informaciones.
4) En la ventana que te saldrá, copia el URL del vídeo y cierra la ventana de la Galería haciendo clic en la "X" en la esquina superior derecha.
5) Volverás al editor. Haz clic en el bloque del vídeo y pega el URL del vídeo en Enlace del vídeo en el panel derecho. Usa las opciones Cargar o Galería para asignarle una imagen.
7) Para probar el vídeo, previsualiza el email o haz una prueba de envío.
Deshacer modificaciones
E-goi guarda automáticamente tu email mientras realizas modificaciones. También puedes recuperar las versiones grabadas más recientes en cualquier momento. Por ejemplo, si has realizado algunas modificaciones al email en la última hora, pero luego decides que la versión sin modificaciones es mejor, puedes recuperarla:
1) Al editar el email en E-goi, haz clic en el botón Versiones y elige la fecha y hora a la que deseas regresar.
2) Se abrirá una ventana con una vista previa de esa versión. Solo tienes que hacer clic en Ir a esta versión para reemplazar el email en edición por esa versión más antigua.
De esta manera, no solo es fácil "volver atrás en el tiempo" (una especie de "deshacer"), sino que también puedes recuperar tu trabajo en caso de accidente.
Crear plantillas de widgets
Cualquier widget que hayas agregado y personalizado en tu email se puede guardar en cualquier momento como una plantilla de widget.
De esta manera, puedes reutilizar bloques de contenido que utilizas con frecuencia en otros emails, lo que te ahorrará tiempo:
Guardar contenido como plantilla de widget
1) Pasa el cursor sobre el botón que está a la derecha del widget para mostrar más opciones.
2) En esa barra de opciones, haz clic en el botón de la derecha para guardar el widget.
3) Escribe el nombre de la plantilla y confirma.
Usar la plantilla de widget que creaste
1) Ve a la barra de la izquierda, donde se encuentran las plantillas de widgets, y arrastra el widget que guardaste al área de edición.
.
Crear contenido con variaciones automáticas
Con Builder puedes crear un email que muestra contenido diferente dependiendo de quién lo recibe.
1) Empieza por crear un segmento en tu lista de contactos que contenga la gente que recibirá el contenido diferente (en este caso, crearías un segmento solo con los dueños de gatos).
2) Crea tu email con Email Builder y añádele una imagen (un perrito en este ejemplo).
3) Vete al "+" a la izquierda de esa imagen y dale clic en "Añadir variación".
5) Dado que nos gustaría que esa imagen se mostrara solo a los dueños de gatos, ve al panel a la derecha y, en "Mostrar esta variación solo a...", elige el segmento que has creado en el paso 1.
6) Guarda la campaña ¡y listo! Cuando la envíes a tu lista de contactos, los que estén en el segmento de quien solo tiene gato recibirán tu email con el gatito.
Mientras todos los otros contactos verán un perrito.
Tan solo hay que pulsar en el "+" de cada widget que hayas añadido a tu email y seguir los mismos pasos de arriba.
Incorporar productos de mi tienda en el email
Si tienes una tienda online, puedes integrarla con E-goi e insertar automáticamente los productos de tu tienda en los emails creados en Builder.
Tipos de producto que pueden incluirse en el email
- Productos: Para elegir manualmente los artículos de tu catálogo.
- Productos en el carrito abandonado: Sirve para colocar los productos que están en el carrito abandonado.
- Productos dinámicos: Ideal para incluir rápidamente varios productos con determinadas condiciones (por ejemplo, gafas amarillas para niños).
- Productos similares: Muestra productos similares o alternativos a los del carrito abandonado. E-goi buscará productos que pertenezcan a la misma categoría o subcategoría (por ejemplo, teclados de la misma marca pero de diferentes modelos).
- Productos relacionados: Ideal para la venta cruzada (cross-selling). Muestra productos relacionados con los que estén en el carrito abandonado. E-goi buscará productos complementarios (por ejemplo, teclado + ratón + alfombrilla de ratón + cable HDMI).
- Productos que ha visto el cliente: Muestra productos visualizados por el cliente mientras navegaba por tu web.
Colocar productos manualmente
1) Realiza la importación de tus productos a E-goi.
2) A continuación, al editar el email, arrastra el Widget Productos al cuerpo del mensaje y elige el artículo de tu catálogo.
Colocar automáticamente productos del carrito abandonado
1) Realiza la importación de tus productos a E-goi.
2) Activa Track & Engage para que E-goi identifique los productos abandonados en tu carrito y los coloque en tu email.
3) A continuación, al editar el email, arrastra el Widget Carrito Abandonado al área de contenido y configura las opciones del widget a la derecha. Como los productos varían de un cliente a otro, verás códigos en lugar de imágenes y texto de los artículos. Los códigos son variables que serán sustituidas por los productos del cliente cuando envíes el email.
4) Elige el segmento de contactos antes de enviar el email. En este caso Compradores con productos en su carrito.
Colocar productos dinámicos
1) Realiza la importación de tus productos a E-goi.
2) A continuación, al editar el email, arrastra el Widget Productos Dinámicos al área de contenido y, en las opciones del widget a la derecha, crea un Segmento de productos.
Colocar productos similares
1) Realiza la importación de tus productos a E-goi.
2) Activa Track & Engage para que E-goi identifique los productos de tus clientes.
3) A continuación, al editar el email, arrastra el Widget Productos Similares al área de contenido y configura sus opciones a la derecha. Los produtos similares que verán tus clientes pueden basarse en:
- Carrito abandonado por el cliente
- Última compra del cliente
- Un producto específico del catálogo de productos que importaste a E-goi
Como los productos varían de un cliente a otro, en Email Builder verás códigos en lugar de imágenes y texto de los artículos. Los códigos son variables que serán sustituidas por los productos del cliente cuando envíes el email.
4) Elige el segmento de contactos antes de enviar el email.
Colocar productos relacionados
1) Realiza la importación de tus productos a E-goi. Asegúrate de que el archivo CSV con tus productos tiene una columna related_product con los productos relacionados con cada producto. Mira nuestro ejemplo de CSV.
2) Activa Track & Engage para que E-goi identifique los productos que tus clientes compran o abandonan.
3) A continuación, al editar el email, arrastra el Widget Productos Relacionados al área de contenido y configura sus opciones a la derecha. Los produtos que verán tus clientes pueden estar relacionados con:
- Carrito abandonado por el cliente
- Última compra del cliente
- Un producto específico del catálogo de productos que importaste a E-goi
Como los productos varían de un cliente a otro, en Email Builder verás códigos en lugar de imágenes y texto de los artículos. Los códigos son variables que serán sustituidas por los productos del cliente cuando envíes el email.
4) Elige el segmento de contactos antes de enviar el email.
Colocar productos que ha visto el cliente
1) Realiza la importación de tus productos a E-goi.
2) Activa Track & Engage para que E-goi identifique los productos abandonados en tu carrito y ponga productos relacionados en el correo electrónico.
3) A continuación, al editar el email, arrastra el Widget Productos Visualizados al área de contenido y configura las opciones del widget a la derecha. Como los productos varían de un cliente a otro, verás códigos en lugar de imágenes y texto de los artículos. Los códigos son variables que serán sustituidas por los productos del cliente cuando envíes el email.
4) Elige el segmento de contactos antes de enviar el email. En este caso Últimos productos vistos.
Personalizar el pie de página del email
Builder inserta automáticamente un pie de página ("footer") en tu email para garantizar que sigueS las normas y buenas prácticas del email marketing.
Para personalizarlo:
1) En Email Builder, haz clic en el pie de página. Puedes cambiar los textos como si estuvieras editando un bloque de texto normal.
2) Si quieres que algún elemento no aparezca (por ejemplo, el logotipo, el enlace "versión web", etc.), desmarca la opción correspondiente en el panel derecho.
3) La dirección postal que aparecerá es la que está definida en la lista de contactos a la cual vas a enviar tu email. Si necesitas cambiarla, puedes:
- Pulsar en la dirección y editarla directamente. El cambio se aplicará solamente a este email.
- Ir a las opciones de la lista de contactos (en el menú Contactos y después Opciones de la lista que desees) y, en la sección de la dirección postal, hacer clic en Mostrar una dirección diferente e introducir la que quieras. El cambio se aplicará a todos los emails que envíes a esta lista.
4) En el área de "Apariencia" del panel, también puedes cambiar todo el estilo visual del pie de página.
El enlace de baja es obligatorio para que tus contactos puedan darse de baja y dejar de recibir correos. El sello de E-goi también es obligatorio para que recibas las solicitudes de olvido que los contactos hagan según el RGPD.
Sin embargo, bajo ciertas condiciones y siempre que tu pie de página cumpla con todas las normas del email marketing, podrás usar un pie de página alternativo. Ponte en contacto con nuestro soporte a través del área de Ayuda para analizar tu caso.
Crear enlaces con mapas de imagen
Las imágenes que coloques en tu email con Builder pueden tener enlaces en diferentes partes dentro de la imagen.
Para crear un enlace de este tipo:
1) En Email Builder, arrastra un widget de imagen al punto del email donde quieres que la imagen aparezca. Carga la imagen que desées o elígela de la Galería.
2) Haz clic en el bloque de imagen que creaste, elige Enlace de la imagen en el panel de la derecha y selecciona Mapa de imagen.
3) En Mapa de imagen, pulsa en Crear.
4) Elige el tipo de dibujo que vas a usar para definir el área de la imagen donde aparecerá el enlace.
5) Dibuja en la imagen las áreas que tendrán los diferentes enlaces.
6) Después de dibujar las áreas, escribe en el panel de la derecha el enlace correspondiente a cada área de la imagen (estarán numeradas según las áreas que dibujaste).
7) Cuando termines, pulsa en Guardar, en la parte superior de la ventana.
Preguntas frecuentes
No veo la opción de Email Builder al crear mi email
Si el método de creación de email que elegiste requiere acceso a todo el código HTML del email, no tendrás disponible el Builder.
¿En qué formato y tamaño deben estar mis imágenes en Email Builder?
Pueden ser JPEG, GIF y PNG y deben tener un tamaño máximo de aproximadamente 2 MB cada una. Si son más grandes, Builder intentará reducir su tamaño.
Además, para que se muestren correctamente en diferentes dispositivos y tamaños de pantalla (por ejemplo, ordenador y smartphone), las imágenes deben tener un ancho máximo de 600 píxeles y una altura máxima de 1200 píxeles.
Todas las imágenes se guardan en un gestor, donde puedes cambiar su nombre o organizarlas en carpetas.
¿Cuál debe ser el tamaño máximo de mi email?
Un email no debe superar los 100 KB de tamaño, ya que, si es más grande, los servicios de correo (Gmail, Outlook.com, Yahoo, etc.) tienden a considerarlo spam.
¿Con qué servicios de correo es compatible Email Builder?
Además de generar mensajes de email que siguen estrictamente las normas del email marketing, Builder aplica las normas de diseño de Gmail, AppleMail y Outlook, lo que garantiza su compatibilidad con estos y otros muchos servicios de correo.
¿Los emails de Email Builder son compatibles con smartphones y tablets?
Sí, automáticamente. Puedes utilizar la vista previa del correo en Builder para ver cómo se verá en dispositivos móviles.
¿Puedo usar emojis en mi email?
Sí, puedes usar cualquier símbolo o emoji en el cuerpo y el asunto del correo que envíes a través de E-goi.
- Si usas macOS, utiliza esta combinación de teclas: ctrl + cmd ⌘ + espacio y elige el emoji.
- Si usas Windows, utiliza esta combinación de teclas: win ⊞ + . (punto) y elige el emoji.
La apariencia del símbolo puede variar mucho dependiendo del software o servicio que las personas utilicen para leer correo (por ejemplo, la versión más colorida y divertida de los símbolos suele verse en iOS y Android). Algunos solo se pueden ver en determinados ordenadores. Por tanto, siempre debes usar un símbolo que se vea bien en la mayor cantidad de situaciones posible.
¿Cómo cambio la dirección postal que aparece en el pie de página de mi email?
La dirección postal es la que está definida en la lista de contactos a la que vas a enviar tu email.
¿Puedo quitar el sello de E-goi del pie de página?
No. Es obligatorio para asegurarse de que cumple con las normas del email marketing. Es como el sello de una carta. Al verlo, las personas y los servicios de correo saben que la carta es genuina y tienen más confianza en abrirla. Y cuanto mayor es la confianza, mejor es la entrega de tus emails.
También a través del sello tus contactos pueden solicitar el olvido (según el RGPD) o dejar una queja si han recibido mensajes que nunca solicitaron (spam).
Sin embargo, si ya tienes tu propio sistema de baja de contactos (fuera de E-goi) que también recibe solicitudes de olvido del RGPD, habla con nosotros a través del área de Ayuda para que podamos ver tu caso.
¿Cómo asegurar que mi email es compatible con Outlook?
Hemos diseñado Email Builder para que genere emails compatibles con las versiones modernas de Outlook, pero en las versiones más antiguas puede que necesites hacer algunos ajustes al contenido para que se vea adecuadamente.
Márgenes
Opta por usar el widget Separador de Email Builder para crear márgenes en el contenido de tu email, dado que las versiones antiguas de Outlook no soportan márgenes.
También puedes usar el espaciado vertical y horizontal en cualquier bloque de contenido en Builder para obtener el mismo efecto.
Imágenes distorsionadas
Intenta usar siempre imágenes que no sean mayores que el ancho normal de un email (unos 600 píxeles de ancho), dado que las versiones antiguas de Outlook pueden mostrarlas con el tamaño real, desformateando tu contenido.
Animaciones GIF
Si usas animaciones GIF, confirma que la primera imagen del GIF representa el mensaje que quieres transmitir, pues las versiones más antiguas de Outlook no reproducen estas animaciones y solo mostrarán la primera imagen.
Imágenes de fondo
Opta por bloques de contenido con fondos de colores simples en lugar de imágenes de fondo, dado que no solo dificultan la lectura del bloque sino que pueden no aparecer en las versiones antiguas de Outlook.
¿Mi email se quedó sin imágenes y los enlaces no funcionan. ¿Qué pasó?
Normalmente hay dos motivos:
- Desconfiguración de tu CNAME
Si has añadido el CNAME de E-goi en tu dominio para mejorar la entrega, es ese CNAME el que autoriza a E-goi a mostrar las imágenes y enlaces de tus emails. Por lo tanto, si se realiza alguna modificación en el dominio que invalide el CNAME, E-goi pierde esa autorización y dejará de mostrar imágenes y enlaces.
Solución: Empieza por confirmar que el CNAME está realmente desconfigurado.
1) Ve al menú en la esquina superior derecha de tu cuenta de E-goi y elige "Remitentes".
2) ¿El área "CNAME" está vacía y dice "Sin CNAME"? Entonces, tu dominio perdió el CNAME de E-goi debido a alguna modificación reciente. Por favor, habla con los responsables de la gestión de tul dominio y pídeles que vuelvan a añadir el CNAME de E-goi.
Una vez hayas reconfigurado nuestro CNAME, las imágenes y los enlaces deberán volver a la normalidad.
- Desconfiguración en la red interna de tu empresa
Si las imágenes y los enlaces del email funcionan con una conexión a internet diferente (por ejemplo, fuera de tu empresa), puede haber algo en tu red interna que interfiera con E-goi.
Solución: Habla con los responsables del acceso a internet de tu empresa y solicite que realicen estas pruebas. Te ayudarán a configurar la red de modo que los emails, enlaces y dominios de E-goi no se modifiquen.