Saltar al contenido
Primeros pasos

Instala y personaliza el chat web en tu web

3 min de lectura

El chat web es el empleado IA que atiende en tu página — el mismo tipo de atención que hace Lucía en operarius.io. Se instala pegando un pequeño fragmento de código (un snippet) en tu web. No necesitas tocar el diseño de tu página: el widget vive en una burbuja aparte y no interfiere con tus estilos.

1 · Copia tu snippet desde el panel

En tu panel, ve a la sección de Integraciones / Widget de tu empleado de chat web. Ahí tienes el snippet exacto de tu cuenta, ya con tu identificador de agente. Cópialo tal cual.

El snippet tiene una forma parecida a esta (usa siempre el de tu panel, no este de ejemplo):

<!-- Widget de Operarius -->
<script
  src="https://panel.operarius.io/widget.js"
  data-agent-id="[TU_AGENT_ID]"
  data-color="#E8524A"
  async>
</script>

2 · Pégalo en tu web

Pega el snippet antes de la etiqueta </body> de tu página, para que cargue en todas las secciones.

  • WordPress: en el tema (footer.php) o con un plugin de "insertar código en el head/footer".
  • Shopify / Wix / Squarespace / Webflow: en la opción de "código personalizado" o "custom code" del footer.
  • Web a medida: antes de </body>, en la plantilla común.

Guarda, recarga tu web y verás la burbuja del chat abajo a la derecha.

3 · Personalízalo

Desde el panel puedes ajustar:

  • El color — por defecto el coral de Operarius (#E8524A); ponlo con el de tu marca.
  • Los avatares y el nombre del empleado IA que aparece.
  • Los textos — el saludo del chat, el mensaje de bienvenida, los textos de los botones.
  • Las preguntas destacadas — atajos a las dudas más habituales, para que el visitante empiece con un clic.

El widget también incluye una pestaña de Ayuda con tus artículos organizados en colecciones (como un centro de ayuda). De dónde salen esos artículos lo ves en Carga la información de tu negocio.

Cómo responde: por significado, no por palabras

Lo bueno del chat web es que entiende por significado. Si un visitante pregunta "¿me cobráis por adelantado?", encuentra la respuesta aunque tu texto dijera "facturación anticipada". Responde con la información de tu negocio que hayas cargado — al grano y en tu tono — y cuando alguien tiene interés, capta el contacto y lo deja como oportunidad en tu CRM.

Comprueba que funciona

  1. Abre tu web en el navegador y espera a que aparezca la burbuja.
  2. Escríbele una pregunta que ya tengas cargada → debería responderla.
  3. Haz una prueba de "quiero que me llame alguien" → debería recoger tu contacto.

Si el widget no aparece: suele ser porque el snippet quedó fuera de </body>, por la caché de tu web (vacíala y recarga) o por una política de seguridad de contenido (CSP) muy estricta en tu servidor. Si tras vaciar caché sigue sin verse, escríbenos con la URL de tu web y lo revisamos.

Nota honesta sobre el chat web

El chat web no identifica a un visitante entre visitas (la web es anónima; no hay un teléfono que lo reconozca como en las llamadas). Cada conversación empieza atendiendo bien, sin dar por hecho quién eres. Es lo esperable en un chat de web, y lo decimos claro.

Más en «Primeros pasos»

¿Listo para ponerlo a trabajar?

Prueba un empleado IA con una demo o cuéntanos tu caso. Sin compromiso.

¿Prefieres una lectura más de fondo? Pásate por el blog.

Operarius

Tu próximo empleado
ya está listo.

Voz, WhatsApp, Chat, CRM, automatizaciones y decisiones.
Todo conectado. Todo trabajando por ti.

Sistema operativo