You can toggle Webchat open/closed using a custom HTML element. This hides the default chat bubble that usually loads with Webchat.
You will need:
  • A website with an embedded bot using Webchat v3.3
  • Basic familiarity with HTML
This option isn’t available if you’re embedding Webchat in a specific element.
1

Get your Webchat element ID

First, get your Webchat element ID from the Dashboard:
  1. Select your bot from your Workspace.
  2. Go to the Webchat section, then scroll to Settings.
  3. Under Button style, select Custom element.
  4. Copy the contents of the Element ID field.
    You can also set a custom element ID in the field.
  5. Scroll to the bottom of the page, then select Save configuration.
2

Add the element to your website

Next, add an element to your website’s HTML. Set the id attribute to the ID you copied earlier:
<button id="bp-toggle-chat">Toggle chat</button>
Done! This element will now toggle the Webchat window.