Producto
Cómo añadir un asistente de IA a tu sitio B2B
Integra un asistente de IA en tu sitio B2B: carga conocimiento aprobado, configura la captura de leads, pega una etiqueta script y enruta Hot/Warm/Cool a Pipedrive.
Autor
The EngageLayer product & content team — guides on AI website assistants, knowledge-grounded answers, and B2B lead qualification.

Pasos
Reunir requisitos previos
Reúne tu clave pública, contenido FAQ o CSV aprobado, la opción de enrutado y acceso a CMS o GTM antes de empezar.
Cargar conocimiento aprobado
Añade entradas FAQ, bloques de texto enfocados y pares Q&A en CSV en el panel. Planifica crawl del sitio o docs binarios con onboarding si hace falta.
Configurar tono y cualificación
Define estilo de saludo, límites en temas sensibles y reglas de captura Hot / Warm / Cool solo con los campos que usarás.
Integrar el script del widget
Pega el snippet CDN async con tu clave pública en WordPress, GTM o plantillas HTML. Añade atributos opcionales data-position y data-language.
Probar en vista previa
Ejecuta diez guiones realistas de visitante en vista previa, verifica citas y confirma que las preguntas desconocidas disparan captura honesta en lugar de conjeturas.
Conectar la entrega de leads
Conecta Pipedrive y empuja un lead de prueba desde el panel, o usa correo o un webhook. Confirma que los payloads Hot y Cool coinciden con lo que esperan los reps.
Pasar a producción y revisar
Publica el embed, haz smoke test en incógnito, informa a ventas sobre el enrutado y programa un pase de parches de conocimiento a siete días a partir de chats reales.
Respuesta rápida
Añade un asistente de IA a tu sitio B2B cargando conocimiento aprobado en engagelayer.io, configurando el tono y la captura de leads, pegando una etiqueta script con tu clave pública, probando en vista previa y enrutando leads Hot / Warm / Cool a Pipedrive, correo o un webhook. El asistente responde solo desde el contenido que apruebas y captura leads cuando no puede responder.
Esta guía es para equipos de marketing, revenue y ops que quieren un chatbot de IA fundamentado, con base de conocimiento propia, en un sitio B2B sin reconstruir la web ni contratar un proyecto largo de integración. Puede que gestiones demand gen, seas dueño del sitio o apoyes a ventas con mejor contexto inbound. El objetivo no es un widget genérico que adivina. Es un asistente de IA para el sitio que se mantiene dentro del conocimiento aprobado de la empresa, califica visitantes durante la conversación y envía leads estructurados a las herramientas que tu equipo ya usa.
Al terminar, tendrás contenido aprobado cargado en engagelayer.io, un asistente configurado para tono y captura de leads, el widget integrado en tu sitio, una pasada de vista previa hecha y la entrega conectada a Pipedrive, correo o un webhook. La mayoría de los equipos termina la configuración básica en una sesión de trabajo. Importaciones de contenido pesadas o el mapeo de campos CRM pueden pedir una segunda pasada, pero el embed en sí es una sola etiqueta script.
Qué necesitas antes de empezar
Una lista corta ahorra retrabajo después. Reúne los activos y accesos listados abajo antes de abrir el panel. No necesitas un desarrollador para la ruta básica, pero alguien que pueda editar la cabecera del sitio o el tag manager debe estar disponible cuando pases a producción.
Si tu contenido está disperso entre PDF, decks antiguos y una wiki en la que nadie confía, reserva treinta minutos para decidir qué es seguro publicar primero. El asistente rinde mejor cuando la primera carga de conocimiento es pequeña, exacta y claramente propiedad de un equipo.
- Un espacio de trabajo engagelayer.io y tu clave pública del widget desde el panel
- Contenido aprobado para cargar primero: entradas FAQ, bloques de texto cortos o un CSV de pares pregunta-respuesta que ya uses con ventas
- Opcional: una lista de URL del sitio para un crawl web (lo gestiona un worker tier, no un pegado manual página a página)
- Una decisión de enrutado de leads: Pipedrive (nativo en el MVP), un correo de notificación o un webhook a tu stack
- Acceso de edición a tu CMS, pie del tema o contenedor de Google Tag Manager
- Un responsable que apruebe tono, preguntas de cualificación y lo que el bot debe negarse a responder
Carga primero el conocimiento aprobado
El grounding va antes del embed. engagelayer.io recupera de las fuentes de conocimiento que apruebas y compone respuestas con citas a ese material. Si saltas este paso y pegas primero el widget, los visitantes verán un asistente vacío o demasiado cauteloso, y culparás al canal en lugar del hueco de contenido.
Empieza por las preguntas que ventas y soporte ya responden cada semana. Límites de precio, alcance de implementación, postura de seguridad, integraciones y rutas de reserva suelen ser las primeras victorias. Puedes ampliar después; no puedes deshacer una mala primera impresión por fuentes que faltan.
Fuentes FAQ
Las entradas FAQ son la vía más rápida para publicar. Cada ítem debe ser una pregunta clara y una respuesta concisa que tu equipo respalde. Evita relleno de marketing en las respuestas; el modelo lo repetirá literal bajo presión. Agrupa temas por bloque (precios, producto, seguridad, soporte) para retirar o actualizar tramos sin tocarlo todo.
Cuando un visitante pregunta algo cercano a una FAQ, la retrieval sigue trayendo la entrada aprobada más próxima. Si nada encaja, el asistente debe admitir el hueco y ofrecer captura de leads en lugar de inventar detalle. Ese comportamiento es una función, no un fallo, en sitios B2B donde las respuestas incorrectas cuestan confianza en el pipeline.
Bloques de texto
Las fuentes de texto cubren contenido narrativo que no encaja en un Q&A estricto: párrafos de posicionamiento, comparaciones de planes en prosa, calendarios de implementación o avisos legales aprobados. Mantén los bloques enfocados. Un bloque por tema facilita las actualizaciones y reduce la chance de que un párrafo antiguo sobreviva después de un cambio de mensaje.
Pega desde tu única fuente de verdad, no desde un export de diapositivas con medias frases. Nombra el bloque para que tu yo futuro sepa qué alimenta. Cuando product marketing actualice el copy del sitio, programa un pase equivalente en la base de conocimiento o las respuestas se desincronizarán del sitio en vivo.
Importaciones CSV
La importación CSV encaja en equipos que ya mantienen hojas de preguntas y respuestas para SDR o macros de soporte. Usa encabezados de columna coherentes según el panel, una fila por par y elimina duplicados antes de subir. Un CSV limpio gana siempre a uno grande y desordenado.
Tras importar, revisa al azar diez filas comercialmente relevantes: precios, términos contractuales, residencia de datos y comparaciones con competidores si las permites. La velocidad del CSV no sirve si la décima fila aún cita el packaging del año pasado.

