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

Previsualice y optimice la apariencia de su correo electrónico en todos los clientes y dispositivos

Última actualización: mayo 2, 2022

Requisitos

Marketing Hub Professional, Enterprise
Marketing Hub Básico (versión anterior)

Mientras diseñas tu correo electrónico de marketing, puedes previsualizar cómo se ve en diferentes tipos de dispositivos y clientes de correo electrónico. Si notas que tu correo electrónico no se muestra como se espera en determinados clientes, lee las prácticas recomendadas y las soluciones a los problemas más comunes que aparecen a continuación

Previsualice su correo electrónico en dispositivos móviles y clientes de escritorio

Antes de enviar su correo electrónico, puede previsualizar el aspecto que tendrá en diferentes clientes y dispositivos.

  • En tu cuenta de HubSpot, dirígete a Marketing > Correo.
  • Haz clic en el nombre de un borrador de correo existente.
  • En la parte superior derecha del editor de correo electrónico, haz clic en el menú desplegable Acciones y luego haz clic en Vista preliminar.
  • Revise cómo se verá su correo electrónico tanto en una pantalla de escritorio más amplia como en una versión móvil más pequeña
  • Para ver cómo aparecerá su correo electrónico en determinados clientes de correo electrónico, haga clic en Clientes en la parte superior de la pantalla de vista previa.
  • En el panel izquierdo, seleccione la casilla junto a cualquier cliente de correo electrónico que desee previsualizar.
  • En la parte superior derecha, haz clic en Probar mi correo ahora. HubSpot generará vistas previas para cada uno de los clientes que hayas seleccionado.
    • Haga clic en los < or > botones para navegar entre las vistas previas de los clientes.
    • Por defecto, muchos clientes desactivan las imágenes cuando el correo electrónico se carga por primera vez. Para ver cómo aparece su correo electrónico sin imágenes, active el interruptor de bloqueo de imágenes.

vista previa de su correo en el editor

Solucionar los problemas de recorte de Gmail

Si el tamaño total de tu correo electrónico, incluyendo cualquier código incrustado en el marcado de tu mensaje, supera los 102 KB, Gmail recortará tu correo. Para ver el contenido completo de su correo electrónico, su destinatario tendrá que hacer clic en el enlace Ver todo el mensaje, lo que puede afectar negativamente a su reputación de envío, y también interfiere con la capacidad de HubSpot para rastrear las interacciones con su correo electrónico.

Si tu correo electrónico redactado corre el riesgo de ser recortado en Gmail, aparecerá una advertencia en el panel de revisión y envío .

review-and-send-gmail-clipping-warning

Para evitar que Gmail recorte tu correo electrónico, puedes seguir los siguientes pasos:

  • Recorte elcontenido extra: revise su correo electrónico para eliminar cualquier contenido que no sea esencial para que sus destinatarios lo lean. También debe comprobar el código o el estilo que pueda haber incluido si ha copiado el contenido de otro editor. Tenga en cuenta que la eliminación de las imágenes grandes no reducirá significativamente el tamaño de su correo electrónico, ya que se cargan por separado del contenido del mismo.
  • Evita enviar varios correos electrónicos con el mismo asunto: si envías varios correos electrónicos a un destinatario con el mismo asunto, Gmail los combinará automáticamente en una sola cadena, incluso si el correo más reciente incluye contenido nuevo.
  • Pruebesu correo electrónico después de realizar los cambios: después de revisar su correo electrónico para reducir su tamaño, envíe un correo electrónico de prueba a una cuenta de Gmail de su propiedad para verificar que su correo electrónico aparece como esperaba sin ningún recorte.

Haz que tu correo electrónico sea amigable para los móviles

Aunque es difícil diseñar su correo electrónico para que aparezca perfectamente entre el escritorio y el móvil, puede seguir los siguientes consejos para garantizar una experiencia móvil consistente.

Usar un plantilla de correo adaptable

Todas las plantillas de arrastrar y soltar de HubSpot son adaptables de manera predeterminada. Esto significa que el contenido se ajusta a la pantalla en que se ve. HubSpot también agrega un ancho máximo a las imágenes en el editor de contenido, por lo que no tienes que preocuparte de editar el código fuente para aumentar el ancho.

Si estás creando una plantilla de correo electrónico codificado en HubSpot, asegúrate de usar nuestro marcador de plantillas de correo electrónico adaptable. También puedes comprar una plantilla de correo electrónico adaptable en HubSpot Template Marketplace.

Reducir el tamaño de archivos de imagen

En la mayoría de los casos, las velocidades de descarga en dispositivos móviles es más lenta que en equipos de escritorio. Utiliza archivos de imagen más pequeños para reducir el tiempo de carga de tu correo electrónico. HubSpot redimensiona automáticamente las imágenes que incluyen un atributo de anchura en una <img> etiqueta. Servicios como FastStone Photo ResizerJPEGmini también pueden reducir el tamaño del archivo en casi 80% sin reducir la calidad de tu imagen.

Aumentar el tamaño de enlaces y botones de llamada a la acción (CTA)

Asegúrate de que tu contenido sea lo suficientemente grande para poder leerlo claramente en un dispositivo móvil. Para asegurarte de que tus suscriptores puedan ver y hacer clic en tu contenido, asegúrate de que los enlaces de texto y los botones de llamada a la acción (CTA) tengan un alto y un ancho superior a 57 x 57 píxeles.

Solucionar el problema del texto de la vista previa del correo electrónico

Cuando su correo electrónico aparece en la bandeja de entrada de un destinatario, los clientes de correo electrónico como Gmail o Outlook pueden mostrar contenido adicional del cuerpo de su correo electrónico después de la línea de asunto y el texto de vista previa. Este comportamiento puede dar lugar a un texto no deseado después de la vista previa. Por ejemplo, si incluye una imagen como un banner o un logotipo en la parte superior de su correo electrónico, el texto alternativo de la imagen podría incluirse en la vista previa del correo electrónico.

email-preview-text-with-image-alt-text

Para evitar este problema, puede intentar proporcionar un resumen del contenido de su correo electrónico como texto alternativo de una imagen en la parte superior de su correo electrónico, o puede omitir el texto alternativo por completo. Para confirmar que el texto completo de la vista previa aparece como se espera, puede enviarse un correo electrónico de prueba.

Evitar el uso de JavaScript y marcos en línea

Si utiliza el editor de correo electrónico clásico para crear sus correos electrónicos, debe evitar el uso de <script> <iframe> elementos o <iframe>en su plantilla, ya que no serán representados por la mayoría de los principales clientes de correo electrónico. Si va a añadir un <iframe> elemento HTML para insertar un vídeo en su correo electrónico, debería optar por utilizar el módulo de vídeo.

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