blsmedia/bot
2
0
Fork 0
Code Activity

build: 🏗️ Import typebot-js source

Browse Source
This commit is contained in:
Baptiste Arnaud
2022-03-10 17:47:59 +01:00
parent 31298e39c1
commit d134a265cd
34 changed files with 3321 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
packages/typebot-js/examples/chatEmbedExample.html Normal file
View File

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html>
<head>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
/>
<title>TITLE</title>
<style type="text/css">
body {
margin: 0;
}
</style>
<script src="../dist/index.umd.min.js"></script>
</head>
<body>
<script>
const { open } = Typebot.initBubble({
publishId: "feedback-form",
button: {
color: "green",
iconUrl: "https://image.flaticon.com/icons/png/512/5138/5138352.png",
},
proactiveMessage: {
avatarUrl:
"https://images.unsplash.com/photo-1534528741775-53994a69daeb?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1000&q=80",
textContent: "Hey what's up?",
delay: 1000,
rememberClose: true,
},
});
</script>
<div style="width: 100%; height: 300vh; background-color: aquamarine">
<button onclick="(()=>{open()})()" style="width: 200px; height: 60px">
OPEN CHAT
</button>
</div>
</body>
</html>

39
packages/typebot-js/examples/containerEmbedExample.html Normal file
View File

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html style="overflow-y: scroll">
<head>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
/>
<title>TITLE</title>
<style type="text/css">
html {
margin: 0;
height: 100%;
overflow: hidden;
}
body {
margin: 0;
}
</style>
</head>
<body>
<div style="width: 100%; height: 300vh; background-color: aquamarine">
<div id="typebot-container" style="width: 1000px; height: 600px"></div>
<div id="typebot-container-2" style="width: 1000px; height: 600px"></div>
</div>
<div id="typebot-container-3" style="width: 1000px; height: 600px"></div>
<script src="../dist/index.umd.min.js"></script>
<script>
Typebot.initContainer("typebot-container", { publishId: "jamhouse" });
Typebot.initContainer("typebot-container-2", {
publishId: "lead-generation",
});
Typebot.initContainer("typebot-container-3", {
publishId: "feedback-form",
loadWhenVisible: false,
});
</script>
</body>
</html>

27
packages/typebot-js/examples/popupEmbedExample.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
/>
<title>TITLE</title>
<style type="text/css">
body {
margin: 0;
}
</style>
</head>
<body>
<script src="../dist/index.umd.min.js"></script>
<script>
const { open } = Typebot.initPopup({
publishId: "feedback-form",
delay: 1000,
});
</script>
<div style="width: 100%; height: 300vh; background-color: aquamarine">
<button onclick="(()=>{open()})()">CLICK</button>
</div>
</body>
</html>