Ir a contenido principal
Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.
Email

Crear correos electrónicos de marketing en el editor de arrastrar y soltar

Última actualización: enero 24, 2023

Requisitos

Todos los productos y planes

El editor de arrastrar y soltar de HubSpot es una herramienta muy intuitiva con la que puedes mejorar tu estrategia de marketing por correo electrónico, fundamental para enviar novedades a tus suscriptores y promocionar ofertas especiales.

Nota: si no usas el editor de arrastrar y soltar, echa un vistazo a nuestra guía para crear y enviar correos electrónicos de marketing con el editor clásico actualizado.

Crear un correo electrónico

  • En tu cuenta de HubSpot, dirígete a Marketing > Correo.
  • Haz clic en Crear correo electrónico.
  • En la pestaña Arrastrar y soltar, selecciona una plantilla según el tipo de correo electrónico que quieras crear. Cada plantilla de correo contiene elementos personalizables, como imágenes y campos de texto, que están agrupados en secciones. 

Editar el diseño y el contenido de un correo electrónico

Puedes agregar nuevos elementos a un correo electrónico y personalizar su aspecto, diseño y contenido.

Agregar elementos y editar el diseño

  • Para agregar más contenido a la plantilla, haz clic en un nuevo elemento y arrástralo directamente al editor desde la pestaña Contenido del panel de la izquierda.
Puedes arrastrar un módulo a un email para editarlo
  • Para modificar el diseño de la plantilla, coloca el cursor sobre un elemento específico y haz clic en el margen azul de la izquierda para arrástralo a una nueva posición. Haz clic en el ícono de clonar duplicate o en el ícono de la papelera deletet para clonar o eliminar el elemento.

En el email, encontrarás una sección para editar o clonar elementos

  • En la barra lateral izquierda, haz clic en la pestaña Diseño para personalizar las fuentes, los encabezados, los colores, los bordes y los espacios de la plantilla.
En la pestaña Diseño del editor tienes todo lo que necesitas para componer un correo
  • Haz clic fuera del contenido del correo electrónico para seleccionar los elementos que quieres modificar en la barra lateral izquierda. En la sección Ajustes de diseño, puedes hacer lo siguiente:
    • Especificar, en la sección Diseño de columnas, el número de columnas del correo y su disposición.
    • Personalizar los espacios, colores y patrones de esa sección del correo electrónico.
    Los ajustes de diseño del correo electrónico pueden modificarse fácilmente
  • También puedes personalizar las columnas de un elemento específico:
    • Haz clic en el elemento que quieres personalizar.
    • Para agregar o eliminar una columna, haz clic en el ícono agregar add o en el ícono menos minus, situados a la izquierda o a la derecha del elemento.
    • Para cambiar el espaciado entre dos columnas, arrastra el controlador dragHandle a derecha o izquierda.
    Configurar las columnas en el editor es así de sencillo
  • Haz clic en un elemento para personalizar su contenido.
    • Las imágenes, los botones y los separadores se pueden personalizar en el panel izquierdo.
    • Los elementos de texto se pueden editar de forma integrada y aplicando estilos desde la barra de herramientas de texto enriquecido. También puedes insertar emojis en el campo de texto haciendo clic en el ícono del emoji emoji.

Puedes insertar emojis para dar a tu correo electrónico un toque personal

Nota: si el correo es mayor que 102 kB, verás una alerta notificándote que Gmail recortará algo del contenido del mensaje que reciban tus destinatarios. Superar este límite puede afectar el diseño del correo, los enlaces de cancelación de suscripción y el píxel que se usa para hacer un seguimiento de las aperturas del mensaje. Si es posible que se produzcan recortes, verás una alerta en el editor de contenido y en el panel de revisión.

Guardar una sección para reutilizarla en futuros correos electrónicos (solo en Marketing Hub Pro y Enterprise)

Si has personalizado una sección y quieres reutilizarla en un futuro correo electrónico:

  • Coloca el cursor sobre la sección que quieres guardar y haz clic en el ícono del corazón socialHeart .
