Añade un ChatGPT personalizado a tu sitio web en 5 minutos

Patryk Lasek
Publicado 3 min de lectura
Miniatura de Añade un agente de IA personalizado a tu sitio web en 5 minutos

Introducción

En esta entrada del blog, te mostraré cómo crear e implementar un AI Agent personalizado en tu sitio web.

Esto permitirá a tu negocio:

  • Aumentar la interacción en el sitio web con respuestas instantáneas, 24/7
  • Capturar más leads automáticamente
  • Quitar a tu equipo tareas de soporte repetitivas

Usaremos el dashboard de Quickchat para configurar tu AI agent, cargarlo con el conocimiento de tu negocio e insertarlo en tu sitio con un fragmento simple.

Cómo funciona

Esta es la descripción general del proceso:

  1. Proporcionas conocimiento a tu AI Agent pegando texto, subiendo documentos o importando contenido desde tu sitio web.
  2. El AI Agent procesa esta información para convertirse en experto en tu negocio.
  3. Insertas un widget de chat en tu sitio web, lo que permite a los visitantes hacer preguntas y obtener respuestas instantáneas y precisas basadas en el conocimiento que proporcionaste.

Sigue los pasos a continuación. Toda la configuración no debería tomar más de 5 minutos.

Paso 0 - Pruébalo sin una cuenta

Si primero quieres verlo en acción, puedes generar un AI Agent temporal sin registrarte.

  1. Ve a la página de demostración de Quickchat AI.
  2. Pega un enlace a tu sitio web, centro de ayuda o tienda Shopify.
  3. Prueba cómo responde el AI Agent usando tu propio contenido, sin registro.

Captura de pantalla de Build AI Support Agent desde tu herramienta de documentación

Paso 1 - Define la identidad y personalidad de tu agent

Necesitarás una cuenta de Quickchat AI, regístrate aquí.

Después de iniciar sesión en la app de Quickchat AI, ve a la pestaña Identity.

  1. Dale a tu agent un Name (por ejemplo, “Eco AI Agent”) y una Description de su rol (por ejemplo, “Offers advice on sustainable living”).
  2. En AI Personality, elige una voz que coincida con tu marca (clásica, amigable, profesional o lúdica).
  3. Selecciona una AI Profession, como Shopping Assistant o Support Agent, para orientar su tono y prioridades.

Paso 2 - Añade tu conocimiento

Ve a la pestaña Knowledge Base para enseñar a tu AI Agent sobre tu negocio. Tienes algunas opciones:

  • Enter text manually: Pega preguntas frecuentes, descripciones de productos o directrices.
  • Upload documents: Añade archivos PDF o Word.
  • Import web pages: Proporciona URL y Quickchat obtendrá su contenido. Esta es la forma más rápida de empezar.

Para importar una página, haz clic en Add Knowledge, elige Website → Single page import, pega una URL y haz clic en Import. Repite esto para tus páginas clave y crea una base sólida.

Recuerda hacer clic en el botón Retrain AI cada vez que añadas o actualices conocimiento.

Paso 3 - Prueba e implementa

Una vez que tu agent esté entrenado, ve a la herramienta AI Preview para probar sus respuestas. Haz preguntas basadas en el contenido que proporcionaste para comprobar la precisión y el tono.

Cuando tengas todo listo para publicarlo:

  1. Ve a Channels → Your Website → Install.
  2. Copia el fragmento de código de inserción proporcionado.
  3. Pega el código en el HTML de tu sitio web antes de la etiqueta de cierre </body>.

Eso es todo. La burbuja de chat aparecerá ahora en tu sitio.

Paso 4 - Personaliza el aspecto y la experiencia

En la misma pestaña Install, puedes personalizar la apariencia del widget de chat para que coincida con tu marca.

  1. Configura los primary and header colors.
  2. Sube un custom avatar para tu AI Agent.
  3. Ajusta el tamaño de la burbuja, la posición, las dimensiones de la ventana y el estilo de animación.
  4. Activa white-labeling para eliminar la marca de Quickchat AI.

Para ver una guía completa sobre cómo aplicar la marca a cada superficie, desde el launcher que toca un visitante hasta la página de chat compartida, consulta cómo aplicar white-label al widget de chat de principio a fin.

Paso 5 - Mejora tu agent con funciones opcionales

Puedes activar capacidades más avanzadas en el dashboard.

  • Human Handoff: Se encuentra en la sección Capabilities y permite que el AI Agent transfiera conversaciones complejas a tu equipo de soporte humano de forma fluida.
  • Smart Lead Generation: Actívala en la pestaña Actions para permitir que la AI identifique de forma inteligente oportunidades para pedir el nombre, el email o el número de teléfono de un usuario.
  • Advanced AI Actions: Para usuarios técnicos, Custom Actions permite que tu AI Agent active sistemas externos, como crear un ticket de soporte en otra app mediante una llamada a una API.

Mejores prácticas

  • Proporciona contenido de alta calidad: La AI solo es tan buena como la información que le das. Usa contenido preciso y completo.
  • Establece directrices claras: Usa la sección de directrices en la pestaña Identity para definir los límites y comportamientos deseados de tu agent.
  • Prueba exhaustivamente: Usa la herramienta AI Preview para hacer preguntas reales y perfeccionar la knowledge base para mejorar la precisión.
  • Supervisa las analíticas: Revisa los dashboards para hacer seguimiento del sentimiento de los usuarios y los temas populares, y usa esos insights para mejorar tu contenido.