El crawl del sitio y los documentos binarios siguen otro camino. Los crawls de URL públicas pasan por un worker tier para que no pegues cada página a mano. Los PDF y binarios similares suelen tratarse en el onboarding porque la calidad de extracción depende del diseño. Planifica FAQ, texto y CSV self-serve para el día uno; luego añade crawl o binario con ayuda si lo necesitas.
Configura el tono del asistente y la captura de leads
Los ajustes de tono definen cómo saluda el asistente, cuán directo es y con qué rapidez avanza hacia la cualificación. Los compradores B2B toleran calidez, pero castigan la vaguedad. Escribe instrucciones como un brief para un SDR afilado: útil, lenguaje claro, sin urgencia falsa.
Las reglas de captura de leads definen qué ocurre cuando sube la intención o se agota el conocimiento. engagelayer.io clasifica visitantes en Hot, Warm y Cool según señales que configuras, como pedir precios, nombrar un plazo o solicitar una demo. Cool no significa basura; significa nurture en lugar de un ping inmediato a ventas.
Decide qué campos necesitas. Correo y nombre de empresa pueden bastar para Warm; Hot puede justificar teléfono o tamaño de equipo. Cada campo extra baja la tasa de completado. Empareja los campos con una línea de valor clara para que el visitante sepa por qué comparte datos.
Define límites de forma explícita: temas sobre los que el asistente no debe especular, competidores a los que no debe atacar y ofertas que no puede hacer sin aprobación humana. Esas barreras mantienen al asistente dentro del conocimiento aprobado y protegen el riesgo de marca en un sitio público.
Integra el widget
El embed es una etiqueta script async. El widget carga desde el CDN de engagelayer.io y lee tu clave pública para traer la configuración correcta del workspace. No alojas modelos en tu origen ni abres nuevas rutas de backend en tu sitio para que el chat funcione.
Copia el snippet desde el panel para que la clave coincida con tu entorno. Sustituye el placeholder solo por tu clave pública real. Los atributos opcionales ajustan la posición y el idioma sin otro ciclo de deploy.
Los atributos opcionales incluyen data-position con valores bottom-right o bottom-left, y data-language para indicar el locale de la interfaz del widget. Úsalos cuando la guía de marca exija el lanzador en una esquina concreta o cuando el sitio no esté en el idioma por defecto.
WordPress y CMS habituales
En WordPress, pega el snippet en un punto de inyección de pie de página global, un plugin de scripts de cabecera o la plantilla footer del tema hijo, según lo que permita tu política de seguridad. Prefiere una inclusión global para que el asistente aparezca de forma coherente en landing pages y entradas del blog. Evita añadir el script solo en la home salvo cobertura parcial intencionada.
Si usas un plugin de caché u optimización, excluye el script del widget de minificación agresiva o reglas de carga diferida que rompan el orden de ejecución. Purga la caché tras guardar y carga una ventana de incógnito para confirmar que aparece el lanzador.
Google Tag Manager
En Google Tag Manager, crea una etiqueta Custom HTML con el snippet de integración, define el activador en All Pages (o un subconjunto si haces piloto en rutas concretas) y publica la versión del contenedor. GTM es útil cuando marketing posee el despliegue e ingeniería prefiere no tocar el repositorio por un experimento de marketing.
Nombra la etiqueta con claridad y documenta quién es dueño de la clave pública. Cuando roten las claves, actualiza la etiqueta y vuelve a publicar; las claves obsoletas producen un fallo silencioso del widget fácil de confundir con bloqueo de anuncios.
HTML simple y sitios estáticos
En sitios estáticos o hechos a mano, coloca el script antes de la etiqueta body de cierre en cada plantilla que deba ofrecer chat. Si mantienes layouts con includes, pon el snippet una vez en el layout compartido. En single-page apps, asegúrate de que el script persista en las navegaciones del cliente si tu framework reemplaza el body del documento.
Tras el deploy, abre el código fuente de una URL en vivo y busca cdn.engagelayer.io para confirmar que el HTML de producción contiene la etiqueta. Los builds locales a veces difieren de lo que marketing pega en el CMS.
Prueba en vista previa antes del go-live
El modo vista previa te deja interpretar el papel de visitante sin exponer respuestas a medias al mercado. Abre la vista previa desde el panel y ejecuta un guion estructurado: haz diez preguntas reales de tus últimos diez leads inbound, incluidas dos excepciones donde esperas que el asistente admita incertidumbre.
Revisa las citas en respuestas factuales. Si una respuesta suena bien pero no cita nada, rastrea qué fuente debería haber disparado y corrige la retrieval antes del lanzamiento. Prueba también las rutas de cualificación: una pregunta de precios debe escalar los campos de captura sin sonar a interrogatorio.
Invita a un comercial a romperlo con educación. Probará trampas de competidores y atajos de precios que olvidaste. Mejor ahora que en una demo en vivo con un prospecto mirando.
Cuando la vista previa pase, integra en producción y repite tres preguntas smoke en una ventana de incógnito. Vista previa y producción deben coincidir; si divergen, suele ser la clave incorrecta o una versión antigua del contenedor en GTM.
Conecta Pipedrive, correo o webhook
La entrega convierte conversaciones en pipeline. En el MVP, Pipedrive es la ruta CRM nativa: conecta la cuenta y luego empuja leads cualificados desde el panel (push manual hoy; no prometas encolado totalmente automático hasta que tu workspace lo confirme). Mapea resultados Hot, Warm y Cool a etapas o etiquetas que tu equipo ya respete. Las notificaciones por correo encajan en equipos pequeños que quieren un ping en la bandeja con contexto de transcripción. Los webhooks encajan en ops que quieren repartir hacia sistemas internos.
HubSpot y Salesforce no son conectores nativos en el MVP. Si tu CRM es uno de ellos, planifica enrutado por correo o webhook hasta que exista un conector directo, y evita prometer a los reps una sync nativa que aún no puedes entregar.
Incluye fragmentos de transcripción o resúmenes de cualificación en el payload para que los reps abran registros CRM con contexto en lugar de adivinar qué quería el visitante. Prueba cada ruta con una conversación Hot forzada y una Cool forzada en vista previa para ver valores reales de campo, no placeholders.
El procesamiento alojado en la UE está disponible para equipos con preferencias de residencia de datos; trátalo como una opción de despliegue alineada a tu política, no como sustituto de limpiar PII de fuentes de conocimiento que nunca debiste cargar.
Errores habituales
Integrar antes del conocimiento es el fallo más común. Los equipos pegan el script, ven una primera respuesta débil y declaran inútil el chat. El widget estaba bien; la capa de retrieval no tenía nada fiable que decir. Corrige las fuentes y vuelve a probar. Los síntomas incluyen disculpas genéricas y captura de leads casi en cada mensaje.
Cargar contenido no aprobado crea un fallo más lento. Marketing sube un FAQ borrador con precios TBD, el asistente lo cita con seguridad y ventas hereda seguimientos enfadados. Asigna un propietario a cada tipo de fuente y fecha las revisiones. Si el contenido no es seguro para una respuesta pública, déjalo fuera hasta que lo sea.
Sobrecalificar demasiado pronto mata las tasas de completado. Pedir teléfono, tamaño de empresa y presupuesto antes de responder una pregunta básica de producto se siente como un formulario con piel de chat. Deja que el asistente responda primero las preguntas fundamentadas y luego escale campos cuando aparezcan señales de intención.
Desplegar la clave pública incorrecta o una versión antigua del contenedor GTM produce un lanzador en blanco o un widget ligado a otro workspace. Verifica siempre la clave en el código fuente tras publicar. Nombra las versiones de GTM para que el rollback sea obvio cuando alguien pegue una clave de prueba en producción.
Tratar Hot/Warm/Cool como etiquetas de vanidad desperdicia el enrutado. Si todo cae en una sola bandeja, los reps dejan de confiar en las puntuaciones. Alinea definiciones con ventas en quince minutos y cablea rutas o SLA distintos por banda. Programas piloto ilustrativos a veces mueven una parte significativa del inbound a reuniones reservadas cuando el enrutado sigue la intención, pero tu mezcla será distinta; mide tu propio embudo en lugar de esperar una garantía.
Lista de lanzamiento
Usa esta secuencia para un go-live controlado. Saltar un paso es cómo aparecen las sorpresas de producción un viernes por la tarde.
- Confirmar que las fuentes FAQ, texto y CSV están aprobadas, fechadas y a cargo de un compañero nombrado
- Ejecutar diez conversaciones de vista previa incluyendo dos desconocidas intencionadas; verificar citas en respuestas factuales
- Pegar el snippet de integración con la clave pública de producción en todas las plantillas o activadores GTM previstos
- Definir data-position y data-language si el layout o el locale del sitio lo requieren
- Hacer smoke test en vivo en incógnito: lanzador visible, tres preguntas reales respondidas o capturadas con limpieza
- Verificar entrega por Pipedrive, correo o webhook para al menos un lead Hot y uno Cool de prueba
- Informar a ventas sobre las definiciones Hot/Warm/Cool y dónde aparecen las transcripciones
- Programar una revisión a siete días para parchear huecos de conocimiento surgidos en conversaciones reales
Cuando la lista esté en verde, anuncia internamente antes de promocionar fuera. Los reps deben saber que el chat está en vivo, qué cuenta como Hot y dónde aterrizan los registros. Los visitantes tienen mejor experiencia cuando las personas detrás del CRM esperan que el asistente exista.
Si quieres un chatbot de IA fundamentado con base de conocimiento propia en tu sitio B2B sin un build a medida, empieza en engagelayer.io, carga lo que ya confías e integra el widget cuando las respuestas de vista previa suenen como algo que tu equipo enviaría a mano. Luego lee chatbots con base de conocimiento para B2B y cualificación conversacional de leads.