Al guardar una sección en el editor, podrás usarla más adelante
  • En el cuadro de diálogo, escribe el nombre de la sección y selecciona Guardar. La sección aparecerá en Secciones guardadas, en la parte inferior de la pestaña Contenido del editor de correo electrónico.
  • Para revisar y organizar las secciones que ya has guardado, haz clic en Gestionar:
    • En el panel derecho, introduce el nombre de una sección en la barra de búsqueda, o haz clic en los menús desplegables Ver u Ordenar para filtrar las secciones guardadas.
    • Puedes marcar una sección guardada como favorita, ocultarla o eliminarla haciendo clic en el menú desplegable Acciones, situado junto a la sección, y seleccionando la acción asociada.

En el editor podrás gestionar distintas secciones guardadas

Editar el pie de página de un correo electrónico

Haz clic en el pie de página para editar la dirección de tu oficina. En la barra lateral izquierda, haz clic en Administrar para modificar esa dirección. Modifica el estilo del texto con las opciones para cambiar la fuente, la fuente de los enlaces y la alineación, y haz clic en el menú desplegable Cancelar suscripción para seleccionar un tipo de enlace de cancelación de la suscripción.

Modificar el pie del correo electrónico es así de sencillo

Personalizar el contenido de un correo según los destinatarios

Puedes personalizar el texto del correo con información extraída de los registros de contacto de los destinatarios.

  • En la barra de formato, haz clic en Personalizar contactos.
  • Haz clic en el menú desplegable Tipo para seleccionar el origen de la ficha de personalización, que puede ser el registro Contacto o su registro Empresa asociado.
  • Haz clic en el menú desplegable Propiedad para seleccionar qué valor de propiedad insertar en el cuerpo del correo electrónico.
  • Introduce un valor predeterminado que se pueda utilizar con cualquier contacto que no tenga uno, y haz clic en Guardar. Luego, haz clic en Insertar para añadir la ficha al texto.

No tienes que hacer nada más para personalizar el contenido con la información de los destinatarios

Deshacer cambios recientes

Si cometes errores al editar un correo electrónico, puedes deshacer cualquier cambio reciente. También puedes devolver el correo a la versión más reciente restaurando un cambio que acabas de deshacer:

    • En la parte superior izquierda del editor, haz clic en el icono de deshacer para cancelar el cambio más reciente. Para recuperar un cambio que acabas de deshacer, haz clic en el icono de rehacer.
    • El editor también permite usar atajos estándar de teclado. En Windows, puedes pulsar Ctrl Z para deshacer un cambio, y Mayús + Ctrl Z para rehacerlo. En Mac, puedes pulsar Comando para deshacer un cambio, y Mayús ComandoZ para rehacerlo.

Puedes deshacer y rehacer cambios en el editor cuando quieras


Editar la configuración de un correo electrónico

