forked from microsoft/BotFramework-WebChat
-
Notifications
You must be signed in to change notification settings - Fork 1
/
embed.html
49 lines (47 loc) · 1.3 KB
/
embed.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<link
href="https://cdn.feedyou.ai/webchat/latest/botchat.css"
rel="stylesheet"
/>
<style>
body {
background-color: #000;
font-family: Helvetica, Arial;
padding: 30px;
}
#bot {
background-color: #fff;
width: 450px;
height: 700px;
max-height: 75%;
position: absolute;
margin: auto auto;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
</style>
</head>
<body>
<div id="bot"></div>
<script src="https://cdn.feedyou.ai/webchat/latest/botchat-es5.js"></script>
<script>
window.onload = function() {
BotChat.App(
{
// YOU WILL RECIEVE FOLLOWING ... VALUES FROM FEEDYOU
directLine: { secret: "..." }, // TRY THIS DURING TESTING: flYcEctmv88.cwA.PSk.iaausLq-Qu1ctHCDVtBStyXtukwWaKdmj9Tzp64J8Jo
bot: { id: "feedbot-...", name: "..." }, // TRY THESE DURING TESTING: { id: 'feedbot-demo-webchat', name: 'DEMO WebChat' }
theme: { mainColor: "#D83838" }
// SEE https://github.com/wearefeedyou/feedbot-webchat FOR MORE PARAMS
},
document.getElementById("bot")
);
};
</script>
</body>
</html>