Embed
You can view the embedded code by clicking the hub

Figure 1. Widget 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>
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>
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)
WIP
Last modified 7mo ago