# Flujogramas — Gomilovers Web

> Fase 3 de [WORKFLOWS.md](../WORKFLOWS.md). Hace visible la navegación para no técnicos.
> Cada nodo indica su plantilla (ver [arquitectura.md](arquitectura.md) §3). Versión FigJam con
> estilos de marca: pendiente (se arma para la presentación al cliente).

---

## 1. Sitemap general

```mermaid
flowchart TD
    HOME[HOME<br/>plantilla index]
    HOME --> PLPA[PLP Activa tu metabolismo<br/>collection]
    HOME --> PLPD[PLP Descanso y relajación<br/>collection]
    HOME --> PLPE[PLP Energía y líbido<br/>collection]
    HOME --> PROMO[PLP Promociones<br/>collection]
    HOME -->|entrada directa ★| PDPELLA[PDP Gomi Energy Para Ella]
    HOME -->|entrada directa ★| PDPEL[PDP Gomi Energy Para Él]
    PLPA --> PDPBAL[PDP Gomi Balance]
    PLPD --> PDPDRE[PDP Gomi Dreams]
    PLPE --> PDPELLA
    PLPE --> PDPEL
    HOME --> BLOG[Blog bienestar] --> ART[Artículo] -->|CTA producto| PDPBAL
    HOME --> NOS[Nosotros]
    HOME --> FAQ[FAQ]
    HOME --> CONT[Contacto]
    HOME --> LR[Libro de Reclamaciones]
    PDPBAL & PDPDRE & PDPELLA & PDPEL --> CART[Carrito drawer] --> CHK[Checkout nativo Shopify] --> TY[Gracias / confirmación]
```

## 2. Compra estándar (home → checkout)

```mermaid
flowchart LR
    A[Home] -->|card del grid| B[PDP]
    B -->|elige pack x1/x2/x3| C{Agregar al carrito}
    C --> D[Drawer: línea + progreso envío + cross-sell]
    D -->|Finalizar compra| E[Checkout Shopify<br/>Izipay: tarjeta/Yape/Plin]
    E --> F[Confirmación + email Klaviyo]
    D -->|Seguir comprando| A
```

## 3. ★ Entrada Para Ella / Para Él + cross-sell recíproco (flujo winner)

```mermaid
flowchart TD
    H[Home: sección dual<br/>Para Ella rojo · Para Él azul] -->|clic Ella| PE[PDP Para Ella]
    H -->|clic Él| PL[PDP Para Él]
    PE -->|"cross-sell Combínalo con"| PL
    PL -->|"cross-sell Combínalo con"| PE
    PE -->|"upsell pack pareja"| CART[Carrito con 2 ítems]
    PL -->|"upsell pack pareja"| CART
    CART --> CHK[Checkout]
    ADS[Meta Ads<br/>ángulo Él / ángulo Ella] -.->|"landing directa"| PE
    ADS -.->|"landing directa"| PL
```

> Regla del cliente (07-07-2026): los winners son Ella y Él — entrada propia en el home y
> cross-selling entre ambos SIEMPRE. El pack pareja es el upsell natural de este flujo.

## 4. Entrada por beneficio (tráfico de pauta/orgánico)

```mermaid
flowchart LR
    ADS[Meta Ads beneficio] --> PLP[PLP del beneficio<br/>hero + educativo]
    SEO[Búsqueda orgánica] --> ART[Artículo del blog]
    ART -->|CTA| PDP[PDP del producto]
    PLP --> PDP
    PDP -->|cross-sell| PDP2[PDP afín] --> CART[Carrito]
    PDP --> CART
```

## 5. Recompra / lifecycle (Klaviyo — ya operando)

```mermaid
flowchart LR
    TY[Compra] --> K[Klaviyo: confirmación + post-compra]
    K -->|día ~25: se acaba el frasco| R[Email recompra<br/>link directo PDP + cupón]
    R --> PDP[PDP] --> CART[Carrito]
    NL[Boletín footer 10% off] --> W[Flow bienvenida] --> PDP
    AB[Carrito abandonado] --> CART
```

## 6. Postventa / soporte

```mermaid
flowchart LR
    C[Cliente] -->|duda| FAQ[FAQ]
    C -->|contacto| WA[WhatsApp wa.me]
    C -->|form| CONT[Contacto]
    C -->|reclamo legal| LR[Libro de Reclamaciones<br/>correlativo + copia email]
    FAQ -->|no resuelve| WA
    C -->|estado de pedido| ACC[Cuenta / email de envío]
```

---

*Los flujos 2, 3 y 4 son los tres recorridos que definen el negocio (venta directa, winners,
pauta). El 5 ya existe en Klaviyo y solo se re-apunta al theme nuevo.*