Taller Interactivo · LifeStrategics 2026

Chatbots con IA
en tu Sitio Web

De Custom GPTs a plataformas embebibles: cómo crear un asistente que responda con tu conocimiento y viva en tu página.

🧠
Entender RAG
🌳
Árboles de decisión
🛠️
Opciones y herramientas
🚀
Ejercicio práctico
01 · COMPRENDER

¿Qué hay detrás de un chatbot "inteligente"?

Cuando un chatbot responde sobre TU negocio, no es magia — es una técnica llamada RAG (Retrieval Augmented Generation).

PASO 1 · INGESTIÓN

📄 Tus documentos

PDFs, páginas web, FAQs, manuales — tu conocimiento se "pica" en fragmentos pequeños y se convierte en vectores numéricos que la IA puede buscar.

PASO 2 · BÚSQUEDA

🔍 Retrieval inteligente

Cuando alguien pregunta, el sistema busca los fragmentos más relevantes usando similitud semántica — no palabras exactas, sino significado.

PASO 3 · CONTEXTO

📋 Prompt enriquecido

Los fragmentos encontrados se inyectan como contexto en el prompt del LLM: "aquí está la información relevante, responde con base en esto."

PASO 4 · RESPUESTA

💬 Respuesta contextual

La IA genera una respuesta natural usando esos fragmentos como fuente. El resultado suena experto en TU tema.

🎓 Analogía simple

Imagina que contratas a un asistente super inteligente que nunca ha trabajado en tu empresa. Le das un manual de tu negocio y le dices: "cuando te pregunten algo, primero busca en este manual." Eso es RAG: dar contexto específico a una IA general.

💡 Punto clave

No estás "entrenando" una IA desde cero (eso cuesta millones). Estás dándole un cheat sheet cada vez que alguien pregunta. Por eso puedes actualizar la información sin re-entrenar nada.

02 · DECIDIR

Árboles de decisión: guiando al usuario

Un chatbot inteligente combina dos modos: rutas predefinidas (árbol lógico) y consultas abiertas (lenguaje natural). Lo ideal es tener ambos.

MODO 1 · ÁRBOL LÓGICO

🌳 Rutas predefinidas

El chatbot guía al usuario con opciones tipo botón: "¿Qué necesitas?" → "Precios" / "Fases" / "Soporte". Cada opción lleva a una respuesta predefinida.

  • Experiencia controlada y predecible
  • Ideal para flujos de soporte
  • Reduce errores de interpretación
  • El usuario no necesita saber qué preguntar
MODO 2 · LENGUAJE NATURAL

💬 Consultas abiertas

El usuario escribe libremente: "¿cuánto cuesta la Fase 2?" y el chatbot busca la respuesta en tu base de conocimiento (RAG).

  • Flexibilidad total para el usuario
  • Maneja preguntas impredecibles
  • Requiere buena base de conocimiento
  • Respuestas más naturales y conversacionales
🎯 La combinación ganadora

Un chatbot profesional ofrece ambos modos. Al iniciar, presenta botones con las opciones principales (árbol). Pero si el usuario prefiere escribir, el RAG responde igualmente. Esto cubre el 100% de los escenarios.

Mapa visual del árbol de IDEOFACTO

Vista completa de todas las rutas de conversación del chatbot:

🤖
¡Hola! ¿En qué puedo ayudarte?
Mensaje de bienvenida
📋
Fases y precios
🃏 Kit
$500
F1
$3,000
F2
$5,000
F3
$3,500+
✅ Detalle + CTA
"¿Empezar con el Kit?"
🎯
¿Es para mí?
✅ Sí
Recomendar Kit
⚠️ No aplica
Nota honesta
Otra pregunta
Texto libre
🔍 Búsqueda RAG
Busca en el FAQ
✅ Respuesta
Desde el FAQ
👤 Escalar
A humano
📚 Leyenda

Inicio / RAG    Opción del usuario    Respuesta final    Escalación / Límite

🗺️ Del árbol al Service Blueprint

Este mapa muestra qué ve el usuario. Para documentar el sistema completo (frontstage + backstage + soporte), usa un Service Blueprint — como el que vemos en la sección del caso de uso. Herramientas como Miro tienen plantillas dedicadas para construirlo con sticky notes por touchpoint.

