Una vista previa web permite revisar una tienda antes de decidir publicarla. Runner AI abre el proyecto en una vista interactiva con navegación entre páginas, marcos de dispositivo, actualización y detalles de errores cuando están disponibles. Empieza por tu tienda y la página que necesitas revisar. Obtienes un estado observado del proyecto que puedes comentar en el chat de Runner, no una captura que demuestre que la tienda pública funciona.
Abre la vista previa web de la versión correcta
Selecciona tu tienda en el espacio de trabajo de Runner y abre Online Store. La vista previa necesita una tienda ya creada o una versión que pueda mostrarse. Si Runner pregunta cómo debería ser la tienda, describe primero la versión que quieres construir. Un proyecto vacío todavía no contiene una tienda terminada. Si la compilación o la preparación siguen en curso, consulta el progreso antes de valorar el resultado.
Identifica la versión abierta antes de informar de un problema. Cuando existen controles de versiones, la etiqueta de versión actual distingue la tienda más reciente de una vista anterior. Una tarjeta de versión de una conversación completada puede abrir el resultado histórico de aquella tarea. Los proyectos antiguos sin historial guardado pueden usar la vista actual. Son objetivos de revisión distintos aunque sus páginas de inicio parezcan similares.
Una tarea completada no demuestra que el último resultado haya llegado a la vista previa. La versión anterior que funcionaba puede seguir visible si no se pudo incorporar la nueva. Compara el contenido y las etiquetas con el cambio solicitado. Si pediste una introducción nueva para una colección, busca esa introducción en lugar de interpretar el estado de la tarea como prueba de que apareció.
Recorre las páginas, no solo la portada
Usa la navegación de la vista previa como lo haría un cliente. Empieza en la portada, sigue un enlace a una colección y abre un producto. Confirma que el destino carga y que la ruta cambia según lo esperado. Una captura de la portada no muestra si falta el destino de un menú o si un enlace de producto apunta a la página equivocada.
El campo de ruta permite abrir una dirección conocida dentro del mismo sitio de vista previa. Introduce la ruta y pulsa Enter cuando el campo esté disponible. No es un visor de URLs externas arbitrarias: las direcciones inválidas o externas no se aceptan como navegación de la tienda. Usa Atrás y Adelante cuando el historial admita esas acciones, sin salir del proyecto de Runner.
Anota el resultado esperado en cada destino importante. En una página de producto, contrasta título, imágenes, precio, opciones y control de compra con tu catálogo verificado. Sigue enlaces además de escribir rutas; una página puede funcionar directamente y conservar un enlace de menú incorrecto. Las pruebas de sitios adaptables cubren la comprobación complementaria del mismo recorrido en ordenador, tableta y teléfono.
Actualiza cambios guardados e informa de un fallo reproducible
Después de una corrección, espera a que la vista actualizada esté disponible y vuelve a la ruta afectada. Actualizar recarga la vista; no publica la tienda. Guarda antes los cambios pendientes del Design Mode, porque la actualización puede borrar la selección activa y su historial de deshacer y rehacer. Recargar repetidamente no resuelve una compilación fallida ni un espacio de trabajo inaccesible.
Lee el estado que muestra Runner. Una vista en preparación o reconexión no equivale a una página lista. Si una versión histórica no carga, vuelve a la actual cuando sea posible e informa de la versión que falló. Si aparece una barra de errores, amplía los detalles. Usa la acción de corrección o conversación ofrecida para entregar el diagnóstico a Runner; descartar la barra solo oculta el mensaje.
Para un problema visual o de navegación sin diagnóstico, envía una petición acotada en el chat. Incluye tienda, versión si la conoces, ruta, marco de dispositivo, estado inicial, acción y resultados esperado y observado. Pide corregir la sección afectada conservando el resto. El editor web con IA explica ese proceso. Cuando Runner termine, repite los pasos originales; una respuesta nueva no demuestra por sí sola que el fallo desapareció.
Separa la revisión de la vista previa del lanzamiento público
La vista previa web sirve para decidir si un cambio cumple lo solicitado. No certifica todos los sistemas conectados. Ábrela en otra pestaña cuando necesites más espacio, pero recuerda que una ventana más grande sigue mostrando la vista previa. Ni cambiar el marco ni abrir otra pestaña hace pública la tienda.
Comprueba los sistemas responsables de los datos que necesitan los clientes. La información visible no demuestra existencias actuales, disponibilidad de envío, conexión de pagos ni preparación del checkout. Usa un entorno de pruebas autorizado para comprobar compras. Los marcos ayudan a revisar el diseño, pero no sustituyen las pruebas prioritarias en teléfonos reales, el acceso con teclado ni las mediciones de rendimiento.
Cuando la versión actual supere tu revisión, publicar seguirá siendo una acción independiente con controles de acceso y preparación. Publicar un sitio web cubre esa decisión y la verificación de la dirección pública. Si la tienda pública muestra contenido antiguo, compáralo con la versión revisada en lugar de actualizar la vista previa y esperar que cambie lo que ven los clientes. La vista aporta pruebas del escenario observado, no una aprobación automática del lanzamiento.
Preguntas frecuentes sobre la vista previa web
¿La vista previa de Runner AI genera capturas de pantalla?
No. Runner AI abre el proyecto de tienda para una revisión interactiva. Puedes seguir enlaces, inspeccionar rutas conocidas y usar los controles disponibles para ese proyecto. No es un servicio general para capturar cualquier URL pública ni para revisar tarjetas de enlaces compartidos en redes sociales. Elige una herramienta que produzca el resultado que necesitas.
¿Por qué aparece una versión anterior después de completar una tarea?
Completar una tarea y actualizar la vista previa son resultados distintos. Una tarjeta de versión guardada puede abrir deliberadamente el resultado de una tarea anterior. La vista actual también puede conservar la última versión correcta si falla la incorporación del trabajo nuevo. Comprueba las etiquetas y el cambio visible solicitado antes de asumir que revisas el resultado más reciente.
¿Qué debo enviar a Runner si una página de la vista previa falla?
Envía ruta, versión si la conoces, marco de dispositivo, estado inicial, acción, resultado esperado y fallo observado. Añade los detalles de error disponibles, sin incluir credenciales. Pide una corrección concreta e identifica qué debe mantenerse sin cambios. Después, repite los mismos pasos en la vista actualizada para comprobar el resultado.
¿Actualizar o abrir la vista previa publica mi tienda?
No. Actualizar recarga la vista y abrirla en otra pestaña te da más espacio para revisarla. Guarda el trabajo pendiente del Design Mode antes de actualizar. La publicación necesita su propia acción y comprobaciones, seguidas de una revisión de la tienda pública. Una vista previa correcta no confirma que los clientes puedan completar el checkout.