En la parte superior de la pantalla, haz clic en la pestaña Configuración. Podrás personalizar lo siguiente:
  • Nombre del remitente: el nombre que verán los destinatarios cuando reciban el correo electrónico.
    • Haz clic en el menú desplegable para seleccionar un usuario de tu cuenta de HubSpot, selecciona la ficha {{ owner.first.name }} para extraer automáticamente el nombre y el apellido del usuario asignado como propietario del contacto correspondiente a cada destinatario, o introduce un nuevo nombre.
    • Haz clic en Personalizar contacts para personalizar la ficha de forma que se extraiga un nombre almacenado como propiedad en el registro del contacto.
  • Dirección de remitente: la dirección de correo electrónico desde la cual se envía el correo electrónico.
    • Haz clic en el menú desplegable para seleccionar una dirección, agregar una nueva dirección o una ficha de personalización, o gestiona las direcciones que ya tengas guardadas. 
      • En Direcciones de correo electrónico, puedes seleccionar la dirección de un usuario de tu cuenta de HubSpot.
      • En Direcciones personalizadas, puedes seleccionar una dirección de correo electrónico personalizada, como un alias que sirva de dirección de contacto general para tu empresa (por ejemplo, contacto@tuempresa.com). También puedes agregar una nueva dirección personalizada haciendo clic en Agregar dirección de correo electrónico, en la parte inferior del menú desplegable.
      • También puedes seleccionar una ficha de personalización, como {{ owner.email }}, para obtener automáticamente la dirección de correo electrónico del propietario de HubSpot correspondiente al destinatario. Por último, puedes agregar una nueva ficha haciendo clic en Agregar ficha de personalización, en la parte inferior del menú desplegable.
      • Si has conectado una bandeja de entrada de equipo a HubSpot, puedes seleccionar la dirección de la bandeja de entrada en Bandejas de entrada de HubSpot.
    • Si quieres que las respuestas de correo electrónico lleguen a la dirección del remitente, mantén seleccionada la casilla Usar esta como dirección de respuesta.
    • Si quieres que las respuestas de correo electrónico lleguen a una dirección diferente, desactiva la casilla Usar esta como dirección de respuesta y escribe otro correo electrónico en el campo Dirección de respuesta.
  • Asunto: el asunto del correo electrónico, tal cual se mostrará en la bandeja de entrada.
    • Introduce el asunto de correo electrónico en el campo Asunto.
    • También puedes hacer clic en el icono del emoji emoji para agregar tantos como quieras.
    • Haz clic en Inteligente test para activar esta función (solo en Marketing Hub Pro y Enterprise).
    • Haz clic en Personalizar contacts para agregar una ficha de personalización.
  • Texto de vista previa: este es el texto que suele aparecer junto al asunto del correo electrónico en la bandeja de entrada.
  • Nombre interno del correo electrónico: el nombre interno del correo, que aparece en el panel del correo y no es visible para los destinatarios.
  • Tipo de suscripción: selecciona el tipo de suscripción al correo electrónico. Consulta más información sobre cómo crear y usar tipos de suscripción.
  • Campañas: selecciona una campaña a la que asociar el correo electrónico.
  • Idioma: selecciona el idioma en el que aparecerá el texto del pie y del enlace web que se incluyen en la parte inferior del correo.

Tienes muchas opciones para personalizar un correo

Haz clic en > Versión de texto sin formato y versión web. Podrás personalizar lo siguiente:

  • Personalizar texto sin formato: HubSpot crea automáticamente una versión sin formato del correo electrónico para enviar a los destinatarios que no puedan recibir la versión de texto enriquecido. Haz clic en Personalizar para editar el contenido de esta versión.
  • Versión web: (solo en Marketing Hub Básico, Pro y Enterprise) haz clic en el interruptor Versión web para activar una versión web del correo electrónico.
    • Título de la página: el texto de la versión web que aparece en la barra de título del navegador y en los resultados de búsqueda.
    • URL de la página: la URL de la versión web. Haz clic en el menú desplegable dominio para seleccionar un dominio conectado. En el campo de texto, introduce el slug de la página. Utiliza solo una barra inclinada ("/") para publicar en la página de inicio del dominio.
    • (Opcional) Dejar de publicar la página en una fecha específica: selecciona esta casilla si quieres redirigir la versión web del correo electrónico a una página o a una URL externa de HubSpot en una fecha y a una hora programadas.

Así, puedes personalizar tanto la versión web como la de texto sin formato

