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 correo electrónico de arrastrar y soltar

Última actualización: mayo 18, 2022

Requisitos

Todos los productos y planes

El editor de correo electrónico de arrastrar y soltar de HubSpot ofrece una interfaz intuitiva para crear y mejorar los esfuerzos de correo electrónico de marketing de tu empresa. Usa campañas de correo electrónico de marketing para compartir actualizaciones con tus suscriptores y promocionar ofertas especiales.

Nota: si no estás usando el editor de correo electrónico 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 nuevo correo electrónico

  • En tu cuenta de HubSpot, dirígete a Marketing > Correo.
  • Haz clic en Crear correo electrónico.
  • en la ficha Arrastrar y soltar, selecciona una plantilla en función del tipo de correo electrónico que deseas crear. Cada plantilla de correo electrónico contiene elementos personalizables, como imágenes y campos de texto, que se encuentran agrupados en secciones. 

Editar diseño y contenido del correo electrónico

Agrega nuevos elementos a tu correo electrónico y personaliza su aspecto, diseño y contenido.

Agregar elementos y editar su diseño

  • Para agregar más contenido a la plantilla, haz clic en un nuevo elemento y arrástralo desde la pestaña Contenido en panel de la izquierda directamente en el editor de correo electrónico.
  • 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 el de la papelera deletet para clonar o eliminar el elemento.

clone-delete-or-drag

  • En la barra lateral izquierda, haz clic en la pestaña Diseño para personalizar en tu plantilla las fuentes, los encabezados, colores, bordes y espacios.
new-design-tab
  • Haz clic en el área externa del contenido del correo electrónico para seleccionar los elementos que deseas modificar en la barra lateral izquierda. En la Sección configuración, puedes hacer lo siguiente:
    • Especificar la cantidad de columnas y su disposición en la sección Diseño de Columna.
    • Personalizar espacios, colores y patrones de esa sección del correo electrónico.
  • También puedes personalizar la configuración de la columna de un elemento específico:
    • Haz clic en el elemento que deseas personalizar.
    • Para agregar o eliminar una columna, haz clic en el ícono agregar add o en el icono menos minus en la izquierda o la derecha del elemento.
    • Para cambiar el espaciado entre dos columnas, haz clic y arrastra el manejador dragHandle de arrastrar y soltar.
  • Haz clic en un elemento para personalizar el contenido.
    • Las imágenes, los botones y los separadores se pueden personalizar en el panel izquierdo.
    • Los elementos de texto se pueden editar en línea y estilo con la barra de herramientas de texto enriquecido. Puedes insertar emojis en tu campo de texto haciendo clic en el ícono emoji emoji.

emoji%20in%20drag%20and%20drop%20editor

Nota: si tu correo electrónico es mayor que 102KB, verás una alerta que Gmail recortará algunos de tus contenidos de correo electrónico para tus destinatarios. El objetivo de este límite de tamaño puede afectar el diseño del correo electrónico, los enlaces de cancelación de suscripción y el píxel utilizado para hacer seguimiento a las aperturas de correos electrónicos. Verás una alerta en el editor de contenido y el panel de revisión si es probable que se recorte el correo electrónico.

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 para un futuro correo electrónico:

  • Coloca el cursor sobre la sección que deseas guardar y haz clic en el socialHeart ícono de corazón.
marketing-email-save-section-1
  • En el cuadro de diálogo, escribe un nombre para la vista clonada 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 guardadas existentes, haz clic en Gestionar:
    • En el panel derecho, busca una sección introduciendo 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 como favorita, ocultar o eliminar una sección haciendo clic en el menú desplegable Acciones junto a una sección guardada y seleccionando la acción asociada.

manage-marketing-email-sections

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

Haz clic en el pie de página para editar la información de la ubicación de tu oficina. En la barra lateral izquierda, haz clic en Administrar para actualizar tu dirección de oficina. Actualiza el estilo de tu texto en las opciones Fuente, Fuente del enlace y Alinear y haz clic en el menú desplegable Cancelar suscripción para seleccionar un tipo de enlace de cancelación de suscripción.

