super-embed:<iframe
src="https://app.wonderchat.io/chatbot/clfatbb9u0009n1xwid6e3fcr"
  style="border-width: 0px;"
  width="100%"
  height="550"
></iframe>

super-embed:<style>
.page-chatbox {
width: 100%;
min-height: 500px;
}
</style>

and here is embedded code for page chatbox
<iframe
src="https://mqlsandbox.com/"
class="page-chatbox"
frameborder="0"
></iframe>


<!-- embedded code start-->
<style>
.sd-chatbutton {
width: 40px;
height: 40px;
background-color: white;
border-radius: 50%;
box-shadow: 0px 0px 5px 0px black;
bottom: 40px;
right: 40px;
position: fixed;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
}

.sd-chatbox {
position: fixed;
width: calc(100% - 50px);
max-width: 500px;
height: 60vh;
max-height: 600px;
/* bottom: calc(100% + 10px); */
bottom: 90px;
right: 25px;
border-radius: 15px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
z-index: 9999;
}

.sd-chatbox::after {
right: 25px;
top: calc(100% - 1px);
border: solid transparent;
--tw-bg-opacity: 1;
border-top-color: rgb(255 255 255 / var(--tw-bg-opacity));
content: ' ';
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-width: 10px;
margin-left: -10px;
}

@media (prefers-color-scheme: dark) {
.sd-chatbox::after {
--tw-bg-opacity: 1;
border-top-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.sd-chatbox {
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
}

.sd-chatbox iframe {
width: 100%;
height: 100%;
border-radius: 15px;
border: none;
box-shadow: 0px 0px 16px 1px #00000036;
}

.sd-hidden {
display: none;
}

.sd-chat-icon {
width: 20px;
height: 20px;
}
</style>
<script>
window.addEventListener('load', (event) => {
let chat = document.createElement('div');
let chatbutton = document.createElement('div');
chatbutton.innerHTML = `
<svg height="20px" width="20px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 58 58" xml:space="preserve">
<g>
<path style="fill:#546A79;" d="M29,1.5c-16.016,0-29,11.641-29,26c0,5.292,1.768,10.211,4.796,14.318
C4.398,46.563,3.254,53.246,0,56.5c0,0,9.943-1.395,16.677-5.462c0.007,0.003,0.015,0.006,0.022,0.009
c2.764-1.801,5.532-3.656,6.105-4.126c0.3-0.421,0.879-0.548,1.33-0.277c0.296,0.178,0.483,0.503,0.489,0.848
c0.01,0.622-0.005,0.784-5.585,4.421C22.146,52.933,25.498,53.5,29,53.5c16.016,0,29-11.641,29-26S45.016,1.5,29,1.5z"/>
<circle style="fill:#FFFFFF;" cx="15" cy="27.5" r="3"/>
<circle style="fill:#FFFFFF;" cx="29" cy="27.5" r="3"/>
<circle style="fill:#FFFFFF;" cx="43" cy="27.5" r="3"/>
</g>
</svg>
`;

chatbutton.className = 'sd-chatbutton';
chat.append(chatbutton);
let chatbox = document.createElement('div');
chatbox.className = 'sd-chatbox sd-hidden';
let iframe = document.createElement('iframe');
iframe.src = 'http://144.126.234.34:3000/';
chatbox.appendChild(iframe);
chat.appendChild(chatbox);
chatbutton.addEventListener('click', function () {
if (chatbox.classList.contains('sd-hidden')) {
chatbox.style.bottom =
window.innerHeight - chatbutton.offsetTop + 10;
chatbox.classList.remove('sd-hidden');
} else chatbox.classList.add('sd-hidden');
});

let body = document.getElementsByTagName('body');
body[0].appendChild(chat);
});
</script>
<!-- embedded code end -->

super-embed:<iframe src="https://mqlsandbox.com//"></iframe>