(Opcional) Hacer una prueba A/B del correo electrónico (solo en Marketing Hub Pro y Enterprise)

  • En la parte superior izquierda del editor, haz clic en Hacer una prueba test.
  • En el cuadro de diálogo, escribe el nombre de cada versión del correo electrónico.
  • Configura las opciones de la prueba:
    • Distribución A/B: usa el control deslizante para decidir qué porcentaje de contactos recibirán la variante A y la variante B. También puedes usarlo para enviar la variante A al 50% y la variante B al otro 50%, de forma que cada una se envíe a la mitad de los contactos de la lista. Así podrás analizar las estadísticas de dos correos electrónicos para ver cuál dio mejores resultados.
    • Métrica ganadora:Si enviaste variantes A y B a un pequeño grupo de contactos para luego enviar la versión ganadora al resto, haz clic en el menú desplegable Métrica ganadora para seleccionar la métrica que definirá la variante ganadora, que puede ser Tasa de apertura, Tasa de clics o Tasa de clickthrough.
    • Duración de la prueba: usa el control deslizante para definir el período durante el que se recogerán datos antes de elegir una variante ganadora y enviarla a los contactos. Una prueba A/B se puede ejecutar durante 100 horas como máximo. Si los resultados de la prueba son concluyentes después de este periodo, la variante A se enviará a los destinatarios restantes.
  • Haz clic en Crear prueba.

El editor tiene todas las opciones necesarias para crear una prueba

Nota: puedes hacer una prueba A/B de división exacta (es decir, una prueba que divida la muestra 50/50) usando cualquier tamaño de muestra. El resto de las opciones de división de la muestra requieren una lista que incluya al menos 1000 destinatarios, sin contar aquellos que previamente registraron rebotes duros o que cancelaron su suscripción.


Después de crear ambas versiones del correo de la prueba A/B, puedes alternar entre ambas en cualquier momento o modificar los parámetros de la prueba.

  • En la parte superior izquierda del editor de contenido, haz clic en el nombre de la versión del correo electrónico.
  • Para editar la otra versión, selecciona el nombre de la otra versión.
  • Si necesitas cambiar cualquier parámetro de la prueba A/B, haz clic en Administrar prueba.

Cambia entre las versiones de los correos para dar con la variante ganadora

Previsualizar o probar un correo electrónico

Antes de enviar o programar un correo electrónico, puedes previsualizar lo que verán tus destinatarios en distintos tipos de dispositivos. También puedes enviarte un correo electrónico de prueba o enviárselo a otro usuario de tu cuenta.
  • En la parte superior derecha, haz clic en el menú desplegable Acciones y selecciona Vista previa
    • En la pestaña Dispositivos podrás ver cómo se mostrará tu correo electrónico en un dispositivo de escritorio o en un dispositivo móvil. De manera predeterminada, el correo electrónico se mostrará con los valores de personalización predeterminados. Haz clic en el menú desplegable Previsualizar como un contacto específico para previsualizar el correo electrónico como si fueras un contacto concreto.
    • Haz clic en la pestaña Clientes, selecciona la casilla de comprobación de los clientes de correo electrónico que quieras probar y haz clic en Probar el correo electrónico. En la parte inferior de la lista de clientes, verás los resultados de pruebas anteriores.

Nota: los usuarios de Marketing Hub Starter no pueden previsualizar la apariencia que tendrán los mensajes en distintos clientes de correo electrónico.

Vista previa del correo electrónico en el editor de arrastrar y soltar
  • Si tienes una cuenta de Marketing Hub Starter, Pro o Enterprise , puedesenviar un correo electrónico de prueba para verificar que el contenido aparezca como se espera en la bandeja de entrada del destinatario:
    • En la esquina superior derecha, haz clic en el menú desplegable Acciones y selecciona Enviar correo de prueba.
    • En el panel derecho, haz clic en el menú desplegable Elige uno o más destinatarios para seleccionar los destinatarios del correo electrónico de prueba.
    • (Opcional) Haz clic en el menú desplegable Recibir correo como contacto específico para previsualizar el correo como si fueras un contacto concreto. Esta prueba es muy útil para comprobar si la personalización funciona correctamente.
    • Haz clic en Enviar correo de prueba.

Una vez que todo esté listo, puedes enviar el correo electrónico

  • Para automatizar el envío de este correo mediante workflows, haz clic en el menú desplegable Acciones y selecciona Convertir en correo automatizado.

