Centro de ayuda
Primeros pasos

Cómo crear tu primer chatbot en ChatLab

Última actualización:

Un chatbot de ChatLab es un asistente de IA que responde a las preguntas de tus visitantes usando el conocimiento que le proporcionas: las páginas de tu sitio web, documentos o pares de preguntas y respuestas. Esta guía te acompaña desde una cuenta vacía hasta un chatbot entrenado y listo para responder en tu sitio.

Hay dos formas de crear un chatbot, y ambas llevan al mismo resultado:

  1. Quick Setup Wizard (Asistente de configuración rápida) (recomendado): indícale tu sitio web y configurará y entrenará el chatbot por ti.
  2. Manual Setup (Configuración manual): crea un chatbot vacío y realiza cada paso tú mismo.

Opción A: Quick Setup Wizard (recomendado)

El asistente escanea la fuente que elijas y luego te guía a través de una breve serie de pantallas con todo rellenado previamente. Solo tienes que revisar cada pantalla, ajustar lo que quieras y hacer clic en Continue (Continuar). La mayoría de los pasos de apariencia y comportamiento muestran una vista previa en tiempo real. La cantidad de pasos varía según la fuente elegida, el logotipo seleccionado y si se detecta alguna integración con una tienda online.

Paso 1: Abre el asistente

Tras iniciar sesión, accederás a la pantalla Chatbots, donde se muestra cada chatbot que tienes. Haz clic en el botón + New Chatbot (+ Nuevo chatbot) en la parte superior derecha.

Panel de Chatbots con el botón New Chatbot

Se abrirá una ventana con las dos formas de crear un chatbot. En Quick Setup Wizard, haz clic en Start Wizard (Iniciar asistente).

Ventana Create New Chatbot con Start Wizard y Manual Setup

Paso 2: Elige de dónde procede tu conocimiento

La primera pantalla te pregunta cómo quieres proporcionar el conocimiento a tu chatbot:

  • Start with a website (Empezar con un sitio web) (recomendado): ChatLab escanea tu sitio para sugerir un nombre, colores, logotipo y contenido.
  • Start with files (Empezar con archivos): sube documentos en PDF, Word, Excel o texto.
  • Start with text (Empezar con texto): pega tu propio texto o pares de preguntas y respuestas.

La opción Start with a website ya viene seleccionada de forma predeterminada. Déjala seleccionada y haz clic en Continue.

Asistente - cómo te gustaría empezar

Paso 3: Introduce la dirección de tu sitio web

Escribe la dirección de tu sitio web (o la URL de un sitemap) en el campo Website URL or Sitemap URL (URL del sitio web o URL del sitemap) y haz clic en Analyze & Continue (Analizar y continuar).

Asistente - introduce la URL de tu sitio web

El análisis tarda entre 30 y 60 segundos. ChatLab rastrea tu sitio para detectar tus colores y logotipo, y para preparar el primer lote de contenido de entrenamiento. Las pantallas restantes se rellenarán automáticamente con lo que encuentre.

Paso 4: Ponle nombre a tu chatbot

Confirma el Chatbot Name (Nombre del chatbot) y el Tagline (Lema). Estos textos aparecen en la parte superior de la ventana de chat para que los visitantes sepan con quién están hablando. También puedes definir la etiqueta que se muestra sobre las preguntas sugeridas en la pantalla de bienvenida. Haz clic en Continue cuando estés conforme.

Asistente - ponle nombre a tu chatbot

Paso 5: Define el mensaje de bienvenida

El Welcome Message (Mensaje de bienvenida) es lo primero que ve un visitante al abrir el chat. Procura que sea breve y cercano: dos líneas cortas funcionan muy bien. En esta pantalla también puedes elegir el AI model (Modelo de IA) que impulsará tu chatbot; la opción por defecto ofrece un buen rendimiento a bajo coste y puedes cambiarla más adelante. Consulta Elegir un modelo de IA y Qué es un crédito de mensaje para entender las diferencias. Haz clic en Continue.

Asistente - define tu mensaje de bienvenida

Paso 6: Añade sugerencias para iniciar la conversación

Las preguntas sugeridas son botones en los que se puede hacer clic para ayudar al visitante a empezar. El asistente propone unas cuantas a partir de tu sitio. Edita la Button label (Etiqueta del botón) y el Message sent on click (Mensaje enviado al hacer clic) de cada una, elimina las que no quieras o usa Add suggested question (Añadir pregunta sugerida) para incluir las tuyas. Este paso es opcional: déjalo vacío si lo prefieres. Haz clic en Continue.

