Initiating a SalesIQ Zobot from a custom button on Zoho Sites

Initiating a SalesIQ Zobot from a custom button on Zoho Sites

I have created a Zobot set to initiate on a custom action called "Fast_Answers".  On Zoho Sites, I created a code snippet button and set it to on-click run the event called "Fast_Answers".  I installed the SalesIQ integration code into the Zoho Sites Page Header, and added the following JavaScript to run the custom function, but nothing happens when I click the button on Zoho Sites.   This is my first time trying to do this.   What am I missing or doing wrong??

<style>
  #chatButton {
    background-color: #FF6A00; /* Custom orange color */
    color: white;
    font-size: 14px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    width: 170px;
    text-align: center;
    display: block;
    margin: 0 auto;
  }

  #chatButton:hover {
    background-color: #E04E2A; /* Darker shade for hover effect */
  }
</style>

<button id="chatButton">Chat</button>

<script>
  // Define the custom function Fast_Answers
  function Fast_Answers() {
    alert("Fast_Answers function has been initiated!");

  }

  // Ensure the DOM is fully loaded before attaching the event listener
  document.addEventListener("DOMContentLoaded", function() {
    // Get the button element by its ID and add an event listener
    const chatButton = document.getElementById("chatButton");
    if (chatButton) {
      chatButton.addEventListener("click", Fast_Answers);
    }
  });
</script>