Vista previa del sitio web antes de publicar

Antes de publicar tus cambios recientes, es fundamental previsualizar tu sitio web para entender exactamente cómo lo verán tus visitantes. Piensa en ello 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 web tal como se ve en pantallas de ordenador estándar.

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

• 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 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 volver al editor.

Ajustes para móvil

Aunque tu sitio web es adaptable por naturaleza, puedes usar los Ajustes para móvil 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 asegurar 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 del sitio web 

• Página de inicio de la app -  Usa esta opción para determinar qué verán tus usuarios al abrir la app. Elige entre la Página de inicio móvil regular, la Zona de clientes 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 logo o si se generará uno automáticamente según el nombre de tu sitio web.
• Fondo de la pantalla de inicio - Usa esta opción para establecer 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. 
• Popup de instalación para visitantes -  Usa esta opción para avisar a tus usuarios de que pueden 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 la versión de escritorio de tu sitio.

• Comprobación de coherencia - 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 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.