Josefina Logo

馃 Josefina WebChat - Demo Standalone

Esta es una demostraci贸n del asistente virtual Josefina funcionando fuera de iframe, embebido directamente en la p谩gina.

隆Bienvenido!

Haz clic en el icono de Josefina en la esquina inferior derecha para iniciar una conversaci贸n. El chat se carga directamente en esta p谩gina sin necesidad de un iframe.

馃摝 C贸mo usar este bundle

Incluye los archivos CSS y JS en tu p谩gina HTML:

<!-- Incluir CSS -->
<link rel="stylesheet" href="josefina-webchat.css">

<!-- Incluir JS -->
<script src="josefina-webchat.js"></script>

<!-- Inicializar -->
<script>
  JosefinaWebChat.init({
    channel: 'web',
    showLauncher: true,
    autoOpen: false
  });
</script>

鈿欙笍 Opciones de configuraci贸n

馃敡 M茅todos disponibles

// Mostrar el chat
JosefinaWebChat.show();

// Ocultar el chat
JosefinaWebChat.hide();

// Alternar visibilidad
JosefinaWebChat.toggle();

// Destruir el chat
JosefinaWebChat.destroy();

馃搵 Instrucciones de construcci贸n

  1. Ejecutar npm install para instalar dependencias
  2. Configurar las variables de entorno en el archivo .env correspondiente
  3. Ejecutar npm run build:standalone para generar el bundle de desarrollo
  4. Ejecutar npm run build:prod para generar el bundle de producci贸n
  5. Los archivos generados estar谩n en la carpeta dist/