Enviar o programar un correo electrónico

En la parte superior de la pantalla, haz clic en la pestaña Enviar o programar para elegir los destinatarios del correo electrónico y seleccionar las opciones de envío restantes.

Tienes varias opciones para enviar o programar un correo electrónico

  • Para seleccionar los destinatarios del correo electrónico:
    • Haz clic en el menú desplegable Enviar a y selecciona listas de contactos o contactos específicos para agregarlos a la lista de destinatarios.
    • Haz clic en el menú desplegable No enviar a y selecciona listas de contactos o contactos específicos para excluirlos de la lista de destinatarios.

Nota: si quieres enviar un correo a los contactos de una misma empresa, puedes crear una lista de contactos y, a continuación, elegir el Nombre de la empresa como el criterio de segmentación de la lista.

    • Haz clic en la casilla de comprobación No enviar a contactos sin interacción para excluir contactos con baja interacción. Esta característica será más eficiente cuando hayas enviado varias campañas de correo electrónico desde HubSpot, ya que entonces el sistema tendrá suficientes datos para identificar a los contactos con un nivel bajo de interacción.
    • Puedes ver cuántos contactos recibirán el correo electrónico en Estimación de destinatarios, según las listas y contactos específicos seleccionados.
      • Si seleccionaste una lista, los contactos de la lista que cancelaron su suscripción o que nunca se suscribieron a tus correos de marketing no se tendrán en cuenta para calcular el número estimado de destinatarios del correo.
      • A medida que agregas destinatarios, puedes ver cuántos contactos en cuarentena, rebotados, sin interacción o que no son de marketing se excluirán automáticamente de la recepción del correo electrónico. También se excluirán los contactos que no tengan direcciones de correo electrónico o cuyas direcciones no sean válidas.
  • Elige una opción de envío para definir cuándo quieres enviar el correo electrónico:
    • Enviar ahora: el correo electrónico se enviará de inmediato.
    • Programar para una fecha posterior: envía el correo en una fecha y una hora específicas:
      • Haz clic en los menús desplegables Fecha Hora para programar el correo electrónico. De forma predeterminada, los correos electrónicos se envían según la zona horaria de tu cuenta de HubSpot. Para definir manualmente la hora de envío óptima en función de la zona horaria específica de tus destinatarios, puedes usar un convertidor de zona horaria.
      • Si quieres enviar tu correo electrónico a un contacto según su zona horaria en lugar de según la zona horaria de tu cuenta de HubSpot, selecciona la casilla de comprobación Enviar según las zonas horarias de los contactos. Si la propiedad Zona horaria de la dirección IP está vacía en el registro del contacto, la hora de envío será la zona horaria predeterminada de tu cuenta.
Tienes varias opciones para programar tus correos
  • Para usar el correo electrónico en un workflow, haz clic en el menú desplegable Acciones y luego selecciona Convertir en correo automatizado.
  • En la parte superior derecha, haz clic en Revisar y enviar. En el panel de la derecha, puedes solucionar los posibles errores o las advertencias que surjan antes de enviar el correo.
  • Si tras enviar o programar el correo te das cuenta de que has olvidado algún destinatario, puedes incluirlo de esta forma:
    • En tu cuenta de HubSpot, dirígete a Marketing > Correo.
    • Haz clic en el nombre del correo electrónico enviado o programado que quieres enviar a destinatarios adicionales.
    • En la parte superior derecha, haz clic en el menú desplegable Acciones y luego selecciona Enviar a más contactos.
    • Haz clic en el menú desplegable Enviar a y selecciona listas de contactos o contactos específicos para agregarlos a la lista de destinatarios.
    • Haz clic en el menú desplegable No enviar a y selecciona listas de contactos o contactos específicos para excluirlos de la lista de destinatarios.
    • Haz clic en la casilla de comprobación No enviar a contactos sin interacción para excluir contactos con baja interacción.
    • Haz clic en Enviar.

Recursos adicionales

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.