Asistente - añade sugerencias para iniciar la conversación

Paso 7: Describe el rol de tu chatbot

Aquí le indicas al chatbot cómo debe comportarse. Mantén seleccionada la opción Guided (auto prompt) (Guiado (prompt automático)) y el asistente redactará un conjunto completo de instrucciones a partir de tu rol, el idioma de respuesta y una breve descripción de tu negocio; podrás verlo a la derecha como Generated Role Instructions (Instrucciones de rol generadas). ¿Prefieres redactarlo tú mismo? Cambia a I'll write it myself (Lo escribiré yo mismo). Haz clic en Continue.

Asistente - describe el rol de tu chatbot

Paso 8: Personaliza los colores

El asistente detecta los colores de tu marca a partir de tu sitio web y los aplica al encabezado del chat, a los bocadillos de los mensajes y al icono del widget. Ajusta los colores que desees o mantén los detectados tal cual: la vista previa en vivo se actualiza al instante. Haz clic en Continue.

Asistente - personaliza los colores de tu chatbot

Paso 9: Elige el logotipo

Selecciona la imagen que se mostrará como avatar de tu chatbot:

  • Use detected logo (Usar logotipo detectado): el logotipo que el asistente encontró en tu sitio web.
  • Upload your own logo (Subir tu propio logotipo): una imagen en PNG, JPG, GIF o SVG desde tu ordenador.
  • Continue without logo (Continuar sin logotipo): usa el icono de chatbot predeterminado.

Haz clic en Continue después de elegir una opción.

Asistente - elige el logotipo de tu chatbot

Paso 10: Revisa el progreso del entrenamiento

Si seleccionaste un logotipo, el asistente te ofrecerá primero la opción Crop your logo (Recortar tu logotipo); usa Adjust Crop (Ajustar recorte) y Apply Crop (Aplicar recorte), y luego continúa. Si se detecta una tienda online, también puede aparecer un paso de integración opcional.

Tu chatbot se crea durante la configuración y el entrenamiento se ejecuta en segundo plano mientras revisas sus ajustes. No es necesario que esperes en esta pantalla: ChatLab te enviará un correo cuando finalice el entrenamiento y puedes seguir el progreso en cualquier momento desde la pestaña Training (Entrenamiento). Haz clic en Finish and track training progress (Finalizar y seguir el progreso del entrenamiento) para salir del asistente y abrir la lista de entrenamientos. Cuando el entrenamiento termine, este botón pasará a llamarse See what was scanned (Ver qué se ha escaneado), y Try your bot now (Probar el bot ahora) abrirá el paso de prueba del asistente.

Asistente - estado del entrenamiento

Paso 11: Espera al entrenamiento y luego prueba tu chatbot

Si te quedaste en el asistente, haz clic en Try your bot now en cuanto esté disponible. Si saliste mediante Finish and track training progress, revisa la lista de Training y luego abre Overview (Información general). El Training status (Estado del entrenamiento) indicará que el proceso sigue en curso mientras ChatLab lee tu contenido, lo divide en secciones y genera la base de conocimiento indexada. En un sitio web pequeño, esto suele tardar unos minutos; las fuentes más grandes requieren más tiempo. No necesitas quedarte en la página: puedes seguir trabajando y recibirás un correo electrónico cuando esté listo.

Cuando el estado cambie a Trained (Entrenado), tu chatbot estará listo para responder. Este es el verdadero punto de llegada, así que pruébalo de inmediato: el panel de la derecha es el probador de chat, una copia en tiempo real de tu chatbot. Escribe una pregunta en Type a message... (Escribe un mensaje...) y pulsa Intro. El probador muestra la misma experiencia que tendrá el visitante. Comprueba que sus respuestas coincidan con tus fuentes; las respuestas de la IA también dependen de las instrucciones de rol, del contexto de la conversación y de las acciones que hayas configurado.

Conversando con el chatbot recién entrenado en el probador de chat de Overview

Si una respuesta es incorrecta o se queda corta, añade más datos de entrenamiento en la pestaña Training; consulta Aspectos básicos y límites del entrenamiento.

Paso 12: Añade tu chatbot a tu sitio web

Tras comprobar algunas preguntas representativas, el último paso es ponerlo a disposición de los visitantes. En el asistente, haz clic en Continue desde el paso de prueba para llegar a Deploy your chatbot (Implementar tu chatbot). Copia el fragmento para Widget o Iframe y sigue las instrucciones de la plataforma elegida, o selecciona I'll do it later (Lo haré más tarde). Añadir el chatbot a tu sitio web es una parte esencial del proceso de creación: abre la pestaña Deploy (Implementar) para copiar un breve fragmento de código de incrustación y pégalo en tu sitio. Encontrarás las instrucciones detalladas en Añadir tu chatbot a tu sitio web. Puedes hacer esto mientras termina el entrenamiento y mientras ajustas los parámetros que se indican a continuación.


