Touch Touch web chat SDK

Add Touch web chat to your website in two easy steps:

Step 1:

Copy the below <link> tag and paste it before the </head> tag:

<link rel= “stylesheet” type= “text/css” href= “ {path to widget bundle styles file} “ >

Step 2:

Copy the below <script> tag and paste it before the </body> tag:

<script type= “text/javascript” src= “ {path to widget bundle script file} “ ></script>

Here is an example:

<script type=”text/javascript” src=”widget-files/bundle.js”></script>

Add the below container for the Touch web chat widget within the <body> tags, before the <script> tag:

<div id= “ctl-touch-widget” data-tenantid= “ {your tenantid} “ data-meta-useragent= “webchat” data-meta-email= “” data-meta-username= “” data-meta-firstName= “” data-meta-lastName= “”></div>

Here is an example of an integration:

<!DOCTYPE html>
<html lang=”en”>
<head>
<title>Chat Example</title>
<link rel=”stylesheet” type=”text/css” href=”widget-files/styles.css”>
</head>
<body>
<div id=”ctl-touch-widget” data-tenantid=”IDIDIDIDIDIDID” data-meta-useragent=”webchat” data-meta-email=”” data-meta-username=”” data-meta-firstName=”” data-meta-lastName=””>
<script type=”text/javascript” src=”widget-files/bundle.js”></script>
</body>
</html>

Attributes and their meaning:

data-tenantid - should contain the ID of your tenant from database (company) (*required field )
data-meta-email - email of user, will be used by widget as information about user (not required)
data-meta-username - username, will be used by widget as information about user (not required)
data-meta-firstName - first name, will be used by widget as information about user (not required)
data-meta-lastName - last name, will be used by widget as information about user (not required)