WebSiteChat.ai

Instala WebsiteChat en WordPress, Shopify, Studio, Wix y Jimdo

WebsiteChat no usa una integración de IA distinta para cada constructor de sitios. Incrustas el mismo fragmento del widget.

Las plataformas se diferencian en dónde va ese fragmento y en cómo publicas después.

lee la guía completa de configuración de WebsiteChat

Copia el código del widget de WebsiteChat

En la consola, abre Chatbot → Instalar y copia el fragmento. Esta página solo explica dónde pegarlo.

Widget de WebsiteChat (ejemplo)
<script src="https://websitechat.ai/widget.js" data-site="YOUR_SITE_KEY"></script>

Sustituye YOUR_SITE_KEY por el valor que se muestra para ese sitio. No reutilices una clave de otra instalación.

Cómo instalar WebsiteChat en WordPress

No hace falta un plugin propio de WebsiteChat. Instala el fragmento del widget con WP Headers and Footers y pégalo en Scripts in Header para que se imprima en el <head> de cada página pública.

  1. Abre la administración de WordPress e instala el plugin WP Headers and Footers si aún no está instalado
  2. Ve a Ajustes → WP Headers and Footers
  3. Pega el fragmento del widget de WebsiteChat en Scripts in Header
  4. Guarda los ajustes
  5. Borra la caché si hay un plugin de caché activo
  6. Comprueba el sitio publicado

No uses Scripts in Body para este fragmento. La nota de esa pantalla indica que los scripts de cabecera se imprimen en la sección <head>.

Si el widget no aparece después de guardar, confirma que el fragmento está completo y revisa la caché, la CDN y los plugins de seguridad u optimización de scripts.

Ajustes de WordPress → WP Headers and Footers, con el fragmento del widget de WebsiteChat en Scripts in Header
Ajustes de WordPress → WP Headers and Footers, con el fragmento del widget de WebsiteChat en Scripts in Header

Cómo instalar WebsiteChat en Shopify

Añade el fragmento en una ubicación del tema que se cargue en la tienda, no solo en una plantilla de producto.

  1. Abre la administración de Shopify
  2. Ve a Tienda online → Temas
  3. Abre el código del tema u otra zona global que compartan todas las páginas
  4. Pega el fragmento de WebsiteChat
  5. Guarda
  6. Comprueba la tienda publicada

Después de cambiar de tema, comprueba que el fragmento sigue presente. La vista previa del editor de temas no basta.

Editor de temas de la administración de Shopify con el fragmento del widget de WebsiteChat añadido a un diseño global
Editor de temas de la administración de Shopify con el fragmento del widget de WebsiteChat añadido a un diseño global

Cómo instalar WebsiteChat en Studio

WebsiteChat indexa el sitio de Studio publicado. El contenido del editor que no está publicado no se rastrea hasta que lo publiques.

  1. Abre el sitio de Studio
  2. Abre los ajustes del sitio
  3. Abre el código personalizado (todo el sitio)
  4. Pega el fragmento de WebsiteChat
  5. Publica
  6. Comprueba la URL pública

La disponibilidad del código personalizado puede depender del plan de Studio. Si falta el campo, revisa el plan y los ajustes del sitio en Studio antes de cambiar WebsiteChat.

Ajustes del sitio de Studio, campo de código personalizado con el fragmento del widget de WebsiteChat
Ajustes del sitio de Studio, campo de código personalizado con el fragmento del widget de WebsiteChat

Cómo instalar WebsiteChat en Wix

Usa el código personalizado en el panel de Wix y aplícalo a todas las páginas. Si gestionas varios sitios de Wix, confirma que estás editando el sitio publicado.

  1. Abre el panel de Wix
  2. Abre el código personalizado
  3. Añade código personalizado y pega el fragmento de WebsiteChat
  4. Establece el alcance en Todas las páginas
  5. Guarda y publica
  6. Comprueba escritorio y móvil en el sitio publicado

Un alcance de «páginas seleccionadas» ocultará el widget en el resto.

Ajustes de código personalizado de Wix con el fragmento del widget de WebsiteChat aplicado a todas las páginas
Ajustes de código personalizado de Wix con el fragmento del widget de WebsiteChat aplicado a todas las páginas

Cómo instalar WebsiteChat en Jimdo

Jimdo Creator admite HTML y JavaScript personalizados. Para una instalación de WebsiteChat en todo el sitio, usa Editar head.

  1. Abre Jimdo Creator
  2. Ve a Menú → Ajustes → Editar head
  3. Pega el fragmento del widget de WebsiteChat
  4. Guarda los cambios
  5. Comprueba el sitio público

Los productos de Jimdo usan editores y funciones distintas. Si tu sitio de Jimdo no ofrece Editar head ni otra forma de añadir JavaScript en todo el sitio, este método de instalación no está disponible para ese sitio.

Ajustes de HTML o head de Jimdo Creator con el fragmento del widget de WebsiteChat
Ajustes de HTML o head de Jimdo Creator con el fragmento del widget de WebsiteChat

Comprueba WebsiteChat después de la instalación

  • Página de inicio
  • Páginas interiores
  • Escritorio
  • Móvil
  • El widget se abre
  • Una pregunta de prueba recibe respuesta
  • Un navegador público, sin sesión

Para los resultados del rastreo y la calidad de las respuestas, usa la guía de configuración de WebsiteChat.

Cómo quitar WebsiteChat

Elimina el mismo fragmento del campo de código global de la plataforma. Guarda o publica, borra la caché si hace falta y confirma que el lanzador ha desaparecido en el sitio publicado.

Quitar el fragmento del front-end no borra el conocimiento rastreado en WebsiteChat. Desactiva o elimina el sitio en la consola si también necesitas eso.

Preguntas frecuentes

¿WordPress necesita un plugin de WebsiteChat?
No. Añade el fragmento del widget de WebsiteChat en una ubicación que se cargue en cada página pública.
¿Se puede usar el mismo código del widget de WebsiteChat en Wix y Studio?
Sí. El fragmento es el mismo. Cada constructor solo se diferencia en dónde lo pegas y cómo publicas.
¿El código del widget debe cargarse en cada página?
Normalmente sí, si quieres que los visitantes puedan abrir el chatbot desde cualquier parte del sitio. Una ubicación solo en una página lo ocultará en el resto.
¿Qué ocurre si cambio el tema o la plantilla del sitio?
Un fragmento guardado en el tema anterior puede desaparecer. Añádelo de nuevo en el tema nuevo o mantenlo en un campo de código de cabecera o pie que no esté ligado a un solo tema.
¿Qué debo comprobar si el widget no aparece?
Confirma que el fragmento se guardó, que se carga en todo el sitio, que el sitio está publicado, que la caché está borrada y que los scripts no están bloqueados. La guía de configuración trata por separado el rastreo y las respuestas.