Dado que cada vez más personas abren el email en sus dispositivos móviles, es crucial asegurarse de que su email se vea bien en cualquier pantalla. Tanto si su destinatario consulta su email en un smartphone, una tableta o un ordenador, puede optimizar su experiencia mostrando u ocultando contenidos en función del dispositivo que esté utilizando. Gracias a nuestra configuración de visibilidad del contenido, puede crear un único diseño en email que se adapte a cada tipo de dispositivo mostrando el contenido solo para el tipo de dispositivo que haya seleccionado. 

Antes de empezar

• Asegúrese de comprender la diferencia entre bloques de sección y de contenido.
• Aprenda a diseñar eficazmente su email para dispositivos móviles y la configuración del modo oscuro. Para obtener más información, consulte nuestros artículos dedicados Editar los emails para la visualización en móviles y Crear emails compatibles con el modo oscuro.

❓¿Por qué mostrar contenido solo en equipos de escritorio o dispositivos móviles? 

Es posible que se pregunte por qué debería mostrar algunos contenidos solo en dispositivos específicos. Elegir mostrar parte del contenido solo en dispositivos específicos puede ayudarle a transferir lo que considere más útil e importante solo a dispositivos móviles o de escritorio y ocultar el contenido no esencial.

Existen varios casos en los que mostrar contenido solo para escritorio o dispositivos móviles (smartphone o tablet) podría ser útil:

• 🖥️ Mostrar solo en dispositivo de escritorio
  Si va a mostrar una nueva línea de productos con especificaciones extensas, un tutorial, un libro electrónico o un documento técnico con texto y medios enriquecidos, es posible que deba mostrar este contenido solo en equipos de escritorio. De hecho, este tipo de contenido puede incluir explicaciones detalladas, vídeos o grandes bloques de texto que son más fácilmente navegables en ordenadores de escritorio. Los equipos de escritorio proporcionan una experiencia de lectura más cómoda y la capacidad de interactuar con medios incrustados sin limitaciones de tamaño de pantalla. 
• 📱 Mostrar solo en móviles
  Si ha añadido una promoción en tienda a su diseño de email con un código QR o de barras, puede mostrar este contenido solo en móviles para incitar a su destinatario a visitar su tienda física, ya que puede escanear fácilmente la promoción. Esto fomentará la participación y la acción instantáneas.
  Lo mismo ocurre si proporciona un enlace para descargar su aplicación móvil o añade funcionalidades especiales de la aplicación en su diseño de email. Los destinatarios de móviles pueden descargar o interactuar directamente con la aplicación desde su dispositivo móvil, lo que hace que el proceso sea fluido e impulsa la interacción con la aplicación. 

Puede ir más allá eligiendo mostrar una sección solo en el equipo de escritorio y creando la misma sección pero optimizada para móviles, y mostrarla solo en móviles.  Vea nuestro ejemplo a la derecha ➡️

Mostrar u ocultar contenido según el tipo de dispositivo 

Al diseñar su email desde nuestro editor de email, puede definir la condición de visualización y elegir mostrar el contenido solo en dispositivos específicos, de escritorio o móviles (smartphone o tableta). Por ejemplo, si elige mostrar una sección solo en equipos de escritorio, esta sección quedará oculta para todo destinatario que abra su email en móvil, y viceversa. 

Para definir condiciones de visualización: 

1. Seleccione la sección o el bloque de contenido que desea mostrar solo en dispositivos móviles o equipos de escritorio.
2. En la sección Content visibility (Visibilidad del contenido) del panel izquierdo, active la opción Show on selected devices (Mostrar en dispositivos seleccionados).
3. Desde allí, puede:
   1. Seleccionar Only on desktop (Solo en equipos de escritorio) para mostrar este contenido solo en equipos de escritorio y ocultarlo en dispositivos móviles. 
      
   2. Seleccionar Only on mobile (Solo en dispositivos móviles) para mostrar este contenido solo en teléfonos inteligentes y tabletas y ocultarlo en el equipo de escritorio. 
      

¡Felicidades! 🎉 Ha aplicado condiciones de visualización. Su contenido solo se mostrará en los dispositivos que haya seleccionado. Le recomendamos encarecidamente que pruebe su email en diferentes dispositivos antes de enviarlo a su destinatario.

Pulse el icono 🖥️ Escritorio o 📱 Móvil en la parte superior del editor de email para pasar de una vista previa a otra. Cuando se aplica una condición de visualización, el borde del contenido se vuelve verde. El contenido también cuenta con un icono de ojo cortado en la vista previa del dispositivo para el que está oculto. Haga clic en el contenido o sección para el que aplicó la condición de visualización para editarlo o desactivarlo.

⏭ ¿Qué es lo siguiente? 

• Diseñar un email que responda a los dispositivos móviles
• Crear emails compatibles con el modo oscuro

🤔 ¿Tiene alguna duda?

Si tiene alguna pregunta, no dude en ponerse en contacto con nuestro equipo de asistencia mediante la creación de un ticket desde su cuenta. Si todavía no tiene una cuenta, puede ponerse en contacto con nosotros aquí.

Si necesitas ayuda con un proyecto usando Brevo, podemos ponerte en contacto con un socio certificado de Brevo.