Skip to content

Instantly share code, notes, and snippets.

@jittarao

jittarao/Embed Chat Into Any Webpage.html

Last active August 18, 2022 05:47
Show Gist options
  • Save jittarao/43c563077a5df1bc885a5dd7d5da1a66 to your computer and use it in GitHub Desktop.
Save jittarao/43c563077a5df1bc885a5dd7d5da1a66 to your computer and use it in GitHub Desktop.
Download ZIP
Create a HTML file and paste this code into it. Then embed the page into any other page via an iFrame
Raw
Embed Chat Into Any Webpage.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="https://getgist.com/wp-content/themes/convertfox/assets/favicon/favicon.ico">
<title>Gist Chat</title>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/url-polyfill@1.1.12/url-polyfill.min.js"></script>
<script type="text/javascript">
var workspace_id = new URL(window.location.href).searchParams.get("key");
document.addEventListener('gistChatReady', function () {
gist.chat("open");
});
</script>
<style type="text/css">
.gist-messenger-bubble-iframe {
display: none;
}
.gist-messenger-iframe {
width: 100% !important;
height: 100% !important;
max-height: initial !important;
right: 0 !important;
left: 0 !important;
bottom: 0 !important;
border-radius: 0 !important;
}
</style>
<!-- start Gist JS code-->
<script>
(function(d,h,w){var gist=w.gist=w.gist||[];gist.methods=['trackPageView','identify','track','setAppId'];gist.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);gist.push(e);return gist;}};for(var i=0;i<gist.methods.length;i++){var c=gist.methods[i];gist[c]=gist.factory(c)}s=d.createElement('script'),s.src="https://widget.getgist.com",s.async=!0,e=d.getElementsByTagName(h)[0],e.appendChild(s),s.addEventListener('load',function(e){},!1),gist.setAppId(workspace_id),gist.trackPageView()})(document,'head',window);
</script>
<!-- end Gist JS code-->
</head>
<body>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment