Custom title chat

The object chat allows you to customize the following:
Title of the support tab in the chat of the client.
Title of the picking tab in the chat of the client.
Parameter to add informative message in the support tab. Support opening hours

Parameter Lib	Parameter Web	Description
chat.supportTab.title	chatSupportTabTitle	Allows you to customize the title of the support tab in the customer chat.
chat.pickingTab.title	chatPickingTabTitle	Allows you to customize the title of the picking tab in the customer chat.
chat.supportTab.helpHtml	chatSupportTabHelpHtml	Allows you to customize the help text of the support tab in the chat.
chat.supportTab.helpStartTime	chatSupportTabHelpStartTime	Allows you to customize the start time from when the help text message will be displayed in the support chat.
chat.supportTab.helpEndTime	chatSupportTabHelpEndTime	Allows you to customize the end time up to when the help text message will be displayed in the support chat.

Tab Support

Code example

<!DOCTYPE html>
<head>
    <title>LSW v3 Embed</title>
</head>
<body>
    <div id="instaleap-lsw-v3"></div>
</body>

<script src="https://xandar-lsw-v3.instaleap.io/lib/chat.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        chat:{
        	supportTab: {
        		title: "title custom support"
        	}
      	}
    }
    window.instaleap.chat.render(params)
</script>
</html>

https://xandar-lsw-v3.instaleap.io/chat?job=myJob&token=myToken&chatSupportTabTitle=custom%20title%20support

Tab Picking

<!DOCTYPE html>
<head>
    <title>LSW v3 Embed</title>
</head>
<body>
    <div id="instaleap-lsw-v3"></div>
</body>

<script src="https://xandar-lsw-v3.instaleap.io/lib/chat.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        chat:{
        pickingTab: {
        title: "title custom picking"
        }
      }
    }
    window.instaleap.chat.render(params)
</script>
</html>

https://xandar-lsw-v3.instaleap.io/chat?job=myJob&token=myToken&chatPickingTabTitle=custom%20title%20picking

Text help in chat support tab

<!DOCTYPE html>
<head>
    <title>LSW v3 Embed</title>
</head>
<body>
    <div id="instaleap-lsw-v3"></div>
</body>

<script src="https://xandar-lsw-v3.instaleap.io/lib/chat.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        chat:{
        supportTab: {
	        helpHtml: "<div><img src='https://instaleap.io/wp-content/uploads/2022/10/Logos-Instaleap-04.png'alt='icon'></div><div><p>Hola, en este momento la tienda está cerrada. Nuestros horarios de atención son: <br>De lunes a viernes desde las <b>9:00 AM hasta las 7:00 PM</b> <br> Sabados y domingos desde las <b>9:00 AM hasta las 7:00 PM</b>  </p></div>",
	        helpStartTime: "16:00",
	        helpEndTime: "08:00",
        }
      }
    }
    window.instaleap.chat.render(params)
</script>
</html>

https://xandar-lsw-v3.instaleap.io/chat?job=myJob&token=myToken&chatSupportTabHelpHtml=myHtml&chatSupportTabHelpStartTime=10:00&chatSupportTabHelpEndTime=10:00

Tab Support

Code example

Tab Picking

Text help in chat support tab

You will see the following content