Category

How to Rename and Customize Contact Forms in Web Widgets

Updated:

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';
}
} 

WebWidget_CustomJS.png

Before customization

Before.png

After customization

After.png

Was this article useful?
Like
Dislike
Help us improve this page
Please provide feedback or comments
Comments (0)
Access denied
Access denied
Access denied
Access denied

No articles or sections found
No articles or sections found