How to Customize Your Chatbot Widget Look and Feel

You can fully customize the appearance and messaging of your AI Chatbot ("Pro Agent") to seamlessly match your golf course's website branding. All visual configurations can be adjusted instantly without needing any coding.

Step-by-Step: Accessing Chatbot Customization

1. Open your dashboard and navigate to Settings.

2. Go to the AI & Automation section and click on Chatbot Settings.

   

Customizable Features

Once inside the Chatbot Settings, you can tailor the following areas to fit your brand identity:

1. Content & Branding

• Chatbot Title: The main display name shown at the top of the chat window (e.g., "[Your Course Name] Pro Agent").

• Welcome Message: The initial greeting text the AI displays when a golfer opens the chat window.

• Widget Button Style: Choose whether the floating launcher button on your website displays an Icon or a specific Text label (e.g., "Book a Tee Time").

  

2. Widget Launcher Colors

Customize the small button that sits on the corner of your website:

• Background Color: The primary color of the button.

• Text Color: The color of the font or icon inside the button.

• Hover Color: The color the button changes to when a user hovers their mouse over it.

  

3. Chat Interface Colors

Fine-tune the main chat window where the conversation takes place:

• Header: Customize both the Header Background and Header Text Color.

• Send Button: Change the Send Button Background and Send Button Text Color.

• Send Button Style: Choose between a clean Send Icon (like an arrow) or a written Text Button (e.g., "Send").

  

4. Layout & Placement

• Widget Position: Choose exactly where the chat widget sits on your website interface (typically the bottom-right or bottom-left corner) to ensure it doesn't block important web content.

  

💾 Don't forget to save! Once you are happy with your color selections and layout preferences, click Save Changes to push the updates live to your website instantly.