Saltar al contenido principal

Widget y Canales Omnicanal

Soportea centraliza la atención al cliente y pre-venta unificando múltiples canales de comunicación en una única bandeja de entrada. De esta forma, tus operadores humanos y el agente de Inteligencia Artificial colaboran en el mismo espacio sin importar de dónde venga la consulta.

Canales Soportados​

1. Chat Web / Widget de Aplicación​

El canal principal de contacto. Consiste en una burbuja de chat ligera e interactiva que se inserta en tu aplicación (SaaS) o en tu sitio web público de marketing.

  • Branding Personalizable: Permite configurar colores de la marca, logotipo de la empresa, avatar del asistente virtual (ej. Sofía), textos de bienvenida y eslóganes personalizados.
  • Identificación del Usuario: Soportea puede recibir datos de tu aplicación de forma segura para identificar quién está chateando sin pedirle que inicie sesión en el soporte.

2. Correo Electrónico (Email)​

Conecta tu cuenta de soporte (ej. soporte@tuempresa.com) para que cualquier correo recibido cree un ticket en la bandeja de entrada. El bot procesará el email, buscará en el RAG y redactará un borrador de respuesta o responderá directamente según tus preferencias de automatización.

3. Redes Sociales y WhatsApp (Bajo Demanda)​

Integración nativa con la API oficial de WhatsApp Business, cuentas comerciales de Instagram y páginas de Facebook. Todo el tráfico converge en la misma bandeja y es filtrado por la IA de forma aislada.

Cómo Configurar el Widget en tu SaaS​

La instalación básica consta de dos pasos sencillos orientados tanto a desarrolladores como a operadores:

Paso 1: Pegar el Snippet​

En las páginas web públicas o paneles auto-construidos, basta con pegar el snippet de JavaScript provisto al final de la etiqueta <body> o insertarlo mediante herramientas como Google Tag Manager:

<script>
  (function(d,t) {
    var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
    g.src="https://chat.soportea.com/packs/js/sdk.js";
    g.defer=true; g.async=true;
    g.onload=function(){
      window.chatwootSDK.run({
        websiteToken: 'TU_WEBSITE_TOKEN',
        baseUrl: 'https://chat.soportea.com'
      })
    }
    s.parentNode.insertBefore(g,s);
  })(document,"script");
</script>

Paso 2: Identificar a tus Usuarios (Opcional pero Recomendado)​

Si el widget se carga dentro de un área privada de tu SaaS (donde el usuario ya está autenticado), puedes empujar de forma segura variables contextuales para que tu equipo humano e IA tengan todo el contexto en el primer segundo:

window.addEventListener("chatwoot:ready", function (e) {
  window.$chatwoot.setUser("user_id_unico_12345", {
    email: "usuario@cliente.com",
    name: "Juan Pérez",
    identifier_hash: "HMAC_SHA256_FIRMA_DE_SEGURIDAD"
  });

  window.$chatwoot.setCustomAttributes({
    plan: "premium",
    version_app: "2.4.1",
    ultimo_error_visto: "ERR_CONNECTION_TIMEOUT",
    pantalla_actual: "dashboard_presupuestos"
  });
});

Medidas de Seguridad y Control​

  • Firma de Identidad (identifier_hash): Evita el spoofing (suplantación de identidad). Al habilitar la validación HMAC, solo los widgets que lleven una firma generada desde tu servidor seguro podrán identificarse con el ID de tus usuarios.
  • Filtros de Dominio: El widget solo se cargará en la lista de dominios explícitamente autorizados en el panel de control de tu tenant, bloqueando inserciones maliciosas en sitios externos.