product icon

How to Customize the Button Caption 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.

Customers must click on a button to establish a connection to a technician. To change the label of this button, do the following:

  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. Modify the value parameter in the following line:

    Result: 

    <input type="button" value="Channel 01" onclick="document.getElementById('ICContainer') .style.display=''; loadInstantChat();" />

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

    Result:

Article last updated: 27 September, 2022