Agregar personalización

Puedes agregar personalización al texto extrayendo información de los registros de contacto de los destinatarios del correo electrónico.

  • En la barra de formato, haz clic en Insertar ficha de personalización contacts.
  • Haz clic en el menú desplegable Tipo para seleccionar si la ficha proviene del registro de Contacto o de su registro de Empresa asociado.
  • Haz clic el menú desplegable Propiedad para seleccionar qué valor de propiedad ingresar al cuerpo del correo electrónico.
  • Ingresa un valor predeterminado que se pueda utilizar para cualquier contacto que no cuente con uno y haz clic en Guardar. Luego, haz clic en Insertar para agregar la ficha al texto.

personalize-subject-line

Deshacer cambios recientes

Si cometes errores mientras estás editando tu correo electrónico, puedes deshacer alguno de tus cambios recientes. O si quieres restaurar un cambio que acabas de cancelar, también puedes volver a hacer un cambio para restaurar tu correo electrónico a la versión más reciente:

    • En la parte superior izquierda del editor, haz clic en el icono de deshacer para deshacer el cambio más reciente. Para volver a un cambio que acabas de eliminar, haz clic en el icono de rehacer.
    • El editor también admite atajos estándar del teclado. En Windows, puedes presionar Ctrl Z para deshacer y Shift + Ctrl Z para volver a hacer. En Mac, puedes usar Comando para deshacer y Shift ComandoZ para volver a hacer.

dnd-email-editor-undo-redo


Editar configuración de correo electrónico

En la parte superior de la pantalla, haz clic en la pestaña Configuración. Aquí, podrás personalizar lo siguiente:
  • Nombre del remitente: el nombre que verán tus destinatarios cuando reciban el correo electrónico.
    • Haz clic en el menú desplegable para seleccionar un usuario de HubSpot en tu cuenta, selecciona la{{ owner.first.name }} ficha para extraer automáticamente el nombre y el apellido del usuario asignado como propietario del contacto para cada destinatario o ingresa un nuevo nombre.
    • Haz clic en contacts Personalizar para usar personalización para extraer un nombre almacenado como propiedad en el registro de 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 gestionar las direcciones guardadas existentes. 
      • En Direcciones de correo electrónico, puedes seleccionar la dirección de correo electrónico de un usuario de HubSpot en tu cuenta.
      • 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, contact@yourcompany.com). 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 delpropietario de HubSpot para el destinatario. También puedes agregar una nueva ficha de personalización haciendo clic en Agregar ficha de personalizaciónen 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 de remitente, mantén la casilla de comprobación Usar esta opción como mi dirección de respuesta.
    • Si quieres que las respuestas de correo electrónico lleguen a una dirección diferente, desactiva la casilla de comprobación Usar como mi dirección de respuesta y escribe otro correo electrónico en el campo Dirección de respuesta.
  • Línea de asunto: la línea de asunto del correo electrónico que aparece en la bandeja de entrada.
    • Introduce tu asunto de correo electrónico en el campo Línea de asunto.
    • Puedes hacer clic en el icono de emoji emoji para agregar emojis a la línea de asunto.
    • Haz clic en test Inteligente para hacer que la línea de asunto sea inteligente (solo Marketing Hub Pro y Enterprise).
    • Haz clic en contacts Personalizar para agregar una ficha de personalización.
  • Texto de vista preliminar: agrega texto de vista preliminar que suele aparecer junto a la línea de asunto del correo electrónico en una bandeja de entrada.
  • Nombre interno del correo electrónico: el nombre interno del correo electrónico que aparece en el panel de correo electrónico. Este nombre no es visible para los destinatarios de correo electrónico.
  • Tipo de suscripción: selecciona el tipo de suscripción de correo electrónico. Más información sobre cómo crear y usar tipos de suscripción.
  • Campañas: selecciona una campaña para asociar con el correo electrónico.
  • Idioma: selecciona el idioma en el que aparecerá el texto de tu pie de página de correo electrónico y el texto del enlace de tu versión web en la parte inferior de tu correo electrónico.

