> For the complete documentation index, see [llms.txt](https://docs.videsk.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.videsk.io/casos-de-uso/web.md).

# Web

Videsk ofrece una plataforma integral para implementar atención al cliente en aplicaciones web, desde sitios corporativos hasta plataformas SaaS complejas. Esta guía presenta los casos de uso más relevantes y las capacidades técnicas disponibles para diferentes tipos de aplicaciones web.

## Ejemplos

<table data-view="cards"><thead><tr><th data-type="content-ref"></th></tr></thead><tbody><tr><td><a href="/pages/SunYMvUxt1hBBaCN6kAu#e-commerce-y-tiendas-online">/pages/SunYMvUxt1hBBaCN6kAu#e-commerce-y-tiendas-online</a></td></tr><tr><td><a href="/pages/SunYMvUxt1hBBaCN6kAu#plataformas-saas-y-software">/pages/SunYMvUxt1hBBaCN6kAu#plataformas-saas-y-software</a></td></tr><tr><td><a href="/pages/SunYMvUxt1hBBaCN6kAu#servicios-financieros-y-fintech">/pages/SunYMvUxt1hBBaCN6kAu#servicios-financieros-y-fintech</a></td></tr><tr><td><a href="/pages/SunYMvUxt1hBBaCN6kAu#sitios-corporativos-y-empresariales">/pages/SunYMvUxt1hBBaCN6kAu#sitios-corporativos-y-empresariales</a></td></tr><tr><td><a href="/pages/SunYMvUxt1hBBaCN6kAu#plataformas-educativas-y-e-learning">/pages/SunYMvUxt1hBBaCN6kAu#plataformas-educativas-y-e-learning</a></td></tr></tbody></table>

## 🌐 Casos de Uso por Tipo de Aplicación Web

### E-commerce y Tiendas Online

**1. Asistencia de Compra en Tiempo Real**

{% @mermaid/diagram content="graph TD
A\[🛒 Cliente navega productos] --> B{¿Necesita ayuda?}
B -->|Sí| C\[🎯 Widget se activa]
B -->|No| D\[🔄 Continúa navegando]

```
C --> E{Tipo de consulta}
E -->|Producto específico| F[👨‍💼 Especialista Producto]
E -->|Precio/Descuento| G[💰 Especialista Ventas]
E -->|Envío/Logística| H[📦 Especialista Logística]
E -->|Soporte técnico| I[🔧 Especialista Técnico]

F --> J[📱 Videollamada + Compartir pantalla]
G --> J
H --> J
I --> J

J --> K{¿Resuelve la consulta?}
K -->|Sí| L[✅ Venta completada]
K -->|No| M[📋 Escalamiento L2]

D --> N[🎯 Widget flotante disponible]

classDef ecommerce fill:#e8f5e8,stroke:#2e7d32
classDef decision fill:#fff3e0,stroke:#f57c00
classDef specialist fill:#e3f2fd,stroke:#1976d2
classDef success fill:#e8f5e8,stroke:#2e7d32

class A,N ecommerce
class B,E,K decision
class F,G,H,I,J specialist
class L,M success" %}
```

**Implementación técnica:**

* Widget flotante con trigger automático en páginas de producto
* Segmentación automática por categoría de producto
* Integración con catálogo para compartir productos específicos
* Formularios pre-llamada para calificar intención de compra

**2. Soporte Post-Venta Especializado**

* **Seguimiento de pedidos**: Consultas sobre estado de envío y entrega
* **Devoluciones y cambios**: Proceso guiado con agente especializado
* **Soporte técnico**: Ayuda con instalación o configuración de productos
* **Garantías**: Validación y procesamiento de reclamos

### Plataformas SaaS y Software

**3. Onboarding Personalizado**

{% @mermaid/diagram content="sequenceDiagram
participant U as 👤 Usuario Nuevo
participant W as 🔧 Aplicación Web
participant V as 💜 Videsk
participant O as 👨‍🏫 Especialista Onboarding
participant S as 📊 Sistema CRM

```
U->>W: Completa registro
W->>V: Trigger onboarding
V->>O: Asigna especialista
O->>U: Videollamada bienvenida
U->>O: Consultas configuración
O->>U: Guía personalizada
O->>S: Registra progreso
S->>W: Actualiza estado usuario

Note over U,S: Sesión de 30-45 minutos
Note over O,S: Seguimiento automático" %}
```

**Beneficios:**

* Reducción de 60% en tiempo de adopción
* Aumento de 40% en retención de usuarios
* Personalización según perfil de usuario
* Métricas detalladas de onboarding

**4. Soporte Técnico Contextual**

{% @mermaid/diagram content="graph LR
A\[🖥️ Usuario en app] --> B{¿Encuentra error?}
B -->|Sí| C\[🚨 Error detectado]
B -->|No| D\[💬 Solicita ayuda]

```
C --> E[📊 Contexto automático]
D --> E

E --> F[🎯 Widget con contexto]
F --> G[📋 Formulario pre-llamada]
G --> H[🔄 Enrutamiento inteligente]

H --> I[👨‍💻 Especialista Técnico]
I --> J[📱 Videollamada + Screen share]
J --> K[🛠️ Solución en tiempo real]

classDef error fill:#ffebee,stroke:#c62828
classDef process fill:#f3e5f5,stroke:#7b1fa2
classDef solution fill:#e8f5e8,stroke:#2e7d32

class C error
class E,F,G,H,I process
class J,K solution" %}
```

**Características avanzadas:**

* Captura automática de contexto (página, configuración, logs)
* Priorización por nivel de suscripción
* Integración con ticketing system
* Grabación para base de conocimiento

### Sitios Corporativos y Empresariales

**5. Generación de Leads Calificados**

{% @mermaid/diagram content="flowchart TD
A\[🌐 Visitante en sitio] --> B{Tiempo en sitio > 3min}
B -->|Sí| C\[🎯 Widget proactivo]
B -->|No| D\[💬 Widget discreto]

```
C --> E[📝 Formulario calificación]
D --> F[🔍 Continúa navegando]

E --> G{Score de lead}
G -->|Alto| H[🔥 Especialista Senior]
G -->|Medio| I[👤 Especialista Mid]
G -->|Bajo| J[📧 Nurturing automático]

F --> K{¿Interactúa con CTA?}
K -->|Sí| E
K -->|No| L[🎯 Remarketing]

H --> M[📱 Videollamada inmediata]
I --> N[📅 Agendamiento rápido]
J --> O[📩 Email sequence]

classDef visitor fill:#e1f5fe,stroke:#0277bd
classDef lead fill:#fff3e0,stroke:#f57c00
classDef qualified fill:#e8f5e8,stroke:#2e7d32
classDef nurturing fill:#f3e5f5,stroke:#7b1fa2

class A,F visitor
class C,E,G lead
class H,I,M,N qualified
class J,O,L nurturing" %}
```

**Métricas de conversión:**

* Aumento de 250% en leads calificados
* Reducción de 45% en tiempo de ciclo de ventas
* Mejora de 35% en calidad de leads
* ROI de 4.5x en inversión en atención

**6. Soporte Multi-Idioma y Geolocalizado**

* **Detección automática**: Idioma y ubicación del visitante
* **Routing inteligente**: Agentes especializados por región
* **Horarios locales**: Disponibilidad según zona horaria
* **Compliance local**: Cumplimiento normativo por país

### Plataformas Educativas y E-Learning

**7. Tutoría Personalizada en Tiempo Real**

{% @mermaid/diagram content="graph TD
A\[📚 Estudiante en plataforma] --> B{¿Tiene dificultades?}
B -->|Sí| C\[🆘 Solicita ayuda]
B -->|No| D\[✅ Continúa estudiando]

```
C --> E[📊 Contexto académico]
E --> F{Tipo de ayuda}
F -->|Conceptual| G[👨‍🏫 Tutor Académico]
F -->|Técnica| H[🔧 Soporte Técnico]
F -->|Administrativa| I[📋 Asistente Admin]

G --> J[📱 Videollamada + Pizarra]
H --> K[📱 Videollamada + Screen share]
I --> L[📱 Videollamada estándar]

J --> M[📝 Registro de progreso]
K --> M
L --> M

M --> N[📊 Analytics académico]

classDef student fill:#e8f5e8,stroke:#2e7d32
classDef help fill:#fff3e0,stroke:#f57c00
classDef tutor fill:#e3f2fd,stroke:#1976d2
classDef tracking fill:#f3e5f5,stroke:#7b1fa2

class A,D student
class C,E,F help
class G,H,I,J,K,L tutor
class M,N tracking" %}
```

**Resultados académicos:**

* Mejora de 30% en calificaciones
* Reducción de 50% en abandono de cursos
* Aumento de 40% en satisfacción estudiantil
* Optimización de 25% en tiempo de estudio

### Servicios Financieros y Fintech

**8. Asesoría Financiera Personalizada**

{% @mermaid/diagram content="sequenceDiagram
participant C as 👤 Cliente
participant A as 🏦 App Financiera
participant V as 💜 Videsk
participant AF as 👨‍💼 Asesor Financiero
participant S as 🔒 Sistema Seguro

```
C->>A: Consulta sobre inversión
A->>V: Trigger asesoría
V->>S: Validación identidad
S->>AF: Autoriza acceso a perfil
AF->>C: Videollamada segura
C->>AF: Comparte objetivos
AF->>S: Consulta portafolio
S->>AF: Datos encriptados
AF->>C: Recomendaciones personalizadas
C->>AF: Autoriza transacciones
AF->>S: Ejecuta operaciones
S->>A: Actualiza portafolio

Note over C,S: Sesión encriptada E2E
Note over AF,S: Cumplimiento normativo" %}
```

**Características de seguridad:**

* Encriptación extremo a extremo
* Autenticación biométrica
* Grabación para compliance
* Auditoría completa de transacciones


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.videsk.io/casos-de-uso/web.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
