如果您的瀏覽器視窗夠寬，您將在下方看到兩個聊天視窗小工具，以示範 FastComments 的即時功能。
下方您將看到一個即時聊天視窗，向您展示即時聊天功能是如何運作的。請親自體驗一下。
即時聊天功能完全可自訂。在上面的示範中，我們啟用了匿名評論，但您也可以要求使用者登入，甚至使用單一登入 (SSO) 。您可以套用自訂樣式，以及即時評論元件支援的所有設定。所有套餐均包含串流聊天功能。
立即試用，無需註冊帳號
為您的網站添加即時線上聊天功能。複製一段程式碼即可開始使用，無需註冊帳號。
取得您網站的線上聊天代碼
Vanilla JS
Vanilla JS
React
Vue
React Native
Android
iOS
Wix
BigCommerce
Bubble.io
Ionos
GoDaddy
Framer
Squarespace
Systeme.io
ClickFunnels
Weebly
Webflow
Webnode
Shopify
MemberSpace
Memberstack
Ghost
GitHub Pages
GoHighLevel
<script src="https://cdn-eu.fastcomments.com/js/embed-live-chat.min.js"></script>
<div id="fastcomments-live-chat-widget"></div>
<script>
FastCommentsLiveChat(document.getElementById('fastcomments-live-chat-widget'), {
tenantId: 'yywal4uErO'
});
</script>
<script src="https://cdn-eu.fastcomments.com/js/embed-live-chat.min.js"></script>
<div id="fastcomments-live-chat-widget"></div>
<script>
FastCommentsLiveChat(document.getElementById('fastcomments-live-chat-widget'), {
tenantId: 'yywal4uErO'
});
</script>
import { Component } from 'react'
import { FastCommentsLiveChatWidget } from 'fastcomments-react'
class Example extends Component {
render() {
return <FastCommentsLiveChatWidget tenantId="yywal4uErO" />
}
}
<template>
<FastCommentsLiveChat v-bind:config="{tenantId: 'yywal4uErO'}" />
</template>
<script>
// Vue 2 is also supported via fastcomments-vue.
import { FastCommentsLiveChat } from 'fastcomments-vue-next'
export default {
name: 'FastCommentsLiveChatExample',
components: {
FastCommentsLiveChat
}
}
</script>
import { FastCommentsLiveChat } from 'fastcomments-react-native-sdk';
export function ChatScreen() {
return (
<FastCommentsLiveChat config={{ tenantId: 'yywal4uErO', urlId: 'my-room' }} />
);
}
// layout: <com.fastcomments.sdk.LiveChatView android:id="@+id/liveChatView" ... />
val config = CommentWidgetConfig().apply {
tenantId = "yywal4uErO"
urlId = "my-room"
}
LiveChatView.setupLiveChatConfig(config)
val chat = findViewById<LiveChatView>(R.id.liveChatView)
chat.setSDK(FastCommentsSDK(config))
chat.load()
import SwiftUI
import FastCommentsUI
struct ChatView: View {
private var sdk = FastCommentsSDK(
config: FastCommentsWidgetConfig(tenantId: "yywal4uErO", urlId: "my-room")
)
var body: some View {
LiveChatView(sdk: sdk)
.task { try? await sdk.load() }
}
}
