IdiomaENES
GuidesSep 17, 2026 · 7 min de lectura

Cómo agregar un chatbot con IA a tu sitio web

Instalarlo lleva una línea de código. Cuatro decisiones previas (superficie, páginas, fuentes y dominios) deciden si alguien lo usa.

Hernan MoyaCo-Founder
The one script tag that installs the widget, pasted before the closing body tag
The one script tag that installs the widget, pasted before the closing body tag

Agregar un chatbot con IA a un sitio web lleva una línea de código y alrededor de un minuto. Esa no es la parte que sale mal.

Lo que decide si alguien lo usa son cuatro elecciones que haces antes de pegar nada: qué forma toma en la página, en qué páginas vive, desde qué responde y dónde tiene permitido correr.

La parte que lleva un minuto

Copia la etiqueta desde la pestaña Install del widget y pégala justo antes del cierre del body.

Antes de </body>
<script src="https://cdn.welcomeai.dev/widget.js" data-widget="wg_xxxxxxxxxxxx" async></script>

No hace falta nada más. El script carga de forma asíncrona, así que no frena el resto de tu página, y el widget se detecta solo la primera vez que responde en una visita real.

welcomeai.devWidgets e instalación: la etiqueta, las superficies y los dominios permitidos

Decisión 1: qué forma toma

"Chatbot" hace pensar en una burbuja en la esquina. Esa es una de seis superficies, y muchas veces no es la correcta. Elige según dónde aparece en la página y cómo se abre, no según cómo se llama.

InteractiveSeis formas en que la misma base de conocimiento aparece en una página

El chat flotante y el chat en línea están en todos los planes; las otras cuatro superficies requieren Pro. Spotlight y el campo en línea responden una pregunta por vez, y por eso son las dos que no sostienen un formulario de leads a lo largo de varios mensajes.

Decisión 2: en qué páginas vive

El mismo script puede correr en todo el sitio, pero la superficie correcta cambia según el trabajo que hace cada página.

Página
Superficie que encaja
Por qué
Inicio y páginas de marketing
Chat flotante
La mayoría navega; una burbuja cerrada no estorba
Centro de ayuda o FAQ
Chat en línea o Spotlight
El visitante vino a preguntar, así que la caja ya debería estar ahí
Documentación
Asistente de docs
Las respuestas se abren al lado de la página y las citas llevan a la sección
Precios y producto
Chat flotante
Las preguntas llegan tarde, justo antes de decidir
Ningún lugar donde insertarlo
Página completa
Una página alojada en tu propia dirección

Decisión 3: desde qué responde

El widget es solo la ventana. Lo que dice sale de la base de conocimiento que tiene detrás: las páginas, los documentos y los pares de pregunta y respuesta que le des.

Cuando nada en ese material cubre una pregunta, lo dice en lugar de improvisar. Ese rechazo es una ventaja, y además es tu lista de pendientes: cada pregunta que no pudo responder es una página que alguien todavía no escribió.

welcomeai.devCómo construir una base de conocimiento con IA para tu empresa

Decisión 4: dónde tiene permitido correr

Agrega todos los dominios, también el de pruebas

Un widget solo responde en los dominios que listes. Agrega cada host donde va a correr: el sitio en producción y cualquier dirección de pruebas o de vista previa. *.example.com cubre los subdominios. Una solicitud desde cualquier otro lugar se rechaza, y eso es lo que impide que alguien copie tu etiqueta en su propio sitio.

Si tu sitio está hecho en una plataforma

No hace falta tocar plantillas. WordPress y Shopify tienen su propia forma de instalarlo, Webflow mantiene sincronizado el contenido de tu sitio, y las apps en React usan un componente en lugar de la etiqueta.

welcomeai.devIntegraciones: WordPress, Webflow, Shopify, React y adónde pueden ir los leads

Cómo sabes que ya está funcionando

Alrededor de cinco minutos te llevan de un workspace vacío a un asistente respondiendo en tu sitio, si empiezas con contenido que ya tienes. La lista de configuración no marca el paso de instalación cuando pegas la etiqueta: espera la primera respuesta real del widget en una página publicada. Es el único paso que prueba que funciona donde están tus visitantes.

welcomeai.devRecorrido del producto: un minuto desde la carga hasta la respuesta

Preguntas frecuentes

Pega la etiqueta al final. Elige la superficie según la página, dale algo que valga la pena responder, lista los dominios, y el minuto de instalación va a ser la parte fácil que siempre debió ser.

Etiquetadowidgetinstallationgetting-startedsurfacesintegrations
Escrito porHernan Moya

Sigue leyendo