How to Show Custom Info Messages in Web Forms and Ticket Creation Page of the Customer Portal

Integrating custom info messages in web forms

You can add your custom info messages in the webform using the custom JS option.

To do so, go to Admin > Web Forms > Advanced Customization > Custom JS and paste the following custom JS code.

Custom JS code

var messageDiv = document.createElement('div');

messageDiv.innerHTML = `<span>Ensure that you do not include any unnecessary personal or confidential information.</span>`;

var submitButton= document.querySelector('.widget-form-update-button');

submitButton.parentElement.insertBefore(messageDiv ,submitButton);

After customization

Integrating custom info messages in the customer portal’s ticket creation page

You can add your custom info messages on the customer portal’s ticket creation page using the custom JS option.

To do so, go to Admin > Customer Portal > Customization > Custom JS and paste the following custom JS code.

Custom JS code

var messageDiv = document.createElement('div');

messageDiv.innerHTML = `<span>Ensure that you do not include any unnecessary personal or confidential information.</span>`;

messageDiv.style.marginBottom = "5%";

var submitButton= document.querySelector('#create-ticket-submit-btn');

if(submitButton) {
  submitButton.parentElement.insertBefore(messageDiv ,submitButton);
}

Pasting the custom JS code

To learn where to paste the above custom JS code, refer to this article.

After customization

Related articles

1. How to Restrict Agents from Creating Tickets in Customer Portal
2. How to Add an External Website Link to the Customer Portal
3. Make Phone Number Field Mandatory in Web Form & Widget
4. How to Add Third Party Scripts to the Customer Portal?
5. How to Increase the Length of the Description Field in the Web Forms and Web Widgets
6. How to Modify the “Knowledge Base” Title Text in the Customer Portal