Ejemplo interactivo: árbol de navegación

Haz clic en cada pregunta para explorar las opciones — así es como un usuario interactúa con tu chatbot:

¿Cuáles son las fases de IDEOFACTO?
🎴 Kit de tarjetas ($500 MXN)
Pre-requisito — documenta los fundamentos de tu marca
✓ Respuesta del bot

El Kit de tarjetas cuesta $500 MXN (~$27 USD). Es un ejercicio guiado que documenta los fundamentos de tu marca a tu ritmo. Incluye video explicativo. Tu compra se aplica como saldo a favor si después tomas la Fase 1.

📋 Fase 1 — Fundamentos ($3,000 MXN)
3 sesiones grupales · 9 documentos del kit de content marketing
✓ Respuesta del bot

La Fase 1 incluye 3 sesiones grupales en vivo donde construyes los 9 documentos del kit: buyer persona, voz de marca, pilares de contenido, calendario editorial, y más. Al terminar puedes briefear a cualquier IA sin improvisación. Costo: $3,000 MXN (~$160 USD).

📐 Fase 2 — Estrategia ($5,000 MXN)
2-3 sesiones · estrategia aterrizada a formatos y canales
✓ Respuesta del bot

La Fase 2 son 2-3 sesiones de 90 min donde aterrizas tu estrategia a formatos concretos por canal. Requiere haber completado la Fase 1. Costo: $5,000 MXN (~$265 USD).

🎬 Fase 3 — Formatos avanzados (desde $3,500/módulo)
Módulos à la carte: video, carruseles, newsletter, podcast
✓ Respuesta del bot

La Fase 3 son módulos que eliges según tus canales: video, carruseles, GEO, newsletter, podcast. Desde $3,500 MXN por módulo. Requiere Fase 1 + Fase 2.

¿Necesito experiencia con IA?
✓ Respuesta directa (sin sub-opciones)
Algunas preguntas no necesitan árbol — la IA responde directamente desde el FAQ
✓ Respuesta del bot

No necesitas saber de IA. El sistema está diseñado para que cualquier persona pueda seguirlo. Si ya trabajas con Claude, ChatGPT u otras herramientas, vas a sacarles mucho más provecho con el sistema documentado.

¿Es para mí?
✅ Sí, tengo un negocio y quiero hacer mi contenido
Tienes claridad sobre tu negocio y quieres autonomía
✓ Recomendación

¡IDEOFACTO es exactamente para ti! Te recomiendo empezar con el Kit de tarjetas ($500 MXN) para documentar los fundamentos de tu marca. Si quieres profundizar, la Fase 1 te da el sistema completo. ¿Quieres empezar?

🤔 Prefiero que alguien haga mi contenido
Buscas delegar la producción de contenido
⚠️ Nota honesta

IDEOFACTO no produce contenido para ti — te enseña a hacer el tuyo. Si prefieres delegar, una agencia o freelancer puede ser mejor opción. Sin embargo, aun si contratas a alguien, la Fase 1 te prepara para trabajar con ellos sin fricciones.

03 · CASO PRÁCTICO

Caso de uso: Chatbot de soporte para IDEOFACTO

Vamos a mapear cómo construiríamos un chatbot real para IDEOFACTO — desde el FAQ hasta el widget embebido.

📄 El archivo FAQ

Todo chatbot necesita una base de conocimiento. Para IDEOFACTO, creamos un documento con todas las preguntas frecuentes: qué es, las fases, precios, herramientas, para quién es. Este archivo es lo que "sube" al chatbot.

Flujo del chatbot IDEOFACTO

🤖 Mensaje de bienvenida
"¡Hola! Soy el asistente de IDEOFACTO. ¿En qué puedo ayudarte?"
🌳 Opciones predefinidas (árbol)
📋 Fases y precios · 🎴 Kit de tarjetas · 🎯 ¿Es para mí? · ❓ Otra pregunta
↓ el usuario elige o escribe libremente
🔀 Router inteligente
Si eligió opción → respuesta predefinida · Si escribió → búsqueda RAG en el FAQ
✅ Respuesta + siguiente acción
Responde + ofrece botón: "¿Te gustaría empezar?" → link a Stripe/WhatsApp

