Přeskočit na obsah
ChatbotIQ

Jak ovládat widget pomocí JavaScriptu

Widget ChatbotIQ nabízí JavaScript API (window.chatbotiq), kterým ho můžete ovládat programově. Příkazy fungují i dřív, než se widget stihne načíst: automaticky se zařadí do fronty.

Úplný přehled metod najdete v JavaScript Widget API.

Otevření z vlastního tlačítka

Sekce “Otevření z vlastního tlačítka”
<button onclick="window.chatbotiq('open')">
  Need help? Chat with us
</button>

Automatické otevření na konkrétní stránce

Sekce “Automatické otevření na konkrétní stránce”
if (window.location.pathname === '/pricing') {
  window.chatbotiq('open');
}

Přepínání klávesovou zkratkou

Sekce “Přepínání klávesovou zkratkou”
document.addEventListener('keydown', function(e) {
  if (e.ctrlKey && e.shiftKey && e.key === 'H') {
    window.chatbotiq('toggle');
  }
});

Použití v React / SPA

Sekce “Použití v React / SPA”
function HelpButton() {
  const openChat = () => {
    if (window.chatbotiq) {
      window.chatbotiq('open');
    }
  };


  return <button onClick={openChat}>Get Help</button>;
}

Widget běží v Shadow DOM, takže nezasahuje do stylů ani do správy stavu vaší aplikace.

Související

Sekce “Související”