---
title: Tienda y publicación
description: Obtén una vista previa, edita, versiona, publica y verifica tu tienda Runner.
---

Usa esta sección para mover una tienda desde una vista previa en la aplicación a una tienda en vivo verificada. Cada página cubre una tarea y explica qué hace cada control importante.

![Vista previa y controles de la tienda Runner](https://ixft9x6szo.ufs.sh/f/Cc8uxBgAYTzgkyhbRgjXIfFwWx7Qu1lJBZMSPHcazYdR0voC)

## Qué cubre esta guía

Elige la guía que coincida con tu tarea actual de tienda, sin confundir una vista previa editable con una tienda en vivo y comprable.

## Comprende los cuatro estados de la tienda

| Estado | Qué significa | Qué no prueba |
| --- | --- | --- |
| **Vista previa** | Runner está mostrando una copia de trabajo dentro de tu proyecto. Puedes revisar páginas y diseños. | La tienda no es necesariamente pública. |
| **Publicar** | Runner verifica y envía la versión actual a una URL de tienda pública por primera vez. | Los productos, stock, envío, pagos y checkout no se verifican automáticamente. |
| **Publicar Cambios** | Una tienda en vivo ya existe y Runner puede enviar cambios más nuevos a ella. | Los cambios no guardados o incompletos aún no están en vivo. |
| **Republicar** | Runner puede reintentar después de una publicación fallida o una publicación completada que no devolvió una URL utilizable. | No es la etiqueta normal para publicar nuevos cambios en una tienda en vivo saludable. |

## Elige una tarea

| Qué quieres hacer | Guía | Resultado |
| --- | --- | --- |
| Revisa la tienda actual | [Vista previa de tu tienda](./preview-your-store.mdx) | Verifica páginas, rutas, comportamiento de actualización y diseños responsivos. |
| Realiza cambios visuales | [Usa modo de diseño](./design-mode.mdx) | Selecciona un elemento y abre los controles de edición. |
| Cambia texto, espaciado, tipo o imágenes | [Editar contenido, páginas y medios](./edit-content-pages-and-media.mdx) | Actualiza una página visible y guarda el resultado. |
| Inspecciona o cambia un archivo de tienda | [Inspecciona y edita el código de la tienda](./inspect-and-edit-code.mdx) | Abre el editor de código condicional, guarda un cambio de archivo enfocado y revisa su estado de Git. |
| Compara o recupera un estado anterior | [Usar el historial de versiones](./version-history.mdx) | Obtén una vista previa de una versión o restáurala como una nueva versión actual. |
| Verifica si la tienda está lista | [Prepararse para publicar](./prepare-to-publish.mdx) | Resuelve o reconoce explícitamente las verificaciones mostradas por Runner. |
| Pon los cambios en línea | [Publicar y republicar](./publish-and-republish.mdx) | Inicia el flujo de publicación correcto para el estado actual. |
| Prueba que el viaje del cliente funciona | [Verifica la tienda en vivo y el checkout](./live-store-and-checkout.mdx) | Confirma el catálogo público, carrito y checkout por separado. |
| Usa tu propia dirección web | [Conecta un dominio personalizado](./custom-domains.mdx) | Añade, compra, transfiere, renueva o diagnostica un dominio elegible. |
| Recupérate de un estado bloqueado | [Solucionar problemas de vista previa y publicación](./troubleshoot-preview-and-publishing.mdx) | Relaciona el mensaje en pantalla con la siguiente acción más segura. |

## Orden recomendado para un primer lanzamiento

1. Revisa la última versión en [Vista previa](./preview-your-store.mdx).
2. Realiza y guarda cualquier edición visual en [Modo de diseño](./design-mode.mdx).
3. Verifica los [requisitos previos de publicación](./prepare-to-publish.mdx).
4. Selecciona **Publicar** y sigue el flujo de confirmación.
5. Abre la URL pública y [verifica el catálogo y checkout](./live-store-and-checkout.mdx).
6. Añade un [dominio personalizado](./custom-domains.mdx) solo después de la primera publicación exitosa.

## Disponibilidad y seguridad

- **Modo Diseño** es condicional. Está diseñado para una versión lista más reciente en un diseño de escritorio y puede no estar disponible mientras Runner está trabajando.
- **Abrir editor de código** es condicional. Guardar, confirmar, enviar, publicar y verificar la tienda en vivo son resultados separados.
- La publicación puede estar limitada por plan o estado de tienda. Sigue el mensaje mostrado en tu workspace en lugar de asumir que cada cuenta tiene el mismo acceso.
- Una confirmación de publicación puede permitirte reconocer una configuración incompleta. Esa opción puede poner una tienda navegable en línea mientras el checkout permanece pausado o incompleto.

## Guías relacionadas

- [Te damos la bienvenida a Runner AI](../product-guide.mdx)
- [Inspecciona y edita el código de la tienda](./inspect-and-edit-code.mdx)
- [Solucionar problemas de vista previa y publicación](./troubleshoot-preview-and-publishing.mdx)
