How to Rename and Customize Contact Forms in Web Widgets

You can rename the Contact Form to ‘Send a Ticket’ and update its description in the web widgets by adding the following custom JavaScript code.

To do this, go to Admin > Web Widgets & AI Agent > Advanced Customization > Custom JS.

Custom JS code

Find the custom JS codes provided below.

const aiContainers = document.querySelectorAll(".ai-wrapper-container");
if (aiContainers.length > 0) {
 const index = aiContainers.length - 1;
 const targetElement = aiContainers[index].querySelector(".description-container");
 if (targetElement) {
  targetElement.querySelector(".text").innerHTML ='Send a Ticket';
  targetElement.querySelector(".desc").innerHTML ='Submit your queries, and we will get back to you.';
  targetElement.style.overflowWrap = 'break-word';
}
} 

Before customization

After customization