Vista previa del sitio web antes de publicar

Antes de publicar tus cambios recientes, es fundamental previsualizar tu sitio web para comprender exactamente cómo lo verán 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.

Opciones de vista previa

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 tal como se ve en pantallas de ordenador estándar.

• Tablet y móvil - Muestra cómo el diseño se ajusta automáticamente a pantallas más pequeñas y tabletas.

• App -  Previsualiza tu sitio web tal como aparecerá como una app instalada en los dispositivos de tus usuarios (Android, iOS).

• Nueva ventana - Abre una vista previa en vivo en una pestaña del navegador separada, 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 volver al editor.

Ajustes móviles

Aunque tu sitio web es adaptable 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 en móvil para que coincida con la estética de tu marca.

• Diseño y espaciado - Usa Alineación del texto para posicionar el texto del menú y Espacio entre páginas para controlar la distancia vertical entre los enlaces de navegación.

Ajustes de la app

Controla aspectos de la versión App de tu sitio web 

• Página de inicio de la app -  Usa esta opción para decidir qué ven tus usuarios cuando abren la app; elige entre la página de inicio móvil normal, la Zona de cliente de tus usuarios o tu Tienda. Una vez que tus usuarios toquen el icono de la app en sus dispositivos, verán la opción seleccionada.
• Logo de la pantalla de inicio -  Usa esta opción para determinar si el icono de la app mostrará tu logotipo o si se generará automáticamente uno en función del nombre de tu sitio web.
• Fondo de la pantalla de inicio - Usa esta opción para configurar el color de fondo de tu versión App; elige entre Negro, Blanco o el color principal del sitio web. Esta opción actualmente solo está disponible para dispositivos Android. 
• Ventana emergente de instalación para visitantes -  Usa esta opción para informar a tus usuarios de la posibilidad de añadir tu sitio web como una app en sus dispositivos móviles. Esta opción actualmente solo está disponible para dispositivos Android. 

Notas

• Ajustes dinámicos - Los ajustes específicos para móvil te permiten resolver problemas de diseño—como texto demasiado grande en pantallas pequeñas—sin afectar a la versión de escritorio de tu sitio.

• Comprobación de coherencia - Se recomienda encarecidamente usar la vista previa de “Nueva ventana” antes de un lanzamiento importante, ya que te permite probar enlaces y botones en un entorno de navegador limpio.

• Experiencia de usuario - Presta especial atención al Color del menú y a la Alineación del texto en móvil; un menú centrado y con alto contraste suele ser más fácil de navegar para los visitantes con los pulgares.