Defining a word limit in the contact form

Add this code into code injection > footer

<script>
  document.addEventListener("DOMContentLoaded", function () {
    var messageField = document.querySelector('textarea[name="message"]');
    if (messageField) {
      messageField.addEventListener('input', function () {
        if (messageField.value.length > 400) {
          messageField.value = messageField.value.substring(0, 400); // Trims the message to 400 characters
        }
        // Optionally, display a warning if the message exceeds 400 characters
        var charCount = document.querySelector('#charCount');
        if (!charCount) {
          charCount = document.createElement('div');
          charCount.id = 'charCount';
          messageField.parentNode.appendChild(charCount);
        }
        charCount.innerText = `${messageField.value.length}/400 characters`;
      });
    }
  });
</script>

note: var messageField = document.querySelector('textarea[name="message"]'); in this line you may have to change the class name according to your targeted field.