Tours Interactivos: Aprende Haciendo

¿Qué son los Product Tours?

Los Product Tours son tutoriales interactivos integrados en el sistema que:

• Te guían paso a paso por cada función
• Resaltan botones y campos mientras explican
• Te permiten practicar en tiempo real
• Puedes pausar, reiniciar o saltar en cualquier momento

sequenceDiagram
    participant U as 👤 Tú
    participant T as 🎯 Tour
    participant S as 🖥️ Sistema

    U->>T: Inicia el tour
    T->>S: Resalta primer elemento
    T->>U: Muestra tooltip explicativo
    U->>S: Realiza la acción indicada
    S->>T: Detecta acción completada
    T->>S: Avanza al siguiente paso
    Note over T,S: Repite hasta completar
    T->>U: 🎉 ¡Tour completado!

Tours Disponibles

Cómo Iniciar un Tour

Método 1: Primera Visita

Cuando entres por primera vez a una sección, el tour se ofrecerá automáticamente.

Método 2: Botón de Ayuda

1. Busca el icono "?" en la esquina de cada módulo
2. Clic en "Iniciar Tour Guiado"

Método 3: Menú de Perfil

1. Haz clic en tu avatar (esquina superior derecha)
2. Selecciona "Ayuda Interactiva" o "Tours"
3. Elige el tour que quieras ver

Anatomía de un Tour

┌─────────────────────────────────────────────────────────────┐
│  ╔═══════════════════════════════════════════╗              │
│  ║  🎯 Paso 3 de 12                          ║              │
│  ║                                           ║              │
│  ║  Ahora haz clic en "Nueva Propiedad"     ║              │
│  ║  para crear tu primera publicación.      ║              │
│  ║                                           ║              │
│  ║  [← Anterior]  [Siguiente →]  [✕ Cerrar] ║              │
│  ╚═══════════════════════════════════════════╝              │
│                        │                                    │
│                        ▼                                    │
│              ┌─────────────────┐                           │
│              │ + Nueva         │ ← Elemento resaltado      │
│              │   Propiedad     │                           │
│              └─────────────────┘                           │
└─────────────────────────────────────────────────────────────┘

Controles del Tour

Tour de Propiedades (Detalle)

Este tour te enseña el flujo completo de crear una propiedad:

flowchart TD
    A["1. Abrir módulo<br>Propiedades"] --> B["2. Clic Nueva<br>Propiedad"]
    B --> C["3. Llenar datos<br>básicos"]
    C --> D["4. Seleccionar<br>ubicación"]
    D --> E["5. Agregar<br>características"]
    E --> F["6. Escribir<br>descripción"]
    F --> G["7. Usar IA para<br>mejorar texto"]
    G --> H["8. Subir fotos"]
    H --> I["9. Ordenar<br>galería"]
    I --> J["10. Agregar<br>tour virtual"]
    J --> K["11. Revisar<br>vista previa"]
    K --> L["12. Guardar y<br>publicar"]

    style A fill:#3B82F6,color:#fff
    style G fill:#8B5CF6,color:#fff
    style L fill:#10B981,color:#fff

Tour del CRM (Detalle)

Domina la gestión de prospectos:

Tour del Website Builder (Detalle)

Construye tu presencia digital:

flowchart LR
    subgraph Diseño
        A[Elegir tema]
        B[Personalizar colores]
    end

    subgraph Contenido
        C[Editar Hero]
        D[Agregar bloques]
        E[Configurar menú]
    end

    subgraph Publicar
        F[Vista previa]
        G[Publicar cambios]
    end

    A --> B --> C --> D --> E --> F --> G

Reiniciar Tours

Si cerraste un tour y quieres verlo de nuevo:

1. Perfil → Configuración de Cuenta
2. Busca la sección "Tours y Onboarding"
3. Clic en "Reiniciar Todos los Tours"

O reinicia tours individuales:

• Ve al módulo específico
• Clic en el botón "?" → "Ver Tour"

Progreso de Tours

En Mi Cuenta > Progreso, puedes ver:

• ✅ Tours completados
• 🔄 Tours en progreso
• ⭕ Tours pendientes

pie showData
    title Tu Progreso de Tours
    "Completados" : 4
    "En progreso" : 1
    "Pendientes" : 2

Tips para Aprovechar los Tours

¿Tours No Aparecen?

Si los tours no se muestran:

1. Revisa tu navegador - Usa Chrome, Firefox o Edge actualizado
2. Desactiva bloqueadores - Algunos ad-blockers interfieren
3. Limpia caché - Ctrl+Shift+R para forzar recarga
4. Contacta soporte - Si el problema persiste