Service blueprint del chatbot

Un árbol de decisión muestra qué ve el usuario. Un service blueprint muestra todo el sistema — lo visible y lo invisible.

Capa
Saludo
Opciones
Consulta
Cierre
👤 Usuario
Abre el chat widget en ideofacto.com
Hace clic en "💰 ¿Cuánto cuesta?"
Escribe: "¿puedo pagar en USD?"
Hace clic en "Empezar con el Kit"
💬 Bot (visible)
"¡Hola! 👋 Soy el asistente de IDEOFACTO"
Muestra precios: Kit $500, F1 $3,000, F2 $5,000, F3 desde $3,500
"Sí, el cobro se ajusta automáticamente según tu tarjeta"
Redirige a deck.ideofacto.com o WhatsApp
⚙️ Backstage
Carga system instructions + FAQ
Respuesta predefinida (árbol) — sin búsqueda RAG
Búsqueda RAG en el FAQ → fragmento sobre pagos
Genera link con UTM para tracking
🗄️ Soporte
Base de conocimiento (ideofacto-faq.md)
Datos de precios en el system prompt
Vector DB con embeddings del FAQ
Stripe / WhatsApp Business
🔴 La línea de visibilidad es clave

Todo lo que está arriba de la línea roja es lo que el usuario ve. Todo debajo es invisible para él pero esencial para que funcione. El blueprint te obliga a pensar en ambas capas antes de implementar.

System instructions del chatbot

Estas instrucciones son idénticas para Custom GPT (campo "Instructions") y Chatbase (campo "Custom Instructions").

📋 System Instructions — Custom GPT / Chatbase
Eres el asistente virtual de IDEOFACTO, un sistema de facilitación que enseña a emprendedores y freelancers a crear su propio contenido de marketing usando IA. IDEOFACTO NO es una agencia. No producimos contenido para el cliente. Le facilitamos el sistema para que lo produzca con autonomía. ## PERSONALIDAD - Tono: profesional, cálido, directo. Sin jerga innecesaria. - Idioma: español latinoamericano. - Respuestas concisas. Usa bullet points si es largo. ## PRODUCTOS Y PRECIOS - Kit de tarjetas: $500 MXN (~$27 USD) — pre-requisito de Fase 1 - Fase 1 · Fundamentos: $3,000 MXN (~$160 USD) — 3 sesiones, 9 docs - Fase 2 · Estrategia: $5,000 MXN (~$265 USD) — 2-3 sesiones - Fase 3 · Formatos avanzados: desde $3,500 MXN (~$185 USD) por módulo - Sistema completo: ~$11,500 MXN - Comparativa: agencia cobra $15,000 MXN/mes ## REGLAS 1. Responde SOLO con información del FAQ proporcionado 2. Si no sabes algo: "No tengo esa información específica. Contacta a Mónica directamente para más detalles." 3. Cuando menciones precios, SIEMPRE incluye MXN y USD 4. Al final de respuestas sobre fases, pregunta: "¿Te gustaría empezar con el Kit de tarjetas?" 5. NUNCA inventes información sobre el producto 6. Si preguntan por soporte técnico, redirige a WhatsApp 7. Respeta pre-requisitos: Kit → Fase 1 → Fase 2 → Fase 3 8. Si detectas que no es cliente ideal, sé honesto ## MENSAJE INICIAL (Suggested Messages) - 📋 ¿Cuáles son las fases de IDEOFACTO? - 🎴 ¿Qué es el Kit de tarjetas? - 💰 ¿Cuánto cuesta? - 🎯 ¿Es para mí? - ❓ Tengo otra pregunta
💡 System instructions + archivo FAQ = chatbot listo

Al subir ambos a Chatbase o configurarlos en el Custom GPT, el chatbot ya sabe responder sobre IDEOFACTO. Las "Suggested Messages" se configuran como "Conversation Starters" en Custom GPT o como "Suggested Messages" en Chatbase.

📎 Archivo completo disponible

Las system instructions completas (con todas las reglas, perfil de cliente ideal, y guía de configuración paso a paso para cada plataforma) están en el archivo system-instructions-ideofacto.md.