Haz clic > Configuración avanzada para expandir la sección. Aquí, podrás personalizar lo siguiente:

  • Versión web: (Solo Marketing Hub Básico, Pro y Enterprise) haz clic para activar 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, escribe el slug de la página. Utiliza solo una "/" para publicar en la página de inicio del dominio.
    • Metadescripción: la metadescripción de la versión web.
    • (Opcional) Hacer que la página expire en una fecha específica: selecciona la casilla de comprobación Hacer que la página expire en una fecha específica si deseas redirigir la versión web del correo electrónico a una página o URL externa de HubSpot en una fecha y hora programadas.
  • Personalizar texto sin formato: HubSpot crea automáticamente una versión de texto sin formato de tu correo electrónico para enviar en el evento que un destinatario no puede recibir la versión de texto enriquecido. Haz clic en Personalizar texto sin formato para editar el contenido de la versión de texto sin formato.

(Opcional) Prueba A/B de tu correo electrónico (solo Marketing Hub Pro y Enterprise)

  • En la parte superior izquierda del editor, haz clic en test Ejecutar una prueba.
  • En el cuadro de diálogo, escribe un nombre para cada versión de tu correo electrónico.
  • Configurar las opciones de prueba:
    • Distribución A/B: usa el control deslizante para decidir qué porcentaje de contactos recibirán Variación A y Variación B. También puedes establecer el control deslizante para enviar Variación A a 50% y Variación B a 50%. Este enviará una variación del correo electrónico a la mitad de los contactos de la lista, y el otro correo a la otra mitad. Esto te permite analizar las estadísticas de dos correos electrónicos después del envío para ver cuál fue más exitoso.
    • Criterio de medición ganador:Si has optado por enviar variaciones A y B a un grupo más pequeño y luego enviar la versión ganadora al resto, haz clic en el menú desplegable Criterio de medición ganador para seleccionar la métrica que decidirá cómo se elegirá la variación ganadora. Tasa de apertura, Tasa de clics o Tasa de clickthrough.
    • Duración de la prueba: usa el control deslizante para establecer un período de tiempo para recopilar datos antes de elegir un ganador y enviar la variación ganadora. Tu prueba A/B se puede ejecutar por hasta 100 horas. Si los resultados de la prueba son concluyentes después de la duración de la prueba, la Variación A se enviará a los destinatarios restantes.
  • Haz clic en Crear prueba.

create-a-b-email-test-dialog-box

Nota: puedes ejecutar una prueba completa (50/50) A/B usando cualquier tamaño de muestra. Todas las demás divisiones de muestra requieren una lista que incluya al menos 1.000 destinatarios, excluyendo cualquier contacto que tenga rebotes duros previamente o canceló su suscripción.


Después de crear ambas versiones de tu correo electrónico de prueba A/B, puedes alternar entre dos en cualquier momento o actualizar tus opciones de 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 de tu correo electrónico, selecciona el nombre de la otra versión.
  • Si necesitas cambiar cualquiera de tus opciones de prueba A/B, haz clic en Administrar prueba.

switch-email-versions

Vista previa o probar los correos electrónicos

Antes de enviar o programar tu correo electrónico, puedes obtener una vista preliminar de lo que verán tus destinatarios en distintos tipos de dispositivos. También puedes enviar un correo electrónico de prueba a ti mismo o a otro usuario de tu cuenta.
  • En la parte superior derecha, haz clic en el menú desplegable Acciones y selecciona Vista preliminar
    • La pestaña Dispositivos mostrará cómo se presentará tu correo electrónico en un dispositivo de escritorio o dispositivo móvil. De manera predeterminada, el correo electrónico mostrará los valores predeterminados para su personalización. Haz clic en el menú desplegable Vista preliminar como un contacto específico para previsualizar tu correo electrónico como un contacto específico.
    • Haz clic en la pestaña Clientes y selecciona la casilla de comprobación para cualquier cliente de correo electrónico que desees probar, luego haz clic en Probar mi correo electrónico ahora. En la parte inferior de tu lista de clientes, puedes ver los resultados de pruebas de cliente anteriores para el correo electrónico.

