Cómo configurar la visibilidad del texto en escritorio y móvil

El diseño adaptable asegura que tu sitio web se ajuste  y luzca bien en distintos dispositivos, desde pantallas de escritorio grandes hasta teléfonos móviles pequeños. Un aspecto clave de esto es controlar la visibilidad del contenido basado en el tamaño de la pantalla.

Las funciones "Ocultar en móvil" y "Ocultar en escritorio"

Usando las funciones "Ocultar en móvil" y "Ocultar en escritorio", puedes crear un sitio web verdaderamente responsivo que brinde una experiencia óptima a todos los usuarios, independientemente de su dispositivo.

Estas funciones te permiten crear diferentes versiones de tu contenido, mostrando elementos específicos solo en ciertos dispositivos. Esto es crucial para optimizar la experiencia del usuario en cada plataforma.

Sigue los pasos a continuación para adaptar el texto para la visibilidad en teléfonos y escritorios:

1. Accede a Campañas
2. Clic en Editar
   
   
3. Abre la página de Diseño
4. Editar contenido de correo
   
   
5. Vamos a crear algunos elementos ocultos para cada diseño: móvil y escritorio.
6. Personalízalo para uso en escritorio (y oculta un elemento para uso en móvil). Selecciona el Elemento que se ve bien en Móvil.
7. Desplázate hacia abajo en el lado derecho y selecciona Ocultar en escritorio. Esto asegura que este bloque de texto específico no sea visible cuando el sitio web se ve en computadoras de escritorio.
8. Guardar
9. Cerrar
   
10. Añade la caja de Texto en
    
11. Escribe el texto necesario. (También puedes optar por duplicar este bloque de texto y luego editarlo para que sea más amigable para dispositivos móviles (por ejemplo, ajustar el tamaño de fuente y el espaciado de línea).)
12. Centralízalo
13. Aumenta el tamaño de fuente
    
14. Ve a la versión móvil y selecciona el bloque de texto duplicado (o cualquier elemento) que deseas ocultar en la vista de escritorio.
15. Oculta el texto más grande para Móvil. Esto asegura que este bloque de texto específico no sea visible cuando el sitio web se ve en dispositivos móviles.
    
16. Utiliza la opción de vista previa en la esquina inferior izquierda para verificar cómo se ve en las versiones de escritorio y móvil:
    
17. Verifica ambas versiones cambiando la vista aquí:
    

Beneficios clave de usar estas funciones:

• Mejora la experiencia en móviles: Al ocultar elementos específicos de escritorio, evitas el desorden y garantizas un diseño móvil limpio y fácil de usar.
• Contenido optimizado: Puedes adaptar el contenido a cada dispositivo, haciéndolo más legible y atractivo.
  Tiempos de Carga más Rápidos: Puedes mejorar la velocidad de carga de la página al ocultar elementos innecesarios en móviles.
• Control mejorado: Tienes un control preciso sobre el contenido mostrado en cada dispositivo.
• En resumen, las funciones "Ocultar en móvil" y "Ocultar en escritorio" te permiten crear un sitio web verdaderamente responsivo que brinda una experiencia óptima a todos los usuarios, independientemente de su dispositivo.