摘要
您只需幾個簡單步驟，即可透過複製 Astra Dashboard 中的程式碼片段並將其貼入您的網站 HTML 中，將 Astra 安裝到任何網站。安裝後，您可以選擇 Astra 的顯示方式—可作為聊天小工具、聚光燈檢視，或使用選用的魔法標示功能。
說明
請依照以下步驟將 Astra 安裝到您的網站：
步驟 1：取得您的安裝程式碼
登入您的 Astra 帳戶：https://astra.wati.io。
前往「Agents」，然後選擇要編輯的代理程式，或點擊以建立新代理程式。
前往 Build My Agent，然後點擊設定 按鈕以取得程式碼。
選擇 Copy code 以複製您的安裝程式碼。
步驟 2：將程式碼新增至您的網站
找出適合您網站類型的檔案，並將程式碼貼到 </body> 結束標記之前。
一般 HTML 網站：將程式碼新增至您的主要 HTML 檔案 (通常是
public_html資料夾內的index.html)。React.js：開啟
public/index.html檔案，並將程式碼貼到</body>結束標記之前。Next.js：在
pages資料夾內建立一個_document.js檔案，然後將腳本包含在</body>結束標記之前。其他網站：找出管理 HTML 的檔案，並將程式碼貼到
</body>結束標記之前。
看起來會像這樣：
<!-- 您的現有 HTML 程式碼在此 -->
<!-- 在此貼上 Astra 程式碼 -->
</body>
步驟 3：儲存並驗證
儲存您的變更並部署 (如果需要)。
重新整理您的網站—您現在應該會看到 Astra 小工具出現。
部署選項
安裝後，Astra 可以透過不同的方式顯示在您的網站上。您也可以啟用 magic highlighter 功能以獲得互動式體驗。
1. 小工具 (右下方的聊天氣泡)
顯示為網頁右下角的聊天氣泡。
使用您的品牌圖示以提供個人化外觀。
顯示建議的對話開頭，例如常見問題。
訪客可以點擊問題，AI 代理程式會直接回覆。
2. 聚光燈 (中間下方的聊天檢視)
顯示為螢幕中間下方的聚光燈式聊天視窗。
訪客可以選擇一個問題，AI 代理程式會提供答案。
3. 魔法標示
讓訪客透過標示網站上的任何文字來提問。
例如，如果有人標示了「搜尋引擎優化」並點擊 Ask Astra (或 Ask Agent)，AI 代理程式將產生並回答問題。
此功能會掃描您的整個網站知識庫，以提供最相關的回應。
選擇正確的選項
根據您的網站設計和訪客體驗偏好，在 小工具 或 聚光燈 之間進行選擇。
兩者都可以使用您先前複製的安裝程式碼來部署。
magic highlighter 可以與任一選項一起啟用，以獲得更具互動性的瀏覽體驗。