Nota: Los usuarios de Marketing Hub Starter no tienen acceso a vistas preliminares de correo electrónico de clientes.

preview-email-dnd-gif
  • 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 electrónico de prueba.
    • En el panel derecho, haz clic en el menú desplegable Elegir uno o más destinatarios para seleccionar los destinatarios de tu correo electrónico de prueba.
    • (Opcional) Haz clic en el menú desplegable Recibir correo electrónico como contacto específico para mostrar una vista preliminar del correo electrónico como contacto específico. Esto es muy útil para probar la personalización.
    • Haz clic en Enviar un correo electrónico de prueba.

  • Para convertir tu correo electrónico en un correo electrónico automatizado para usar en workflows, haz clic en el menú desplegable Acciones y selecciona Convertir en correo electrónico automatizado.

Enviar o programar tu correo electrónico

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

email-send-or-schedule-summary-tab

  • Para configurar los destinatarios del correo electrónico:
    • Haz clic en el menú desplegable Enviar a y selecciona la (s) lista(s) de contactos y/o contactos individuales para agregarlos a la lista de destinatarios.
    • Haz clic en el menú desplegable No enviar a y selecciona la(s) lista(s) de contactos y/o contactos individuales 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. Esta característica resulta más útil después de haber enviado varias campañas de correo electrónico desde HubSpot, ya que contarás con suficientes datos para identificar a los contactos con un nivel bajo de interacción.
    • Puedes ver cuántos contactos recibirán tu correo electrónico en Estimado de destinatarios, según las listas y contactos individuales que seleccionaste.
      • Si seleccionaste una lista para incluir, el número estimado de destinatarios no tomará en cuenta los contactos de la lista que cancelaron su suscripción o que nunca se suscribieron a tus correos de marketing.
      • A medida que agregas destinatarios, puedes revisar cuántos contactos en cuarentena, rebotados, sin interacción o no de marketing serán excluidos automáticamente de la recepción de tu correo electrónico. También se excluirán los contactos con direcciones de correo electrónico no válidas o ausentes.
  • Elige cuándo quieres enviar tu correo electrónico seleccionando una opción de envío:
    • Enviar ahora: tu correo electrónico se enviará de inmediato.
    • Programar para una fecha posterior: envía tu correo electrónico a una fecha y hora específicas:
      • Haz clic en los menús desplegables Fecha Hora para programar tu correo electrónico. Por opción predeterminada, los correos electrónicos se envían según la zona horaria de tu cuenta de HubSpot. Para configurar manualmente la hora de envío óptima en función de una zona horaria específica de tus destinatarios, puedes usar un convertidor de zona horaria.
      • Si quieres enviar tu correo electrónico a un contacto en función de su zona horaria en lugar de la zona horaria de tu cuenta de HubSpot, selecciona la casilla de comprobación Enviar en cambio según las zonas horarias de los contactos. Si un contacto no tiene la propiedad Zona horaria de dirección IP rellenada en su registro, la hora de envío será la zona horaria predeterminada de tu cuenta.
email-scheduling-options-1
  • 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 abordar cualquier error o advertencia que debas corregir antes de enviar tu correo electrónico.
  • Después de enviar o programar tu correo electrónico, puedes enviarlo a más destinatarios si te olvidaste de incluirlos cuando creaste el correo electrónico:
    • En tu cuenta de HubSpot, dirígete a Marketing > Correo.
    • Haz clic en el nombre de los correos electrónicos enviados o programados que te gustaría enviar a destinatarios adicionales.
    • En la parte superior derecha, haz clic en el menú desplegable Acciones y luego selecciona Enviar a más.
    • Haz clic en el menú desplegable Enviar a y selecciona la (s) lista(s) de contactos y/o contactos individuales para agregarlos a la lista de destinatarios.
    • Haz clic en el menú desplegable No enviar a y selecciona la(s) lista(s) de contactos y/o contactos individuales 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.