ut-port-skype
Properties
Use the screenshots below to define the following properties:
Skype
- Bot properties
-
appId- useMicrosoft App Id, highlighted in the screenshot below -
secret- create a client secret fromcertificate & secrets(click onManagenext toMicrosoft App Id)
-
- Context properties
-
clientId- set toskype/<Bot handle>, where<Bot handle>is the value highlighted in the screenshot -
accessToken- same value as insecretparameter -
name- useDisplay name (skype), whereDisplay nameis the string highlighted in the screenshot
-
Webchat
- Bot properties - Use the same parameters as for skype
- Context properties
-
clientId- usewebchat/<Bot handle>, where<Bot handle>is the value highlighted in the first screenshot above -
accessToken- the first one of the secret keys pair (see the screenshots below) -
name- useDisplay name (webchat), whereDisplay nameis the string highlighted in the first screenshot above
-
Embedding the Web Chat
There are 3 approaches of embedding the Web Chat in an external page:
-
Put an iframe directly and place the Web Chat url as a source.
Where the correct parameters should be set:
-
{hostname}- implementation hostname -
{appId}- as described in the skype section -
{clientId}- as described in the webchat section
<html> <head></head> <body> <iframe src="https://{hostname}/webchat/{appId}/{clientId}"></iframe> </body> </html>
-
-
Use UT webchat script. Again set the correct
hostname,appIdandclientIdas described for the first approach<html> <head> <script src="https://{hostname}/webchat/{appId}/{clientId}/webchat.js"></script> </head> <body> ... </body> </html>
-
The third approach is mainly suitable for quick testing against an existing site. Simply create a bookmark and paste the following as URL. Again set the correct
hostname,appIdandclientIdas described for the first approachjavascript:void((function(){var s = document.createElement('script'); s.setAttribute('src', 'https://{hostname}/webchat/{appId}/{clientId}/webchat.js'); document.body.appendChild(s);})())