Ver el sitio en la vista previa antes de publicar

Qué muestra la vista previa

La vista previa está a la derecha del chat, en la pestaña Vista previa. Muestra la versión actual del proyecto, incluidos los cambios que todavía no se publicaron. Los visitantes solo ven lo que publiques.

En la vista previa el sitio funciona de verdad: enlaces, menús y botones responden al clic. En los proyectos en código con base de datos, la vista previa usa los datos reales del proyecto, así que lo que registres mientras pruebas queda guardado.

Tamaños de pantalla

Los botones de escritorio, tablet y móvil, arriba en el editor, cambian el ancho de la vista previa:

El sitio reacciona al ancho como en un aparato real: en tamaño móvil ves el diseño de móvil, no una versión reducida del de escritorio. Recargar vista previa, en el editor visual, o Actualizar vista previa, en el modo código, vuelve a armar la vista previa.

Herramientas de la vista previa en el editor visual

• Seleccionar elementos (S): haz clic en un bloque para seleccionarlo; el chat pasa a hablar de él y la pestaña Editar muestra sus campos.
• Editar el bloque seleccionado: abre los campos del bloque elegido.
• Adjuntar captura al chat: toma una foto de la vista previa y la adjunta al próximo pedido.
• Ocultar barra esconde estas herramientas; Mostrar barra de la vista previa las trae de vuelta.
• El selector de páginas, arriba, cambia la página mostrada.

Cambiar de página y seleccionar un componente en el modo código

Encima de la vista previa, el botón con la dirección actual (como /) lista todas las páginas del sitio. Elige una o escribe una dirección para abrirla. Hacer clic en un enlace dentro del sitio también actualiza el botón, y lo que pides en el chat es sobre la página abierta.

Seleccionar componente, al lado, activa el modo componente: pasa el ratón sobre el sitio para ver cada parte con un contorno y su nombre, y haz clic en la que quieres cambiar. Se convierte en la selección del chat, y el próximo pedido cambia solo esa parte. Esc sale del modo. Consulta Añadir contexto.

Abrir el sitio en otra pestaña y compartirlo

• En el editor visual, Abrir en una pestaña nueva aparece después de publicar el sitio y abre la versión que está en línea, no los cambios sin publicar.
• Compartir y luego Copiar enlace copia la dirección del sitio publicado. Antes de la primera publicación, aparece Publica primero para tener un enlace que compartir.
• En el modo código, después de publicar, el aviso Publicado en … lleva al sitio. En Mis proyectos, el botón Ver sitio también.
• Todavía no hay un enlace de vista previa para mostrar el sitio a alguien antes de publicar.

Ver una propuesta antes de aplicarla

En el modo código, cuando un cambio llega como propuesta, Ver vista previa muestra cómo quedaría el sitio. Una franja avisa Vista previa de la propuesta — todavía no se aplicó., con los botones Aplicar y Volver al sitio actual.

Cuando la vista previa no aparece