docs: walkthrough del bloque 07 tienda online

smartclass-odoo-basica/recursos/ejercicios/07-tienda-online/README.md

@@ -1,3 +1,6 @@
 # Bloque 07 — tienda-online
 
-> Ejercicio pendiente. El walkthrough se generará con el skill `odoo-video-to-docs` y se moverá aquí desde `procesos/` una vez aprobado.
+Walkthrough del facilitador para crear y configurar una tienda online en Odoo 19 (módulo Sitio web + Comercio electrónico).
+
+- [crear-y-configurar-tienda-online.md](./crear-y-configurar-tienda-online.md) — walkthrough completo con capturas.
+- [media-tienda-online/](./media-tienda-online/) — capturas de pantalla del proceso.

smartclass-odoo-basica/recursos/ejercicios/07-tienda-online/crear-y-configurar-tienda-online.md

@@ -0,0 +1,187 @@
+# Crear y configurar la tienda online en Odoo
+
+**Módulo:** Sitio web / Comercio electrónico
+**Versión Odoo:** 19.0
+**Generado:** 2026-05-26
+
+## Prerrequisitos
+
+- Acceso a la instancia de Odoo como usuario con permisos de administración (en el video, **Sofía** de Natura Skin).
+- Tener cargados los productos del catálogo en el módulo Inventario / Ventas.
+- Permisos para activar el modo desarrollador y para configurar proveedores de pago y métodos de entrega.
+
+## Pasos del Proceso
+
+### Paso 1: Ingresar al módulo Ajustes
+
+Para empezar, abrimos el menú principal de Odoo. Desde el listado de aplicaciones vamos a entrar en **Ajustes**, que es donde activamos opciones técnicas como el modo desarrollador y desde donde también accederemos a las configuraciones generales del sitio web.
+
+![Paso 1](media-tienda-online/paso-01-home-odoo.png)
+
+### Paso 2: Activar el modo desarrollador
+
+Dentro de **Ajustes → Ajustes generales** bajamos hasta la sección **Herramientas de desarrollador** y hacemos clic en **Activar modo de desarrollador**. La página recarga sola y a partir de ahí Odoo deja visibles opciones técnicas que necesitaremos más adelante (por ejemplo el botón "Nuevo sitio web").
+
+![Paso 2](media-tienda-online/paso-02-activar-modo-desarrollador.png)
+
+### Paso 3: Abrir los ajustes del módulo Sitio web
+
+Volvemos al menú de aplicaciones y abrimos **Sitio web**, después entramos a la pestaña **Sitio web** dentro de Ajustes. Odoo viene con un sitio creado por defecto ("My Website") para que se pueda empezar a trabajar; nosotros vamos a crear uno nuevo.
+
+![Paso 3](media-tienda-online/paso-03-ajustes-sitio-web.png)
+
+### Paso 4: Crear el nuevo sitio web "Natura Skin"
+
+Hacemos clic en **+ Nuevo sitio web**. Se abre el modal **Agregar sitio web**: completamos el campo **Nombre del sitio web** con `Natura Skin` y dejamos vacío el campo **Dominio del sitio web** (se completaría solo si tuviéramos un dominio propio apuntado al sitio). Hacemos clic en **Crear**.
+
+![Paso 4](media-tienda-online/paso-04-modal-nombre-natura-skin.png)
+
+### Paso 5: Iniciar el configurador paso a paso
+
+Una vez creado el sitio se abre un wizard que nos guía en cuatro pasos para construir la apariencia inicial. En la pantalla de bienvenida ("¿Listo para crear el sitio web perfecto?") hacemos clic en **¡Hagámoslo!**.
+
+![Paso 5](media-tienda-online/paso-05-wizard-bienvenida.png)
+
+### Paso 6: Definir tipo, rubro y objetivo
+
+El wizard nos pregunta qué queremos. Elegimos:
+
+- **Quiero:** *una tienda en línea*
+- **Para mi negocio de:** *Tienda de productos de belleza* (escribimos "bellez" en el campo y elegimos la sugerencia)
+- **Con el objetivo principal de:** *vender más*
+
+Estos datos los usa Odoo para sugerir bloques de contenido y plantillas acordes al rubro.
+
+![Paso 6](media-tienda-online/paso-06-wizard-tipo-rubro-objetivo.png)
+
+### Paso 7: Elegir la paleta de colores
+
+El siguiente paso del wizard es la **paleta de colores** que va a darle estilo a todo el sitio. Podemos subir un logo para que Odoo detecte los colores principales, o elegir directamente una paleta del catálogo. En nuestro caso seleccionamos la **octava paleta de la primera fila** (tonos lavanda y verde claro, consistente con la línea cosmética).
+
+![Paso 7](media-tienda-online/paso-07-wizard-paleta-colores.png)
+
+### Paso 8: Seleccionar páginas y funciones del sitio
+
+Odoo nos ofrece una grilla con páginas opcionales. Activamos **Sobre nosotros** y **Soporte al cliente** (Tienda ya viene tildada por defecto porque elegimos "tienda en línea" en el paso 6). Hacemos clic en **Crear mi sitio web** para avanzar.
+
+![Paso 8](media-tienda-online/paso-08-wizard-paginas-funciones.png)
+
+### Paso 9: Elegir el diseño del catálogo
+
+Llega el paso de elegir cómo se van a ver los productos en la grilla de la tienda. Seleccionamos **Cuadrícula clásica** — cualquiera de las otras opciones también es válida, después se puede cambiar desde el editor.
+
+![Paso 9](media-tienda-online/paso-09-wizard-catalogo.png)
+
+### Paso 10: Elegir el diseño de la página de producto
+
+Después definimos cómo se va a ver la página individual de cada producto. Elegimos **En enfoque** (segunda fila, primera opción de la derecha en el video).
+
+![Paso 10](media-tienda-online/paso-10-wizard-pagina-producto.png)
+
+### Paso 11: Elegir el tema visual
+
+El último paso del wizard es elegir el **tema** que define la estética general (tipografías, espaciados, hero principal). Seleccionamos el tema central. Si ninguno convence, el botón **Ver más temas** abre el catálogo completo de temas gratuitos.
+
+![Paso 11](media-tienda-online/paso-11-wizard-tema.png)
+
+### Paso 12: Visualizar el sitio recién creado
+
+Después de unos segundos Odoo termina de armar el sitio. Aparece la home de **Natura Skin** con un menú superior (Inicio, Tienda, Sobre nosotros, Contáctanos), un hero principal y secciones con contenido cargado por defecto, todo coherente con el rubro elegido. Más abajo se ven categorías y productos placeholder que vamos a editar después desde el botón **Editar**.
+
+![Paso 12](media-tienda-online/paso-12-home-natura-skin.png)
+
+### Paso 13: Visualizar la tienda con productos sin publicar
+
+Desde el menú **Tienda** del sitio vemos cómo se listan los productos. Aparecen con un cartel rojo **"En publicar"** — Odoo está avisando que los productos existen en Inventario pero todavía no están publicados en el e-commerce, por lo tanto no se pueden vender. Antes de publicarlos hay que configurar pagos, envíos y los ajustes generales del e-commerce.
+
+![Paso 13](media-tienda-online/paso-13-tienda-sin-publicar.png)
+
+### Paso 14: Activar el proveedor de pago "Demostración"
+
+En el backend, vamos a **Contabilidad → Configuración → Proveedores de pago** (también accesible desde Sitio web). Buscamos el proveedor llamado **Demostración** y hacemos clic en **Instalar/Activar**.
+
+> **Tip:** El proveedor **Demostración** es ficticio. Simula el cobro con tarjeta de crédito sin ejecutar ningún cargo real. Es el que se usa en entornos de capacitación o testing para poder reproducir una compra completa.
+
+![Paso 14](media-tienda-online/paso-14-proveedores-pago-lista.png)
+
+### Paso 15: Configurar el proveedor "Demostración"
+
+Una vez activado se abre el formulario. Ajustamos:
+
+- **Estado:** *Modo de prueba*
+- **Diario de pago:** *Banco* (en la instancia argentina aparece como Banco con su correspondiente moneda)
+- **Permitir pago exprés:** *destildado*
+
+Verificamos arriba que el botón diga **Publicado** (si dice "Sin publicar" lo cliqueamos para publicar). Con eso el proveedor queda activo y disponible para el checkout.
+
+![Paso 15](media-tienda-online/paso-15-demostracion-configurado.png)
+
+### Paso 16: Configurar el método de entrega "Envío estándar"
+
+Vamos a **Configuración → Métodos de entrega**. Por defecto viene creado un único método llamado **Envío estándar**. Entramos al registro y completamos el campo **Precio fijo** con `8.500`. Verificamos arriba que esté como **Publicado** para que quede disponible en el sitio.
+
+![Paso 16](media-tienda-online/paso-16-envio-estandar-precio.png)
+
+### Paso 17: Ajustes generales del e-commerce
+
+Vamos a **Sitio web → Configuración → Ajustes**, elegimos el sitio **Natura Skin** en el selector superior y bajamos a la sección **Comercio electrónico**. Configuramos las siguientes opciones:
+
+- **Acceso a Comercio electrónico:** *Todos los usuarios*
+- **Iniciar sesión o registrarse al pagar:** *Opcional*
+- **Política de facturación:** *Facturar lo ordenado*
+- **Factura automática:** *tildado*
+- **Mostrar precios:** *Impuestos incluidos* + *Mostrar precio sin impuestos nacionales* (tildado)
+
+Hacemos clic en **Guardar** arriba a la izquierda para persistir los cambios.
+
+![Paso 17](media-tienda-online/paso-17-ajustes-ecommerce.png)
+
+### Paso 18: Publicar todos los productos en lote
+
+Vamos a **Comercio electrónico → Productos**. Por defecto la lista viene con un filtro **Publicado** que oculta los que aún no lo están — eliminamos el filtro haciendo clic en la "X" del chip. Cambiamos a **vista lista**, abrimos el selector de columnas de la derecha y tildamos **Está publicado** para que aparezca como columna. Después seleccionamos todos los productos con el checkbox del encabezado y **destildamos** la fila de "Envío estándar" (es el producto interno asociado al carrier, no un producto a vender). Hacemos clic en la celda **Está publicado** del primer producto seleccionado: aparece el modal pidiendo confirmación.
+
+![Paso 18](media-tienda-online/paso-18-confirmar-actualizar-publicado.png)
+
+### Paso 19: Confirmar la actualización masiva
+
+En el modal **"¿De verdad quieres actualizar estos 10 registros?"** hacemos clic en **Actualizar**. La columna **Está publicado** queda en verde para todos los productos cosméticos y "Envío estándar" se mantiene sin tildar.
+
+![Paso 19](media-tienda-online/paso-19-productos-publicados.png)
+
+### Paso 20: Verificar la tienda con productos publicados
+
+Desde el sitio (menú **Sitio → Página de inicio → Tienda**) ya vemos los productos sin el cartel rojo "En publicar". La tienda está lista para recibir compras.
+
+![Paso 20](media-tienda-online/paso-20-tienda-con-productos-publicados.png)
+
+### Paso 21: Simular una compra — ficha del producto
+
+Hacemos clic en cualquier producto. En el ejemplo entramos al **Jabón de Lavanda y Avena**. Desde la ficha podemos agregar al carrito y avanzar al checkout.
+
+![Paso 21](media-tienda-online/paso-21-producto-jabon-lavanda.png)
+
+### Paso 22: Revisar el carrito
+
+Al agregar el producto se actualiza el carrito. Lo abrimos desde el ícono superior derecho o desde **Ver el carrito**. Verificamos el ítem y su precio (en este caso $1.815 con impuestos) y hacemos clic en **Finalizar compra**.
+
+![Paso 22](media-tienda-online/paso-22-carrito.png)
+
+### Paso 23: Completar datos de entrega y facturación
+
+Odoo muestra el formulario **Editar dirección**. Como tenemos configurado "Opcional" en el checkout, el comprador puede seguir como invitado o ingresar con su cuenta. Completamos los datos del cliente — en el video se usa un cliente "ADHOC SA" con CUIT y dirección en Rosario. Cuando se selecciona Argentina como país, aparecen los campos específicos de localización (Estado, Tipo de Identificación, Responsabilidad AFIP).
+
+> **Tip:** En la localización argentina, además de los datos comunes, el cliente que paga necesita tener cargada la **Responsabilidad fiscal AFIP** (IVA Responsable Inscripto, Consumidor Final, Monotributo, etc.). Si el formulario del checkout no lo expone, el dato se completa desde la ficha del contacto en el backend antes de confirmar la compra.
+
+![Paso 23](media-tienda-online/paso-23-direccion-entrega.png)
+
+### Paso 24: Verificar la orden de venta en el backend
+
+Una vez confirmada la compra, en el backend vamos a **Sitio web → Comercio electrónico → Órdenes** y abrimos la orden generada. Vemos el detalle del cliente con datos de facturación y envío, las líneas con el producto y el costo de envío, y en el chatter (panel derecho) van apareciendo los mensajes del flujo automático: la transacción del pago, la conciliación contable y el envío del mail de confirmación con el PDF adjunto al cliente.
+
+![Paso 24](media-tienda-online/paso-24-orden-backend-S00003.png)
+
+### Paso 25: Listado de órdenes del e-commerce
+
+Desde el listado **Órdenes** del módulo Comercio electrónico podemos ver todas las ventas generadas a través de la tienda, con su estado (presupuesto, confirmado, facturado) y filtrar por fecha, cliente o estado de pago.
+
+![Paso 25](media-tienda-online/paso-25-lista-ordenes-backend.png)

smartclass-odoo-basica/recursos/ejercicios/README.md

@@ -35,4 +35,4 @@ ejercicios/
 | 04 | Contabilidad | listo |
 | 05 | IA | pendiente |
 | 06 | Mercado Libre | pendiente |
-| 07 | Tienda online | pendiente |
+| 07 | Tienda online | listo |