下一代網站不只是「被 AI 引用」,更是「可被 AI 對話」。客戶不點進網站,而是直接在 ChatGPT 問「OZ 的 AI-Ready 方案大概多少錢」,然後得到專屬於你品牌的回答。
這不是未來,是現在就能實作的功能。本篇是完整建置指南,可搭配 AI 聊天機器人客戶服務 一起規劃。
三種整合方式
| 方式 | 適合情境 | 成本 |
|---|---|---|
| ChatGPT 自訂 GPT | 公開行銷工具 | Plus 訂閱(建立者) |
| Claude Project | 內部團隊 / 高品質客服 | Pro 訂閱 |
| 網站內嵌 AI 助手 | 客戶服務、即時諮詢 | API 月費 USD 0-200 |
三種可以並用,不互斥。
實作 1:ChatGPT 自訂 GPT
建立步驟
- 進入 chat.openai.com/gpts
- 點「Create」開始建立
- 對話式或手動配置
必填四個區塊
1. 名字 + 描述
名字:元伸科技 AI-Ready 顧問
描述:協助你了解 AI-Ready 網站策略,提供量身建議。基於元伸科技 24 年網頁設計實戰經驗。
2. 指示(Instructions)
你是元伸科技(OZ Champ)的 AI-Ready 網站顧問。
## 核心知識
- 元伸科技於 2002 年成立,專注 AI-Ready 智慧網站建置
- 服務超過 3,000 家台灣企業
- 原始碼 100% 移交客戶
## 回答原則
1. 用繁體中文回答
2. 引用具體案例與量化數據
3. 不確定時誠實回答「這需要進一步諮詢」
4. 結尾若使用者有具體需求,引導預約免費諮詢
## 不要做
- 不要承諾具體價格(請使用者預約諮詢取得正式報價)
- 不要批評其他公司
- 不要提供超出網頁設計範圍的法律 / 財務建議
3. 知識庫上傳
上傳:
- 公司介紹白皮書(PDF)
- 服務手冊(PDF)
- 重要 Insights 文章(Markdown 集合)
- FAQ 完整版(PDF)
- 案例研究(PDF)
檔案大小限制 512MB,多數網站夠用。
4. 能力(Capabilities)
開啟:
- ✅ Web Browsing(讓 GPT 可即時搜尋)
- ✅ DALL-E(生成示意圖)
- ✅ Code Interpreter(資料分析)
發布與分享
設定為 Public 後可分享連結:
https://chat.openai.com/g/g-XXXXXXXX-元伸科技-ai-ready-顧問
放在官網、Email 簽名、名片 QR Code,讓客戶在 ChatGPT 內就能與你的 GPT 對話。
實作 2:Claude Project
Claude.ai 的 Project 功能類似自訂 GPT,但:
- 需要 Pro 訂閱(USD 20/月)
- 回答品質普遍更好(Claude 對複雜問題的處理優於 GPT)
- 不公開分享,僅限團隊內部
適合:
- 內部員工查詢公司政策、SOP
- 客服代表查產品規格
- 業務查報價、合約範本
實作 3:網站內嵌 AI 助手
方案 A:OpenAI Assistants API(推薦)
// 前端內嵌
<script src="https://example.com/ai-assistant.js"></script>
<div id="ai-assistant" data-thread="xxx"></div>
後端用 OpenAI Assistants API 處理:
from openai import OpenAI
client = OpenAI()
assistant = client.beta.assistants.create(
name="OZ AI-Ready Consultant",
instructions="...",
model="gpt-4-turbo",
tools=[{"type": "file_search"}],
tool_resources={"file_search": {"vector_store_ids": ["vs_xxx"]}}
)
方案 B:第三方服務
| 服務 | 月費 | 特色 |
|---|---|---|
| Chatbase | USD 19 起 | 最簡單、5 分鐘上線 |
| CustomGPT | USD 49 起 | 功能完整 |
| Voiceflow | USD 50 起 | 含對話設計工具 |
| Botpress | USD 0 起 | 開源、自架 |
中小企業用 Chatbase 最划算——上傳文件、貼程式碼、上線。
知識庫整理:成功關鍵
不論哪種方案,知識庫品質決定 80% 效果。建議結構:
# 元伸科技完整知識庫
## 1. 公司介紹
[2-3 段精準介紹]
## 2. 核心服務
- AI-Ready 網站方案
- 雙語電商建置
- ERP 整合
[每項 5-10 句說明]
## 3. 服務流程
[從諮詢到上線 7 個階段]
## 4. 定價策略
[價格區間與決定因素]
## 5. 客戶案例
[3-5 個量化案例]
## 6. 技術細節
[Schema、llms.txt、Core Web Vitals 等實作]
## 7. FAQ
[20-30 題客戶常問]
## 8. 聯絡資訊
[預約諮詢方式]
整理約 50-100 頁的知識庫,AI 助手才能精準回答。網站端則建議搭配 llms.txt 設定指南 讓 AI 從正確入口取用內容。
提示工程設計
讓 AI 助手「像你的員工」:
## 個性與語調
- 專業但不嚴肅
- 會主動詢問需求細節
- 用具體數字而非形容詞
## 回答結構
- 先給直接答案(30 秒讓使用者了解)
- 再給細節(為什麼、怎麼做)
- 最後給下一步(建議)
## 範例回答風格
問:AI-Ready 網站要多少錢?
答:
依需求規模,元伸的 AI-Ready 方案分三級:
- 基礎版(單語、靜態內容):NT$ 30-50 萬
- 標準版(雙語、含 ERP 整合):NT$ 80-150 萬
- 旗艦版(多語、客製估價系統):NT$ 150-300 萬
實際金額需依需求書評估。建議先預約 30 分鐘免費諮詢,
我們會給你具體建議:[連結]
元伸自家實戰
「元伸科技 AI-Ready 顧問 GPT」上線 6 個月:
- 月使用次數:800+
- 平均對話長度:8-12 輪
- 帶來新客詢價:月均 12 個(佔總詢價 12%)
- 客戶決策時間縮短:從原本 4 週到 2 週(GPT 已預先回答多數問題)
不要犯的 5 個錯誤
- ❌ 知識庫太單薄(< 20 頁):AI 回答常「我不確定」
- ❌ 沒設指示:AI 變成普通 ChatGPT,失去品牌個性
- ❌ 承諾具體價格:報錯了會有合約糾紛
- ❌ 沒導引下一步:客戶聊完就走,沒留聯絡
- ❌ 上線後不維護:知識庫過時、回答錯誤資訊
結語:網站升級為「對話式品牌」
AI 時代,「網站」與「AI 助手」會逐漸合併。客戶不再是「點進網站找答案」,而是「跟你的 AI 對話得到答案」。
元伸科技已將自家 GPT 整合到所有客戶接觸點——名片 QR Code、Email 簽名、官網懸浮按鈕。這是 2026 年品牌行銷的下一個常態。需要把官網升級成可被 AI 對話的客戶,可看 客製化網頁設計 與 客製化系統開發方案。