Skip to main content
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:
  1. Select your bot from your Workspace.
  2. Go to Webchat > Deploy Settings.
  3. Under Chat Launcher, select Custom element.
  4. Copy the contents of the Element Selector field.
    You can also set a custom element ID in the field.
  5. Select Publish Changes.
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.
Last modified on December 9, 2025