product icon

How to Customize the Custom Fields of the Instant Chat-enabled Channel Form

    Articles related to customization are written for a technical audience who have experience in web development. Knowledge of HTML, CSS, and JavaScript are required.

    The channel form offers five custom fields that your customers can fill in. To hide a custom field, mark it in the HTML code as comment as described below:

    1. In the Administration Center, go to the Channels tab.

      Result:

    2. Copy the sample code from the Custom Live Support Forms with self-hosted Instant Chat text box.

      Result:

    3. To hide a custom field, mark it in the HTML code as comment:

      Result: 

      <!-- <tr><td>Custom Field 5: </td><td><input type="text" name="comment5" maxlength= "64" /></td></tr> -->

    4. Paste the modified code sample into the HTML code of your website.

      Result:

    Results:
    Note: If you want to rename the field, overwrite Custom Field X with the new label.
    Article last updated: 27 September, 2022