So können Sie den chatbot als Vollbild in Ihre website einbinden:
Tragen Sie folgenden code im body-tag der html Datei ein.
Verwenden Sie dabei die Chat-ID, die Sie von uns erhalten haben.
<antex-fullchatbot></antex-fullchatbot>
<script type="module">
import Chatbot from "https://antex.chat/js/web.js"
Chatbot.initFull({
chatflowid: "<Chat-ID>",
apiHost: "http://proxy01.antex.chat",
})
</script>
oder mit Spezifikation des layout:
<antex-fullchatbot></antex-fullchatbot>
<script type="module">
import Chatbot from "https://antex.chat/js/web.js"
Chatbot.initFull({
chatflowid: "<Chat-ID>",
apiHost: "http://proxy01.antex.chat",
theme: {
chatWindow: {
welcomeMessage: "Hallo! Willkommen im antex-chat",
backgroundColor: "#ffffff",
height: 700,
width: 400,
fontSize: 16,
poweredByTextColor: "#303235",
botMessage: {
backgroundColor: "#f7f8ff",
textColor: "#303235",
showAvatar: true,
avatarSrc: "https://raw.githubusercontent.com/zahidkhawaja/langchain-chat-nextjs/main/public/parroticon.png",
},
userMessage: {
backgroundColor: "#3B81F6",
textColor: "#ffffff",
showAvatar: true,
avatarSrc: "https://raw.githubusercontent.com/zahidkhawaja/langchain-chat-nextjs/main/public/usericon.png",
},
textInput: {
placeholder: "Wie kann ich Ihnen helfen?",
backgroundColor: "#ffffff",
textColor: "#303235",
sendButtonColor: "#3B81F6",
}
}
}
})
</script>