Captivate Chat
Search
⌃K

Embed

You can view the embedded code by clicking the hub
Figure 1. Widget Code

Embedded code

<script src="https://widget.prod.captivat.io/captivate.min.js"></script>
<script>
Captivate.init({
apiKey: WIDGET_API_KEY,
});
Captivate.onConnect(() => {
console.log("Connection Status", Captivate.isConnected);
});
</script>

Webpage

Insert the web widget script before the </body>tag. be sure to change the WIDGET_API_KEY
<html>
<head>
<title>Sample Page</title>
</head>
<body>
<!-- content !-->
​
<!-- start of captivate widget --!>
<script src="https://widget.prod.captivat.io/captivate.min.js"></script>
<script>
Captivate.init({
apiKey: WIDGET_API_KEY,
});
Captivate.onConnect(() => {
console.log("Connection Status", Captivate.isConnected);
});
</script>
<!-- end of captivate widget --!>
</body>
</html>

WordPress

You can edit your theme and follow the web instruction or install plugins such as Insert Headers and Footers and paste the Embedded code to the footer. (Figure 1.0 / Video)

Shopify

WIP