網絡聊天
Last updated
Last updated
輕鬆幾步為你的網站配置聊天插件,把代碼嵌入到相應的位置,你的客戶便可以隨意選擇喜歡的渠道與你對話,無論 WhatsApp、Instagram、Facebook,甚或直接在插件上對話都能支援。
在設定頁面上,你需要填寫允許網域。假如你的網站是 https://chatalog.ai ,你就可以填寫此為允許網域。允許網域可多於一個,目的是防止其他非允許網站取用你的代碼套用到其他網站上。然後,你可以填寫標題和歡迎訊息。歡迎訊息會在客戶打開對話視窗而未輸入任何訊息時展示出來,你可視該訊息為開場白。最後是輸入你的品牌名稱,最後點擊儲存鍵。
在安裝部份,你可以選定聊天插件的主題顏色,代表你品牌的頭像圖片,以及你想在聊天插件上顯示的社交媒體帳號。你亦可以選定插件在網站上置左下或右下方。完成配置後點擊生成小助手代碼。複製代碼後,如果你可以直接修改網站的html碼,你可以在網域內每一頁的 </body> 或 </head> 前貼上代碼。
如果你以 wordpress 架設網站,我們建議你安裝以下插件以添加代碼到網站上的 </head> 前。
在安裝插件前,為保障你的網站數據,請先為網站進行備份,以避免插件之間不相容對網站穩定造成影響。以下配置為建議方法,你亦可以選擇以其他形式達致相同配置效果,如因插件本身衍生技術問題,本公司恕不負責。
首先,在 Plugins 頁面搜索並安裝 Header and Footer Scripts 。
安裝後你可以在 Settings > Header and Footer Scripts 找到有關插件。
貼上代碼後,點擊 Save Settings 儲存。
如果你在 wordpress 上安裝了不同的插件,或有部份會與此段代碼不相容而修改了代碼導致無法使用。我們建議你插入代碼到 footer 位置,並把優先次序設為 99 以避免代碼遭到修改。
如果你使用 Elementor 來建立網頁,所有對 header 或 footer 的修改未必能即時反映在所有網頁上。這個情況你可以到Elementor > Tools > 點擊 Regenerate Files & Data。
最後你可以在網站上看到 chatalog 的網絡聊天了。
如果你只需要在網站上新增 WhatsApp 按鈕而不需要使用網絡聊天工具,你亦可以參閱下列文檔: