Guides

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.
Title of the driver tab in the chat of the client.

ParameterDescription
chat.supportTab.titleAllows you to customize the title of the support tab in the customer chat.
chat.supportTab.helpHtmlAllows you to customize the help text of the support tab in the chat.
chat.supportTab.helpStartTimeAllows you to customize the start time from when the help text message will be displayed in the support chat.
chat.supportTab.helpEndTimeAllows you to customize the end time up to when the help text message will be displayed in the support chat.
chat.pickingTab.titleAllows you to customize the title of the picking tab in the customer chat.
chat.driverTab.titleAllows you to customize the title of the driver tab in the customer 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/lsw.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        chat:{
        supportTab: {
        title: "title custom support"
        }
      }
    }
    window.instaleap.lsw.render(params)
</script>
</html>

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/lsw.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        chat:{
        pickingTab: {
        title: "title custom picking"
        }
      }
    }
    window.instaleap.lsw.render(params)
</script>
</html>

`

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/lsw.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        chat:{
        supportTab: {
	        helpHtml: "<div><imgsrc='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</b> <br>PM Sábados y domingos desde las <b>9:00 AM hasta las 7:00 PM</b>  </p></div>",
	        helpStartTime: "16:00",
	        helpEndTime: "08:00",
        }
      }
    }
    window.instaleap.lsw.render(params)
</script>
</html>

You will see the following content

Tab Driver

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/lsw.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        chat:{
        driverTab: {
        title: "title custom driver"
        }
      }
    }
    window.instaleap.lsw.render(params)
</script>
</html>
``
### You will see the following content



[block:embed]
{
  "html": false,
  "url": "https://vormir-lsw-v3.instaleap.io/?job=0c229b9e-9080-470c-aa47-35d6657c246c&token=NwhmQdiQF3eXcH8LeyGz228ZeQaFxwNpE4OKWXyD&chatDriverTabTitle=custom%20title%20driver&language=en&chatSupportTabHelpHtml=%3Cdiv%3E%3Cimgsrc=%27https://instaleap.io/wp-content/uploads/2022/10/Logos-Instaleap-04.png%27alt=%27icon%27%3E%3C/div%3E%3Cdiv%3E%3Cp%3EHola,%20en%20este%20momento%20la%20tienda%20est%C3%A1%20cerrada.%20Nuestros%20horarios%20de%20atenci%C3%B3n%20son:%20%3Cbr%3EDe%20lunes%20a%20viernes%20desde%20las%20%3Cb%3E9:00%20AM%20hasta%20las%207:00%3C/b%3E%20%3Cbr%3EPM%20S%C3%A1bados%20y%20domingos%20desde%20las%20%3Cb%3E9:00%20AM%20hasta%20las%207:00%20PM%3C/b%3E%20%20%3C/p%3E%3C/div%3E&chatSupportTabHelpStartTime=10:00&chatSupportTabHelpEndTime=10:00%22",
  "title": "Instaleap Live Status Widget V3",
  "favicon": "https://s3.amazonaws.com/instaleap/favicon.png",
  "provider": "vormir-lsw-v3.instaleap.io",
  "href": "https://vormir-lsw-v3.instaleap.io/?job=0c229b9e-9080-470c-aa47-35d6657c246c&token=NwhmQdiQF3eXcH8LeyGz228ZeQaFxwNpE4OKWXyD&chatDriverTabTitle=custom%20title%20driver&language=en&chatSupportTabHelpHtml=%3Cdiv%3E%3Cimgsrc=%27https://instaleap.io/wp-content/uploads/2022/10/Logos-Instaleap-04.png%27alt=%27icon%27%3E%3C/div%3E%3Cdiv%3E%3Cp%3EHola,%20en%20este%20momento%20la%20tienda%20est%C3%A1%20cerrada.%20Nuestros%20horarios%20de%20atenci%C3%B3n%20son:%20%3Cbr%3EDe%20lunes%20a%20viernes%20desde%20las%20%3Cb%3E9:00%20AM%20hasta%20las%207:00%3C/b%3E%20%3Cbr%3EPM%20S%C3%A1bados%20y%20domingos%20desde%20las%20%3Cb%3E9:00%20AM%20hasta%20las%207:00%20PM%3C/b%3E%20%20%3C/p%3E%3C/div%3E&chatSupportTabHelpStartTime=10:00&chatSupportTabHelpEndTime=10:00%22",
  "typeOfEmbed": "iframe",
  "height": "1000px",
  "width": "110%",
  "iframe": true
}
[/block]