Area Cliente – Dídac

Dashboard - Chatbot SaaS

Bienvenido, !

Visión General

Aquí encontrarás un resumen del estado y rendimiento de tu chatbot.

Tu Información de Cuenta

Clave de API:

Configuración del Chatbot

Base de Conocimiento (RAG)

Sube un archivo CSV con los datos que tu chatbot utilizará para responder preguntas. Cada subida reemplaza la información anterior.

Formato del archivo CSV:

Asegúrate de que tu archivo CSV tenga las siguientes columnas (adaptar según necesidad):

product_name
description
category
price

Instalación del Chatbot

Selecciona la plataforma de tu sitio web para ver las instrucciones de instalación específicas.

Instrucciones para HTML Genérico

Asegúrate de haber subido la carpeta frontend de este proyecto a tu servidor web.
Reemplaza URL_DONDE_ALOJAS_LOS_ARCHIVOS en el código de abajo con la URL pública de esa carpeta frontend.
Tu clave de API personal se insertará automáticamente.

Instrucciones para WordPress / WooCommerce

En tu panel de administración de WordPress, ve a Plugins > Añadir nuevo.
Busca e instala el plugin "WPCode – Insert Headers and Footers".
Una vez activado, ve a Code Snippets > Header & Footer.
Pega el siguiente bloque de código en la sección "Footer".
Reemplaza URL_DONDE_ALOJAS_LOS_ARCHIVOS con la URL pública donde subiste la carpeta frontend.
Guarda los cambios. El chatbot aparecerá en todo tu sitio.

Instrucciones para Shopify

En tu panel de Shopify, ve a Tienda online > Temas.
En tu tema actual, haz clic en el botón de los tres puntos (...) y selecciona "Editar código".
En la lista de archivos de la izquierda, busca y abre el archivo theme.liquid.
Desplázate hasta el final del archivo y pega el siguiente código justo antes de la etiqueta de cierre </body>.
Reemplaza URL_DONDE_ALOJAS_LOS_ARCHIVOS con la URL donde alojas los archivos del frontend (puedes subir la carpeta a los "Archivos" de Shopify y obtener la URL desde allí).
Guarda los cambios. El chatbot aparecerá en tu tienda.


<!-- Inicia la integración del Chatbot SaaS -->
<div id="chatbot-saas-container"></div>
<script>
  (function() {
    const host = 'URL_DONDE_ALOJAS_LOS_ARCHIVOS'; // <- REEMPLAZA ESTO
    const apiKey = 'TU_API_KEY_SE_INSERTARÁ_AQUÍ';
    
    fetch(`${host}/chat-widget.html`)
      .then(response => response.text())
      .then(html => {
        const container = document.getElementById('chatbot-saas-container');
        container.innerHTML = html;
        const script = document.createElement('script');
        script.src = `${host}/script.js`;
        script.setAttribute('data-api-key', apiKey);
        script.defer = true;
        document.body.appendChild(script);
      })
      .catch(err => console.error('Error al cargar el widget de chat:', err));
  })();
</script>
<!-- Finaliza la integración del Chatbot SaaS -->

Plantillas

Aquí podrás guardar y cargar diferentes plantillas de configuración para tu chatbot. ¡Próximamente!

Ayuda y Soporte

¿Qué es el "System Prompt"?

Es la instrucción principal que define la personalidad y el objetivo de tu chatbot. Un buen prompt es clave para un buen rendimiento. Por ejemplo: "Eres un asistente de ventas amigable y experto en vinos. Tu objetivo es ayudar a los clientes a encontrar el vino perfecto para su ocasión."

¿Necesitas más ayuda?

Contacta con nuestro equipo de soporte para cualquier duda o problema.

Menú