Guía de WebsiteChat: añade un chat de IA a tu sitio
WebsiteChat lee las páginas públicas de un sitio y responde las preguntas de los visitantes con ese contenido.
Los pasos son los mismos en la mayoría de CMS y constructores. Añades el sitio, rastreas las páginas publicadas, pruebas las respuestas y embebes un fragmento de widget.
Lo que cambia según la plataforma es solo dónde se instala ese fragmento.
Primeros pasos
Cómo añadir WebsiteChat a tu sitio
Si prefieres ver primero el flujo completo, mira el vídeo. La guía escrita explica después cada paso.
Resumen
01
Iniciar sesión en WebsiteChat
02
Añadir tu sitio
03
Rastrear el sitio
04
Revisar el contenido rastreado
05
Configurar el chatbot
06
Probar respuestas en la consola
07
Copiar el código del widget
08
Instalar el widget en el sitio
09
Verificarlo en el sitio público
Añadir sitio → Rastrear → Configurar → Probar → Instalar widget → Verificar
1. Iniciar sesión en WebsiteChat
Entra en la consola de WebsiteChat. Abre Website en la barra lateral. Elige un sitio existente o añade uno si es la primera instalación.
2. Añadir tu sitio
Introduce la URL pública de producción, la misma dirección que usan los visitantes. WebsiteChat empieza el rastreo desde esa URL.
No hay un paso de rastreador de WordPress, conector de Wix o API del CMS. WebsiteChat lee el sitio publicado.
3. Rastrear el sitio
Después de la URL, WebsiteChat descubre páginas públicas, extrae el texto útil y lo prepara para las respuestas. Un sitio pequeño puede terminar pronto. Un blog grande o una documentación tardan más.
WebsiteChat lee páginas web publicadas.
Los borradores del CMS, los datos del editor sin publicar, las pantallas de administración y el contenido privado no se indexan solo porque el sitio use una plataforma concreta.
4. Revisar el contenido rastreado
Cuando termina el rastreo, abre la lista de páginas en Website y comprueba:
- Páginas de servicio o producto por las que los visitantes preguntan de verdad
- Precios, si los publicas
- Contacto, acerca de y soporte cuando existan
- Que no dependes de URL antiguas
La calidad de la respuesta sigue al sitio de origen. Páginas contradictorias o desactualizadas producen respuestas así.
5. Configurar el chatbot
En Chatbot → Design, ajusta el widget al sitio. Los controles actuales:
- Nombre del chatbot
- Icono del lanzador
- Color del tema
- Color de la burbuja
- Mensaje de bienvenida
- Posición (abajo a la derecha o abajo a la izquierda)
6. Probar respuestas en la consola
Usa Chatbot → Test con preguntas que el sitio ya responde en lenguaje claro.
- ¿Cuál es el horario?
- ¿Dónde está la oficina?
- ¿Cuánto cuesta este servicio?
- ¿Qué hace este producto?
- ¿Cómo contactaros?
Empieza por preguntas factuales. Si una respuesta es incorrecta o está vacía, comprueba antes si la página se rastreó, si la respuesta está en el sitio y si el texto de origen está desactualizado o es ambiguo.
7. Copiar el código del widget
Abre Chatbot → Install. La inserción es un script corto. data-site es único por sitio: copia el valor de la consola, no el de este ejemplo.
<script src="https://websitechat.ai/widget.js" data-site="YOUR_SITE_KEY"></script>El código del widget es esencialmente el mismo si el sitio está en WordPress, Shopify, Wix, Studio u otra plataforma. Lo que cambia es dónde hay que añadir ese código.
8. Instalar el widget en el sitio
Coloca el fragmento donde lo cargue cada página pública. Cada constructor muestra ese lugar de otra forma.
9. Verificar el widget en el sitio público
Comprueba la URL pública, no solo la vista previa del editor.
- El lanzador se ve
- La ventana de chat se abre
- Aparece el mensaje de bienvenida si lo configuraste
- Una pregunta de prueba recibe respuesta
- Escritorio y móvil
- Sesión cerrada o de incógnito
La caché de página y la CDN pueden retrasar la primera aparición.
10. Cuando cambia el contenido del sitio
Si cambian precios, servicios, horarios, políticas o documentación, confirma que WebsiteChat sigue teniendo las páginas actuales.
En Website, usa Refresh website para volver a rastrear. Algunos planes también rastrean solos. Aquí no hay un intervalo público fijo que citar. Después, comprueba que las URL importantes siguen en la lista.
11. Problemas habituales
El widget no aparece
- El fragmento no se guardó
- Se añadió a un hueco de una sola página, no global
- El sitio no se publicó
- La caché o la CDN sirve un HTML antiguo
- Un ajuste de seguridad u optimización de scripts lo bloquea
La respuesta es incorrecta o incompleta
- La página relevante no se rastreó
- La respuesta no está en el sitio público
- La página de origen está desactualizada
- Dos páginas no coinciden
El widget solo aparece en algunas páginas
El fragmento probablemente está en una plantilla parcial. Muévelo a una ubicación de todo el sitio. Mira dónde instalar el widget.