Adding a Custom Open Chat Button
Create a custom button that opens your WhisperBot when clicked, anywhere on your website.
Updated: 7 July 2026
In addition to the standard floating chat launcher, you can create a custom button that opens your WhisperBot when clicked. You choose the text and color, and Whisper generates a short snippet of HTML code you can paste anywhere on your website — for example as a call-to-action on a product page, in your FAQ section, or on a banner.
A great use case is your Contact page: placing an "Ask us" button there nudges visitors toward getting an instant answer from the AI first, instead of jumping straight to a contact form. This is especially useful for winning back visitors who have had bad experiences with other, less helpful chatbots in the past — a custom button gives them a low-friction way to give WhisperBot a try right where it matters.
Creating the Button#
Open bot settings
In the left menu, click WhisperBots and select your bot.
Open the Button to open chatbot section
In the bot settings navigation, you'll find the Button to open chatbot section — located between Placement and Training.
Enter the button text
Fill in the Button text field (defaults to "Ask us").
Choose a color
Choose the Button color using the color picker or by entering a hex code. It defaults to your chatbot's color, and the text color is automatically calculated to contrast with it.
Check the preview
The Preview shows how the button will look.
Copy the script
Click Copy script to copy the generated code to your clipboard.
Installing the Button#
- Shoptet: The script can be pasted on any page in Shoptet. Open the page in the Shoptet editor, click "Show source code", and paste the script there.
- Other platforms: Paste the script anywhere in the HTML of the pages where you want the button to appear. The chat widget's installation script must already be installed on that page — the button itself does not load the widget.
Important behavior to know#
- If you leave the Button text field empty, no script is generated and there's nothing to copy.
- Extra spaces at the start or end of the button text are trimmed automatically when the code is generated.
- The generated script is static: if you later change the text or color in the settings, the script already pasted on your website will not update automatically. You'll need to copy the new script and replace it on your site.
- You can paste the button in as many places on your website as you like — it's simply a piece of HTML you add yourself, not a single fixed placement.
- This button is an additional entry point to the chat — it does not replace the floating chat launcher.