Opción B: Manual Setup

La configuración manual realiza la misma tarea que el asistente, paso a paso y bajo tu control total. Primero creas un chatbot vacío y luego añades el entrenamiento y ajustas la configuración por tu cuenta. Los pasos que se detallan a continuación reproducen lo que el asistente automatiza.

Paso 1: Crea el chatbot

Haz clic en + New Chatbot en la pantalla Chatbots. En la ventana, dentro de Manual Setup, escribe un nombre (por ejemplo, Bakery Assistant) en el campo Chatbot Name y haz clic en Create Chatbot (Crear chatbot).

Manual Setup - introduce el nombre del chatbot

Paso 2: Revisa el chatbot vacío

Tu chatbot se creará y accederás a su pantalla Overview. Como aún no has añadido nada, el Training status mostrará No Training Yet (Sin entrenamiento aún) y el Avatar mostrará No Avatar (Sin avatar). Todo lo demás funciona igual que en un bot creado con el asistente; simplemente debes completarlo tú mismo.

Manual Setup - vista general del nuevo chatbot vacío

Paso 3: Añade datos de entrenamiento

Abre la pestaña Training. Haz clic en Add New Training: Website (Añadir nuevo entrenamiento: Sitio web) para dirigir el chatbot a un sitio web, o usa la barra lateral para añadir Files (Archivos), Questions & Answers (Preguntas y respuestas) o Text (Texto). La opción E-commerce catalog (Catálogo de e-commerce) solo aparece tras conectar una tienda compatible. Tras iniciar un escaneo, el entrenamiento se ejecutará en segundo plano y el estado se actualizará al finalizar.

Manual Setup - la pestaña Training

Para obtener la guía detallada sobre cada tipo de fuente, consulta Añadir nuevas fuentes de sitios web, Añadir archivos, Añadir preguntas y respuestas y Aspectos básicos y límites del entrenamiento.

Paso 4: Configura la apariencia y los mensajes

Abre la pestaña Settings (Configuración) para darle a tu chatbot su aspecto y su voz, exactamente lo mismo que el asistente completa automáticamente:

Paso 5: Prueba e inserta el chatbot

Utiliza el probador de chat en la pestaña Overview para interactuar con tu chatbot y luego copia el código de incrustación desde la pestaña Deploy. Abre tu sitio web como un visitante cualquiera, confirma que el widget se cargue correctamente y haz una pregunta de prueba. Consulta Añadir tu chatbot a tu sitio web.


Configura tu chatbot

Sea cual sea el camino que hayas elegido, tu chatbot empezará a funcionar en cuanto termine su entrenamiento; no obstante, unos pocos ajustes adicionales harán que se adapte mucho mejor a tu marca. Esta es la guía de lo que conviene configurar a continuación. Abre la pestaña Settings y revisa las opciones que te interesen; todo lo que configures aquí puede modificarse en cualquier momento.

  • Role & Behavior: indícale a tu chatbot qué es y cómo debe responder (su tono, qué hacer cuando no sepa algo). Consulta Ajustes de rol y comportamiento.
  • Appearance: el avatar, los colores corporativos, las fuentes y el icono de chat que verán tus visitantes. Consulta Elegir avatar, colores e icono del chat.
  • AI model: el modelo que genera las respuestas, equilibrando el coste y la calidad del resultado. Consulta Elegir un modelo de IA.
  • Chat Conversation: el mensaje de bienvenida que saluda a los visitantes y las preguntas sugeridas que les ayudan a empezar. Consulta Ajustes de conversación.

Luego, añade funciones adicionales según tus necesidades:

  • Lead collection (Captura de leads): recopila el nombre, correo electrónico o teléfono del visitante durante la conversación. Consulta Captura de leads.
  • Human contact form (Formulario de contacto humano): permite que los visitantes contacten con una persona cuando el chatbot no pueda resolver su consulta. Consulta Formulario de contacto para soporte humano.
  • AI actions (Acciones de IA): permite que tu chatbot realice acciones, como consultar un pedido o reservar una cita. Consulta Acciones de IA.

Cuando tenga el aspecto deseado y responda como esperas, añádelo a tu sitio web para que tus visitantes reales puedan empezar a usarlo. Consulta Añadir tu chatbot a tu sitio web.

Artículos relacionados