很多公司的網站，價格那一欄只寫「歡迎來電洽詢」。老闆的想法是：每個案子不一樣，價格要看了才知道。客人的想法卻是：不知道大概多少錢，打電話去問好像就得買，乾脆先不問了。
線上試算就是在網站上放一個小工具，讓客人選幾個條件，馬上看到大約的價格。客人心裡有底，詢問的門檻就低很多。
為什麼試算能帶來更多詢問
客人敢開口。 知道大概落在哪個範圍，覺得「在預算內」的人才會來問，來問的人也比較認真。
先幫你過濾。 預算差太多的客人，自己就知道不適合，不用花時間來回報價。
溝通更快。 客人帶著試算結果來問：「我要 50 件、正面印一色，大概 8,000 元對嗎？」你只要確認細節就好，不用從頭問起。
哪些行業適合做試算
價格主要由幾個明確條件決定的行業，都很適合：
- 團體服、印刷、貼紙：數量、款式、印刷位置與顏色。
- 搬家、清潔：坪數、樓層、有沒有電梯。
- 裝潢、窗簾、地板：坪數、材料等級。
- 課程、家教：堂數、人數、上課方式。
- 租車、場地租借：天數、時段、車型或場地大小。
價格完全要看現場、每個案子差很多的服務，就不適合硬做試算，給一個「起價」和幾個常見案例的價格區間會比較實在。
試算怎麼設計
選項不要太多。 三到五個條件就好。客人要先研究十個選項才能算出價格，就失去「快速知道」的意義了。
結果給區間。 例如「約 NT$7,500～8,500」，比一個精準數字更實際，也保留確認細節後調整的空間。
寫清楚包含什麼。 價格含不含運費、含不含稅、設計費另計嗎。這些不寫清楚，客人以為的價格和你報的價格會差很多，最後變成糾紛。
加一句說明。 例如「試算結果僅供參考，實際價格以確認需求後的報價為準」。
算完馬上能詢問。 結果下面直接放「把這個結果傳 LINE 給我們」或「用這個結果詢價」的按鈕，讓客人不用再重新描述一次需求。
簡單的試算，不用外掛也能做
條件不多的試算，用一小段 HTML 和 JavaScript 就能做，直接放在網頁裡，不需要後台。下面是一個團體服的範例：選數量和印刷顏色數，馬上算出大約的價格。價格都是範例數字，要換成自己的。
<div class="quote">
<label>數量（件）
<input type="number" id="qty" min="10" value="30" inputmode="numeric">
</label>
<label>印刷顏色
<select id="colors">
<option value="1">單色</option>
<option value="2">雙色</option>
<option value="4">全彩</option>
</select>
</label>
<p>預估：<strong id="result">—</strong></p>
<p class="note">試算結果僅供參考，實際價格以確認需求後的報價為準。</p>
</div>
<script>
(function () {
// 範例價格：數量越多單價越低
const tiers = [ { min: 100, price: 230 }, { min: 50, price: 260 }, { min: 10, price: 290 } ];
const colorFee = { 1: 0, 2: 30, 4: 60 }; // 每件加價
const qty = document.getElementById('qty');
const colors = document.getElementById('colors');
const result = document.getElementById('result');
function update() {
const n = parseInt(qty.value, 10);
if (!n || n < 10) { result.textContent = '最少 10 件起'; return; }
const unit = tiers.find(t => n >= t.min).price + colorFee[colors.value];
const total = unit * n;
// 給一個上下 5% 的區間
const low = Math.round(total * 0.95 / 100) * 100;
const high = Math.round(total * 1.05 / 100) * 100;
result.textContent = `約 NT$${low.toLocaleString('zh-TW')}～${high.toLocaleString('zh-TW')}（每件約 ${unit} 元）`;
}
qty.addEventListener('input', update);
colors.addEventListener('change', update);
update();
})();
</script>這種寫法的好處是不用資料庫、打開就能用；缺點是價格寫在網頁程式裡，懂的人看得到單價表。價格不想公開、或要把試算結果存下來、寄一份報價單給客人，就要做成表單加後台，或用有計算功能的表單外掛。
記錄有多少人用試算
試算放上去之後，要知道有沒有效：有多少人用了試算、用完有多少人來詢問。可以讓「用這個結果詢價」的按鈕在被點的時候，送一筆事件到 GA4，做法可以看〈GA4 怎麼看？〉。
正威可以幫什麼
正威網路行銷是 25 年經驗的基隆網頁設計工作室，也提供台北網頁設計與全台灣的網站服務。想在網站加上試算、報價或其他功能，歡迎免費諮詢，我們先幫你評估適合的做法；新增功能會另外報價。
發表留言
還沒有人留言，歡迎第一個分享你的想法或問題。留言經審核後才會顯示，Email 不會公開。