Netwatch
Use Directly in your HTML
Bubble
Below is the example for how a bubble would be added to your netwatch instance:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Netwatch</title>
</head>
<body>
<script type="module">
import NetwatchBot from "https://cdn.jsdelivr.net/npm/netwatch-chat-js@0.0.1/lib/web.js";
NetwatchBot.initBubble({
apiHost: 'https://netwatch-api.host.com/api/chat',
autoShowDelay: undefined,
brandColor: undefined,
isPreview: undefined,
netwatchBot: undefined,
onAnswer: undefined,
onClose: undefined,
onEnd: undefined,
onInit: undefined,
onNewInputBlock: undefined,
onOpen: undefined,
onPreviewMessageClick: undefined,
prefilledVariables: undefined,
previewMessage: undefined,
resultId: undefined,
theme: {
button: {
backgroundColor: undefined,
customCloseIconSrc: undefined,
customIconSrc: undefined,
iconColor: undefined,
size: undefined,
},
chatWindow: {
backgroundColor: undefined,
maxHeight: undefined,
maxWidth: undefined,
},
placement: undefined,
previewMessage: {
backgroundColor: undefined,
closeButtonBackgroundColor: undefined,
closeButtonIconColor: undefined,
textColor: undefined,
},
},
});
</script>
</body>
</html>This code is creating a bubble button at the bottom of your page.