[§W·Hoja de especimen — Widget]

El widget de chat,
al detalle.

Un sólo componente. Se inyecta en una línea de script y aprende el catálogo del cliente. Acá están los estados, la anatomía y el comportamiento, listo para revisión y para verse en cualquiera de las nueve paletas del sistema.

Componentevendio-chat-widget

Dimensión panel380 px · alto adaptable · móvil full-bleed

IdiomaES-LATAM · multi-tono

Status En operación

[§W1·Cuatro estados clave]

Desde el botón flotante
hasta la derivación al equipo.

STAGE · Cuadrícula 24 pxESCALA · 1:1COLOR · Paleta activa teal

SPEC · A · LAUNCHER

FIG. W-01

Launcher cerrado. Vive abajo-derecha del sitio. El punto verde pulsa cuando el agente está en línea, y desaparece si el cliente lo apaga. Variantes en §W3.

SPEC · B · BIENVENIDA

Nordind · AsesorEN LÍNEA · responde en seg.

CONV. #4827nordind.cl02:47

HOY · 02:47

¡Hola! Soy el asistente de Nordind, asesorado por Véndio. Te puedo ayudar a encontrar el producto correcto o resolver una duda técnica.

¿Por dónde partimos?02:47

FIG. W-02

Estado bienvenida. Saludo + tres quick replies que cubren el 80% de los flujos. El cliente puede ignorarlas y escribir libre.

SPEC · C · RECOMENDACIÓN

Nordind · AsesorESCRIBIENDO…

CONV. #4827nordind.cl02:51

Necesito un generador para mi taller, alimento soldadora 200A + esmeril + compresor 4h/día

Con esa carga necesitas mínimo 7 kVA con reserva para arranque del compresor. Este modelo te calza:

PT-GEN-075

Generador Diesel 7.5 kVA

7.5 kVA · 4T · Trifásico 380V · arranque eléctrico · ATS opcional

$1.890.000Ver producto →

Te paso la ficha técnica con el plano eléctrico y la nota de instalación:

PDF

Generador 7.5 kVA — Ficha técnica

2.4 MB · 6 páginas · ES

FIG. W-03

Recomendación + ficha técnica. Product card con foto, código, precio y link directo. PDF entregado en el mismo turno, sin pasar por humano.

SPEC · D · DERIVACIÓN

Nordind · AsesorEN LÍNEA · derivando a equipo

CONV. #4827nordind.cl02:54

Ok, y stock ¿cuánto hay?

Stock al momento lo confirma el equipo. Te conecto por WhatsApp con tus datos y la conversación ya cargada, el ejecutivo entra con contexto, no de cero.

HANDOFF · LIVECONV. #4827 · VÉNDIO → WHATSAPPOP-4827-AV

ASESOR HUMANO · NORDINDPT-OP-075

Andrés Vergara

Asesor técnico · Industrial

En línea · responde en < 2 min

WhatsApp+56 9 8421 7733VERIFICADO

HorarioL–V · 09:00 → 19:00

SLA · Idioma< 2 min · ES · CL

MSG

Mensaje pre-cargado · auto

Hola Andrés, vengo del chat de Nordind. Necesito un generador 7.5 kVA trifásico para taller y consultar stock + tiempo de despacho.

NORDIND.CLPOWERED BY VÉNDIOv4.2 · ES-CL

FIG. W-04

Derivación con contexto. Lead capture in-line + handover a WhatsApp. El ejecutivo recibe el resumen de la conversación, no entra de cero.

Acento principal (bp)Tinta primaria (ink)Señal secundaria (stamp)Status / éxito

[§W2·Anatomía del componente]

Diez piezas, una sola identidad.

12345678910

Nordind · AsesorEN LÍNEA · 24/7

CONV. #4827nordind.cl02:47

Hola, soy el asistente. Pregúntame cualquier cosa del catálogo, recomiendo, comparo y entrego fichas.

¿Tienes bombas de agua para pozo profundo?

Sí, en stock 3 modelos. Para ayudarte a elegir, ¿qué profundidad tiene el pozo y cuánta agua necesitas mover?

01	Avatar / brand	Marca del cliente (no de Véndio). Punto verde = en línea.
02	Identidad agente	Nombre + estado micro-tipográfico, mono uppercase.
03	Controles ventana	Minimizar / cerrar. Estado persiste 30 minutos.
04	Banda doc.	Conv. ID + dominio + hora, guiño catálogo, útil para soporte.
05	Burbuja bot	Card-style, borde fino, esquina interior recta, lectura técnica.
06	Burbuja cliente	Color de acento. Esquina interior recta hacia el bot.
07	Cards y adjuntos	Product cards, fichas PDF y handover comparten retícula 4 px.
08	Barra de acciones	Atajos contextuales, aparecen según turno y rubro del cliente.
09	Input + send	Campo de texto. Voz y adjuntos en roadmap. Send con shadow-stamp.
10	Powered-by	Atribución sutil. El cliente puede ocultarla en plan Multi.

[§W3·Variantes del launcher]

Tres modos
de invitar a conversar.

El launcher es lo único que ve un cliente que aún no escribió. Tres formas, según cuánto espacio tiene el sitio y qué tan agresiva queremos la presencia. Cámbialo en Tweaks.

L · BUBBLE

L-01 · BUBBLE

Mínima huella. Para sitios cargados o mobile.

L · PILL

L-02 · PILL

Invita explícitamente. Mejor para conversión en desktop.

L · STRIP

L-03 · STRIP

Pestaña vertical lateral. Para sitios con footer sticky o mucho contenido abajo.