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>