Skip to main content
El widget expone una API global en window.ThaliqWidget que permite controlarlo programaticamente desde JavaScript.

​
Metodos disponibles

​
open()

Abre la ventana de chat. 
window.ThaliqWidget.open();

​
close()

Cierra la ventana de chat. 
window.ThaliqWidget.close();

​
toggle()

Alterna entre abierto y cerrado. 
window.ThaliqWidget.toggle();

​
send(text)

Envia un mensaje programaticamente. Util para iniciar conversaciones contextuales. 
window.ThaliqWidget.send('Necesito ayuda con mi pedido #12345');
Ejemplo: Boton contextual 
<button onclick="ThaliqWidget.send('Quiero saber mas sobre el Plan Growth')">
  Preguntar sobre Plan Growth
</button>

​
reset()

Reinicia la conversacion. Limpia los mensajes y crea un nuevo thread. 
window.ThaliqWidget.reset();

​
destroy()

Elimina el widget completamente del DOM. Util para SPAs cuando navegas a otra pagina. 
window.ThaliqWidget.destroy();

​
Ejemplo: Abrir el chat automaticamente

<script
  src="https://cdn.thaliq.com/widget.js"
  data-api-key="tq_live_xxx"
></script>

<script>
  // Abrir el chat 3 segundos despues de cargar la pagina
  setTimeout(() => {
    window.ThaliqWidget.open();
  }, 3000);
</script>

​
Ejemplo: Abrir con un boton custom

Usa data-show-launcher="false" para ocultar el boton flotante y controlar el chat con tu propio boton: 
<!-- Tu propio boton -->
<button id="help-btn" class="my-help-button">
  ¿Necesitas ayuda?
</button>

<script
  src="https://cdn.thaliq.com/widget.js"
  data-api-key="tq_live_xxx"
  data-show-launcher="false"
></script>

<script>
  document.getElementById('help-btn').addEventListener('click', () => {
    window.ThaliqWidget.open();
  });
</script>

​
Ejemplo: Mensaje contextual segun la pagina

<script>
  // Detectar la pagina actual y enviar mensaje contextual
  document.addEventListener('DOMContentLoaded', () => {
    const path = window.location.pathname;

    if (path.includes('/pricing')) {
      // En la pagina de pricing, pre-cargar pregunta
      window.ThaliqWidget.open();
      window.ThaliqWidget.send('Quiero mas informacion sobre los planes');
    }
  });
</script>