use Chatbox in embeddable popup window

This commit is contained in:
Sharon Kennedy
2020-02-01 00:30:58 -05:00
parent 2e6151c048
commit ed68d08f9c
12 changed files with 564 additions and 167 deletions

View File

@@ -5,12 +5,10 @@
</head>
<body>
<p>Note: Widget rendered in bottom-right of this screen.</p>
<script src="./widget.js"></script>
<script>
EmbeddableWidget.mount({
bodyText: 'Body'
});
EmbeddableWidget.mount();
</script>
</body>
</html>

View File

@@ -1,20 +1,14 @@
<!DOCTYPE html>
<html>
<head>
<title>Embeddable Widget documentation</title>
<title>Embeddable Chatbox Demo</title>
</head>
<body>
<h1>Embeddable Widget documentation</h1>
<ul>
<li><a href="./blank.html">Widget on a blank page</a></li>
<li><a href="./widget.js">Latest version of the widget</a></li>
<li><a id="bookmarklet">Bookmarklet (Bookmark it for easy use)</a></li>
<li><a href="./bookmarklet.js">Bookmarklet Code</a></li>
<script>
var bookmarklet = "var s= document.createElement('script'); s.setAttribute('src', '"+window.location.href+"bookmarklet.js'); s.setAttribute('crossorigin', 'anonymous'); document.body.appendChild(s);"
bookmarklet = '(function(){'+ bookmarklet +'})();'
document.querySelector('a#bookmarklet').setAttribute("href", "javascript:" + encodeURIComponent(bookmarklet));
</script>
</ul>
<p style="font-family:sans-serif; padding: 3rem 5rem;">Look down!</p>
<script src="./widget.js"></script>
<script>
EmbeddableWidget.mount();
</script>
</body>
</html>