03.5 · DISCOVERY

Cuestionario de discovery: las 11 preguntas antes de construir

Antes de tocar cualquier plataforma, responde estas preguntas. Las respuestas alimentan directamente el system prompt, el FAQ, y los límites del chatbot.

📌 Bloque 1 — Negocio
1
¿Qué vende, a quién y cuál es su promesa?
→ Define la sección IDENTIDAD del system prompt
Base
2
¿Cuál es el momento donde más duele cuando el servicio falla?
→ Identifica el caso de uso prioritario del bot
Crítica
📊 Bloque 2 — Canales y volumen
3
¿Por qué canal contacta el cliente hoy — y cuál prefiere la empresa?
→ Define dónde se despliega: web, WhatsApp, Instagram
No asumir
4
¿Cuántas conversaciones maneja al día — y cuántas son la misma pregunta?
→ Si 70%+ son repetidas = alto ROI de automatización
Define nivel
5
¿Cuándo se satura el equipo de atención?
→ Justifica inversión. Horarios pico = bot activo
ROI visible
🚧 Bloque 3 — FAQs y límites
6
¿Cuáles son las 5 preguntas que el equipo responde todos los días sin pensar?
→ Se convierten en las Suggested Messages y el FAQ base
Núcleo
7
¿Qué consultas siempre terminan escalando a un humano — y por qué?
→ Establece la regla de handoff del bot
Límites
8
¿Qué información NO puede dar el bot bajo ninguna circunstancia?
→ Va directo a la sección NUNCA del system prompt
Riesgo legal
✅ Bloque 4 — Proyecto y aprobación
9
¿Qué sistema usa la empresa para gestionar clientes?
→ Define integraciones: CRM, WhatsApp Business, Shopify
Arquitectura
10
¿Quién aprueba el bot antes de salir a producción?
→ Identifica stakeholder para testing
Proceso
11
¿Cuál es la métrica que convence a quien toma la decisión?
→ Define el KPI: ¿reducir tickets? ¿conversiones? ¿tiempo?
Estratégica
🎯 Regla de oro

Las preguntas 6 y 8 son las más importantes: la pregunta 6 te da el contenido mínimo viable del chatbot, y la pregunta 8 te protege legalmente. Si solo puedes responder dos, que sean estas.

04 · OPCIONES

Plataformas disponibles

Desde lo más simple (sin código) hasta lo más potente — elige tu nivel de control.

🤖
Custom GPTs
Incluido en ChatGPT Plus

El más fácil. Subes archivos y ya. Pero vive dentro de ChatGPT — no se inserta en tu web.

  • Setup en 10 minutos
  • Soporta PDFs y URLs
  • Cero código
⚠ No embebible en tu web
🔧
Botpress
$0 base + AI Spend variable

Más potente. Editor visual de flujos y árboles de decisión. Pago por uso (AI Spend). Pro desde $89/mes.

  • Editor visual de conversaciones
  • Árboles de decisión built-in
  • Multicanal (WhatsApp, Web)
  • Gratis para empezar
Dante AI
Free tier · Planes desde ~$24/mes

El más económico. Widget personalizable, multi-idioma, y API disponible.

🎙️
Voiceflow
Free tier · Pro desde $60/mes

Visual builder tipo diagrama. Excelente para diseñar flujos complejos y conversaciones ramificadas.

🌊
Flowise
100% gratis (self-hosted)

Open source. Tú lo hosteas. Control total de datos. Requiere conocimiento técnico.

05 · COMPARAR

Comparación directa

Custom GPTs
Chatbase ★
Botpress
Dificultad
⭐ Fácil
⭐⭐ Fácil
⭐⭐⭐ Media
Embebible
✗ No
✓ Sí
✓ Sí
Árbol decisión
✗ No
⚠ Básico
✓ Completo
RAG / Docs
✓ Sí
✓ Sí
✓ Sí
Branding
✗ ChatGPT
✓ Total
✓ Total
Costo
$0 (con Plus)
$32-400/mo
$0 + AI Spend
Setup
10 min
30 min
1-2 hrs
06 · INSERTAR

¿Cómo se inserta en tu web?

Es literalmente copiar y pegar un fragmento de código. Así de simple.

