Antes de publicar tus cambios recientes, es fundamental previsualizar tu sitio web para entender exactamente cómo se verá para tus visitantes. Piénsalo como un ensayo general final para asegurarte de que cada elemento —desde tu última entrada del blog hasta ese nuevo botón de contacto— se vea pulido y profesional.
Para ver tu sitio en diferentes plataformas, haz clic en el icono de Escritorio en el Editor del sitio web y elige entre estas opciones de visualización:
Escritorio - La vista predeterminada del editor que muestra el sitio web tal como se ve en pantallas de ordenador estándar.
Tableta y móvil - Muestra cómo tu diseño se ajusta automáticamente a pantallas más pequeñas y tabletas.
App - Previsualiza tu sitio web tal como se verá como una app instalada en los dispositivos de tus usuarios (Android, iOS).
Nueva ventana - Abre una vista previa en vivo en una pestaña separada del navegador, ofreciendo la representación más precisa de la experiencia del visitante.
Volver al modo de edición - Cuando termines de revisar tu trabajo, haz clic en este botón para regresar al editor.
Aunque tu sitio web es responsive por naturaleza, puedes usar los Ajustes móviles para afinar elementos visuales específicos en dispositivos de mano:
Encabezado y fuente - Ajusta la altura del encabezado y el tamaño de la fuente del encabezado para que tu marca se mantenga clara sin ocupar demasiado espacio en pantalla.
Apariencia del menú - Personaliza el tipo de menú y el color del menú del menú emergente móvil para que coincida con la estética de tu marca.
Diseño y espaciado - Usa Alineación de texto para posicionar el texto del menú y Espacio entre páginas para controlar la distancia vertical entre los enlaces de navegación.
Controla aspectos de la versión App del sitio web
Ajustes dinámicos - Los ajustes específicos para móviles te permiten resolver problemas de diseño —como texto demasiado grande en pantallas pequeñas— sin afectar la versión de escritorio de tu sitio.
Comprobación de consistencia - Se recomienda encarecidamente usar la vista previa en "Nueva ventana" antes de un lanzamiento importante, ya que te permite probar enlaces y botones en un entorno limpio del navegador.
Experiencia del usuario - Presta especial atención al Color del menú y a la Alineación de texto en móviles; un menú centrado y con alto contraste suele ser más fácil de navegar para los visitantes con los pulgares.
