Skip to main content

How to Install the BrokerBot Chat Widget on Your Website

The BrokerBot Chat Widget lets you offer instant, AI-powered chat support directly on your website.

Kyle Berglund avatar
Written by Kyle Berglund
Updated over 2 months ago

Follow these steps to add the widget and start engaging with your visitors in real time with Brokerbot

Prerequisites

  • Access to the website’s HTML or admin panel.

  • Your unique BrokerBot widget install code (provided by BrokerBot).


Step-by-Step Installation

1. Locate Your Widget Install Code

  • Log in to your BrokerBot owner dashboard.

  • Go to Settings > Chat Widget.

  • Scroll down and copy the code in Installation Code.
    It will look something like (EXAMPLE):

    html

    <script   data-assistant-id="266a0172-b53c-4793-9533-04d87efaa36"   src="https://cdn.brokerbot.ai/widget.js"> </script>

**DO NOT COPY THIS CODE**

2. Add the Widget Code to Your Website

  • Open your website editor or find the HTML source for your site.

  • Paste the widget code just before the closing </body> tag on every page where you want the chat to appear.

  • Save and publish your updates.

3. Confirm Installation

  • Visit your website as a visitor.

  • The BrokerBot chat icon should appear in the corner of your site.

  • Click the icon to ensure the chat window opens.


Customization Options (Optional)

  • In the BrokerBot owner dashboard, explore Basic Settings and Color Customization to adjust:

    • Colors and branding

    • Automated greetings

    • Access level to Brokerbot


Preview Chat Widget

  • You can interact with the preview—simply type in a prompt and experience the chat flow as your visitors would.

  • Any changes you make to widget settings (colors, branding, greeting message, etc.) are instantly reflected in the preview.

  • Use the preview to ensure the design and chat experience match your preferences before installing the widget on your site.


Troubleshooting

  • Widget Not Showing?

    • Double-check that you pasted the code before </body>.

    • Make sure your browser is not blocking scripts.


FAQ

Q: Can I install the widget on multiple sites?
A: Yes, use the same code on as many domains as your plan allows.

Q: Can I control which pages the chat appears on?
A: Simply add (or omit) the code snippet to specific pages as you like.


Support

If you need further assistance, contact the BrokerBot support team at [email protected].

Did this answer your question?