Widget web
Poner el chat de Trama en tu propio sitio: el código, la apariencia y qué esperar.
Beta. Estamos afinando esta función con las primeros negocios turísticos.
El widget necesita un plan pago: empieza en Starter, como todo el Agente de Consultas. No consume un canal incluido, pero las oportunidades que el agente califica ahí consumen el cupo mensual de tu plan — está explicado en Planes.
Sumá el widget de Trama a tu sitio: el mismo agente que atiende por WhatsApp responde las consultas, capta los datos del visitante y crea oportunidades.
Cómo instalarlo
- Entrá a Canales → Web (sólo Dueño o Administrador).
- Copiá el código con el botón Copiar snippet.
- Pegalo antes de la etiqueta
</body>en tu sitio. Funciona en HTML, WordPress, Wix, Shopify, Webflow y sitios hechos en React o Vue.
El snippet carga el widget desde nuestra CDN, así que no hace falta volver a pegarlo cuando cambiás la apariencia: los cambios se aplican solos.
Qué podés personalizar
- Color primario (presets o color propio).
- Forma de la burbuja y los botones: redonda, suave o cuadrada.
- Posición: a la izquierda o a la derecha.
- Tema: sistema (sigue el del visitante), claro u oscuro.
- Ícono de la burbuja: el logo de Trama, el logo de tu organización o una imagen propia (PNG, JPG, WebP o SVG, hasta 1 MB).
El nombre del agente que aparece en el chat sale de tu Agente de Consultas (lo configurás en Agentes). Los cambios de apariencia se guardan solos.
Qué puede hacer el visitante
- Escribir y mandar archivos: fotos, PDF, Word, Excel, audios y videos, hasta 6 por mensaje. El agente los lee; un audio lo escucha y contesta lo que dice.
- Ver qué está haciendo el agente mientras responde, por ejemplo «Buscando opciones…» cuando revisa tu catálogo. Lo que el agente hace por detrás (cargar la oportunidad, derivar a un vendedor) no se muestra.
- Calificar cada respuesta con 👍 o 👎. Esos votos van a la misma revisión que los que marca tu equipo desde el Inbox, así que sirven para mejorar al agente.
Es el mismo chat que usás vos con Tramy dentro de Trama: lo que mejora en uno, mejora en los dos.
Vista previa vs. widget real
La vista previa de la pantalla de configuración es solo para probar el aspecto: ahí no se registran leads ni conversaciones ni se capturan datos. En tu sitio real, el widget captura IP, navegador y página de origen, registra la conversación y crea la oportunidad con origen "Widget web".
Si tu sitio tiene CSP
Si tu sitio usa Content Security Policy, permití el dominio de Trama del snippet en script-src, connect-src e img-src (más style-src 'unsafe-inline'; el widget aísla sus estilos en un Shadow DOM, así que no afecta tu página).