| HTML |
|---|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Виджет</title>
<style>.twin-chat .twc-chat-full-wrapper {
width: 100%;
height: 100%;
bottom: 0;
right: 0;
z-index: 1000000;
}
.twin-chat .twc-chat-full-wrapper .twc-chat-full {
width: 100%;
height: 100%;
border-radius: 0;
}
/* .twin-chat .twc-button-type {
display: none;
} */</style>
</head>
<body>
<div id="my-chat-container"></div>
<button onclick="TwinClient.open(); return false;">Open Chat</button>
<a href='#' onclick="TwinClient.open(); return false;">Open Chat</a>
<script>(function () {
const script = document.createElement("script");
script.async = true;
script.src = "https://tcl.twin24.ai/widget/v3/manual.umd.min.js";
document.head.appendChild(script);
script.onload = () => {
TChat.init("#my-chat-container", {
chatId: "f7e81be0-767b-4445-a13a-cae28473843f"
}).then((client) => (window.TChatClient = client));
};
})();</script>
<style>.twin-chat .twc-chat-full-wrapper {
width: 100%;
height: 100%;
bottom: 0;
right: 0;
z-index: 1000000;
}
.twin-chat .twc-chat-full-wrapper .twc-chat-full {
width: 100%;
height: 100%;
border-radius: 0;
}
/* .twin-chat .twc-button-type {
display: none;
} */</style> </body>
</html> |
История страницы
Обзор
Инструменты контента