<title>Chatlayer x Sinch</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
#chatlayer-iframe-wrapper {
#chatlayer-iframe-wrapper .chatlayer-iframe {
border: 1px solid #F0F0F0 !important;
box-shadow: 0px 20px 20px -15px rgba(20,20,20,0.1) !important;
iframe .chatBalloon-bot {
border-radius: 5px 5px 5px 0px!important;
.chatlayer-chatbox-wrapper {
iframe.chatlayer-iframe {
font-family: arial!important
iframe.chatlayer-iframe html * {
font-family: Helvetica !important;
function initChatlayer() {
var time = (new Date()).getTime();
var cl = chatlayer({ "autoOpen": "true", "lang":"en", wrapper: document.querySelector("#chatlayer-iframe-wrapper"), sessionId: `YOUR NAME-demo.glitch.me.${time}` })
<script src="Please enter the SDK link you’ve copied from the chat widget on the Chatlayer platform here " onload="chatlayer()" async></script>
<div id="chatlayer-wrapper">
<div id="chatlayer-iframe-wrapper">
<div style="display:flex;flex-direction:colum;justify-content: center;">