📋 Script Tag (Chatbase)
<!-- Antes de </body> --> <script> window.chatbaseConfig = { chatbotId: "tu-id", domain: "www.chatbase.co" } </script> <script src="https://chatbase.co/embed.min.js" defer ></script>
📋 iFrame (universal)
<iframe src="https://chatbase.co/chatbot-iframe/tu-id" width="100%" height="600" style="border: none; border-radius: 12px;" ></iframe>
💡 ¿Cuál uso?

Script tag → burbuja flotante (esquina inferior derecha).
iFrame → chat fijo dentro de tu página, en un espacio definido.

🔒 ideofacto.com

IDEOFACTO

Tu sistema de content marketing con IA.

🎴 Kit de tarjetas
📋 Fases
🤖
IDEOFACTO Bot
● En línea
¡Hola! 👋 Soy el asistente de IDEOFACTO. ¿En qué puedo ayudarte?
¿Cuánto cuesta la Fase 1?
La Fase 1 cuesta $3,000 MXN (~$160 USD). Incluye 3 sesiones grupales donde construyes los 9 documentos del kit. ¿Te gustaría empezar con el Kit de tarjetas? 🎴

¿Dónde pego el código según mi plataforma?

WP

WordPress

Apariencia → Editor de temas → footer.php, antes de </body>. O usa el plugin "Insert Headers and Footers".

Wix

Wix

Configuración → Código personalizado → Agregar código → Body-end, todas las páginas.

SQ

Squarespace

Configuración → Avanzado → Inyección de código → campo Footer. (Planes Business+)

SF

Shopify

Tienda Online → Temas → Editar código → theme.liquid, antes de </body>.

07 · EJECUTAR

Ejercicio: crea tu chatbot en 30 minutos

Sigue estos pasos para tener tu asistente funcionando con tu contenido.

1

Prepara tu contenido

Reúne tu material: FAQs, servicios, horarios, precios, políticas. Puede ser PDF, Word, o texto.

💡 Un documento FAQ bien estructurado (pregunta → respuesta) funciona mejor que un texto largo.
2

Crea tu cuenta

Ve a chatbase.co y crea una cuenta. Puedes empezar con el trial gratuito para probar.

3

Sube tu base de conocimiento

Crea un nuevo chatbot y sube tu documento FAQ. También puedes pegar una URL para que aprenda de tu página.

4

Configura el system prompt

Escribe las instrucciones de personalidad — como el ejemplo de IDEOFACTO que vimos antes.

💡 Define tono, idioma, reglas de comportamiento, y qué hacer si no sabe algo.
5

Configura las opciones predefinidas

Agrega "suggested messages" que aparecen como botones al inicio del chat — tu árbol de decisión simplificado.

6

Personaliza la apariencia

Cambia colores, nombre del bot, avatar, y mensaje de bienvenida para que se vea de tu marca.

7

Prueba y ajusta

Hazle preguntas reales. Prueba también preguntas que NO estén en tu contenido para ver cómo responde.

8

¡Inserta en tu web!

Copia el snippet de código y pégalo en tu sitio. Listo — tu chatbot está en producción.

08 · DECIDIR

¿Cuál elijo?

Depende de tu situación. Aquí va la guía rápida.

🏃

"Quiero probar rápido"

No necesito embed en mi web aún

Custom GPT. 10 minutos. Comparte el link.

→ Custom GPTs
🎯

"Chatbot en mi web YA"

No soy técnico, tengo presupuesto

Chatbase o Dante AI. Setup en 30 min.

→ Chatbase / Dante AI

"Potencia sin gastar"

Tengo tiempo para aprender

Botpress. Gratis, visual, más control.

→ Botpress
🔧

"Control total"

Soy técnico o tengo dev en el equipo

Flowise (self-hosted) o desde cero.

→ Flowise / Custom
🎓 Recuerda

Todas usan la misma tecnología de fondo (RAG + LLM). La diferencia es quién hace el trabajo técnico: tú, o la plataforma. Empieza simple, escala cuando lo necesites.

09 · RECURSO

Plantilla: System Instructions para cualquier proyecto

Copia esta plantilla, reemplaza los [CORCHETES] con tu información, y pégala en Custom GPT o Chatbase. Funciona para cualquier negocio.

📋 Plantilla genérica — Custom GPT / Chatbase
Eres el asistente virtual de [NOMBRE DEL NEGOCIO]. [DESCRIPCIÓN EN UNA LÍNEA DE QUÉ HACE EL NEGOCIO]. ## IDENTIDAD - Nombre del asistente: [NOMBRE DEL BOT] - Marca: [NOMBRE DE LA MARCA] - Sitio web: [URL] ## PERSONALIDAD - Tono: [profesional / casual / técnico / cálido] - Idioma: [español latinoamericano / español de España / inglés] - Si escriben en otro idioma: [responder en su idioma / siempre en el principal] - Largo de respuestas: [conciso con bullets / detallado] - Emojis: [sí, moderado / no] - Tratamiento: [tú / usted] ## PRODUCTOS / SERVICIOS ### [Producto/Servicio 1] - Precio: [PRECIO EN MONEDA LOCAL (~USD)] - Incluye: [QUÉ INCLUYE] - Requisitos: [SI APLICA] ### [Producto/Servicio 2] - Precio: [PRECIO] - Incluye: [QUÉ INCLUYE] ### [Producto/Servicio 3] - Precio: [PRECIO] - Incluye: [QUÉ INCLUYE] ## CONTACTO - WhatsApp: [NÚMERO O LINK] - Email: [CORREO] - Horario: [HORARIO DE ATENCIÓN] ## REGLAS — SIEMPRE: 1. Responder SOLO con información del FAQ adjunto 2. Incluir precios en [MONEDA LOCAL] y USD 3. Al final de respuestas sobre productos, sugerir: "[SIGUIENTE PASO — ej: ¿Agendamos una llamada?]" 4. Si hay intención de compra → dirigir a [LINK/WHATSAPP] 5. Ser honesto sobre limitaciones ## REGLAS — NUNCA: 1. NUNCA inventar información no documentada 2. NUNCA dar consejos [legales/médicos/financieros] 3. NUNCA hablar mal de competidores 4. NUNCA compartir info interna no pública 5. NUNCA prometer resultados no documentados ## CUANDO NO SABE: "No tengo esa información específica. Te recomiendo contactar a nuestro equipo en [CANAL]." ## SOPORTE TÉCNICO: Si reportan problemas → redirigir a [WHATSAPP/EMAIL] ## MENSAJE DE BIENVENIDA: "[¡Hola! 👋 Soy el asistente de MARCA. ¿En qué puedo ayudarte?]" ## OPCIONES PREDEFINIDAS (Suggested Messages): - [📋 ¿Qué servicios ofrecen?] - [💰 ¿Cuánto cuesta?] - [📅 Quiero agendar una cita] - [🎯 ¿Es para mí?] - [❓ Tengo otra pregunta] ## CIERRE: "[¡Gracias por tu interés! Si necesitas algo más, aquí estaré. 🙌]"
CUSTOM GPT (OPENAI)

Configuración

  • chatgpt.com → Explore GPTs → Create
  • Instructions: pegar la plantilla
  • Knowledge: subir tu FAQ (.md, .pdf, .docx)
  • Conversation starters: copiar las opciones
  • Desactivar "Web Browsing" si solo debe usar tu FAQ
CHATBASE

Configuración

  • chatbase.co → Create Chatbot
  • Data Sources: subir tu FAQ
  • Custom Instructions: pegar la plantilla
  • Suggested Messages: copiar las opciones
  • Appearance: nombre, colores, avatar

✅ Checklist antes de publicar

¿Información completa?

Todos los productos/servicios con precios correctos y actualizados.

¿Tono consistente?

El tono del bot es coherente con tu marca en todas las respuestas.

¿Probaste preguntas del FAQ?

Haz 5-10 preguntas que SÍ están en tu documento. ¿Responde correctamente?

¿Probaste preguntas fuera del FAQ?

Haz preguntas que NO están en tu documento. ¿Usa la frase de fallback sin inventar?

¿Probaste que invente?

Pídele que invente algo. ¿Se niega correctamente?

¿Links y canales funcionan?

Los links de compra, WhatsApp y email de escalación están correctos y activos.