Demo 展示
展示產品、方案或軟體示範。
共 4 項操作・8 個步驟・最後複驗 2026-08-03
從哪裡進入
網站後台 → Demo 管理
照著下方圖文逐步完成
重點摘要（TL;DR）
公開站會產生 Demo 列表、分級與詳情頁，可放功能、截圖與行動按鈕。
什麼時候會用到
- 產品需要用實際畫面解說
- 要比較不同方案層級
開始前先準備
- • 準備可公開的截圖與正確功能資訊
操作步驟與完成後的結果
每一項操作都列出從哪裡開始、要做什麼，以及完成後應該看到的結果。
新增 Demo
替可展示的成品、系統或方案建立一個公開示範頁。
- 1
這一步要做
到後台「Demo 管理」按「新增 Demo」，填「Demo 標題」與「一句話描述」。
完成後會看到
系統建立一筆 Demo 草稿並開啟完整編輯頁。
- 2
這一步要做
補上「品牌 / 樣本名稱」、「類型」與封面圖後按儲存。
完成後會看到
Demo 草稿具備列表卡所需的基本資料。
注意事項
- • 展示別人的品牌或畫面前，先取得公開與截圖使用權。
設定功能、截圖與行動按鈕
讓訪客看懂 Demo 有什麼、長什麼樣，以及下一步能做什麼。
- 1
這一步要做
在 Demo 編輯頁填「這方案包括的功能」，並於「畫面截圖」加入實際截圖。
完成後會看到
詳情頁可列出功能與多張畫面證據。
- 2
這一步要做
填「自訂行動按鈕文字」與「自訂行動按鈕連結」，或填「線上展示網址」，再按儲存。
完成後會看到
Demo 頁出現可點擊的下一步按鈕或 live 預覽入口。
注意事項
- • 按鈕連結要使用完整 `https://` 網址，且不可連到未授權或已下線頁面。
設定方案分級
用價格標籤與方案內容區分不同 Demo 或服務等級。
- 1
這一步要做
在 Demo 編輯頁填「價格標籤」，例如「入門版」或實際起始價格。
完成後會看到
Demo 列表或詳情可顯示方案定位。
- 2
這一步要做
在「Demo 解說」與「這方案包括的功能」寫清楚包含內容與限制，再按儲存。
完成後會看到
訪客能分辨這一級方案提供什麼，不會只看到價格名稱。
注意事項
- • 價格與方案內容要保持同步；若價格未確定，使用「洽詢」而非捏造數字。
發布並檢查詳情頁
公開 Demo，並驗證列表、詳情與外部展示入口。
- 1
這一步要做
在 Demo 編輯頁按「立即發佈」，確認狀態變成「已發佈」。
完成後會看到
Demo 出現在公開 `/demo` 列表。
- 2
這一步要做
從列表點進 `/demo/<網址代稱>`，測試截圖、功能清單與行動按鈕。
完成後會看到
詳情頁完整顯示，外部連結可開啟正確目的地。
注意事項
- • 儲存只更新草稿；未按「立即發佈」不會出現在公開列表。
遇到問題先看這裡
- Demo 列表有項目，但點進去內容不完整？
- 回到 Demo 管理補齊詳情、截圖與行動按鈕；公開前先逐項預覽。