跳到主要內容

買得順・CTA 與加入購物車

怎麼判斷購買按鈕是不是不夠明顯?

這篇只回答這一個問題,用電商網站實務角度整理判斷方式與可以先做的改善。

先給答案

針對「怎麼判斷購買按鈕是不是不夠明顯」,最簡單的判斷方式,是用第一次進站的顧客角度完成一次實際任務,看能不能在客人準備購買時,清楚完成加入購物車或直接購買的動作。「加入購物車」與「立即購買」可同時存在,但要有清楚主次;B2B 或無公開價格商品則應改成詢價或聯絡動作。

如果你現在正卡在「怎麼判斷購買按鈕是不是不夠明顯」這個問題,先不用急著把整站重做。針對「怎麼判斷購買按鈕是不是不夠明顯」,最簡單的判斷方式,是用第一次進站的顧客角度完成一次實際任務,看能不能在客人準備購買時,清楚完成加入購物車或直接購買的動作。「加入購物車」與「立即購買」可同時存在,但要有清楚主次;B2B 或無公開價格商品則應改成詢價或聯絡動作。

購買 CTA 要明顯、好點、文字清楚,但不需要用刺眼設計或一直閃動。所以這篇只處理「怎麼判斷購買按鈕是不是不夠明顯」這一個問題,不把其他網站問題全部混在一起。

怎麼判斷購買按鈕是不是不夠明顯,先看這幾個判斷點

「加入購物車」與「立即購買」可同時存在,但要有清楚主次;B2B 或無公開價格商品則應改成詢價或聯絡動作。如果你現在只想先知道從哪裡看,下面四點最值得先檢查。

點擊後狀態有清楚回饋

就「怎麼判斷購買按鈕是不是不夠明顯」這一題來看,這個檢查點會直接影響顧客是否能更容易在客人準備購買時,清楚完成加入購物車或直接購買的動作。

規格錯誤提示容易理解

就「怎麼判斷購買按鈕是不是不夠明顯」這一題來看,這個檢查點會直接影響顧客是否能更容易在客人準備購買時,清楚完成加入購物車或直接購買的動作。

缺貨/預購/詢價使用不同清楚文案

就「怎麼判斷購買按鈕是不是不夠明顯」這一題來看,這個檢查點會直接影響顧客是否能更容易在客人準備購買時,清楚完成加入購物車或直接購買的動作。

針對這一題,可以先怎麼調整?

1. 按鈕文字直接說動作

按鈕文字直接說動作。這一步的目的,是先讓資訊回到顧客能理解的順序,不用一次把所有內容都重做。

2. 規格未選時給清楚提示

規格未選時給清楚提示。如果這一步做完之後,客人仍然無法在客人準備購買時,清楚完成加入購物車或直接購買的動作,再往下一個環節檢查會比較有效率。

3. 手機版讓 CTA 不會被其他浮動元件遮住

手機版讓 CTA 不會被其他浮動元件遮住。實務上我會先從這裡改,因為它通常比加更多裝飾或更多文字更容易看出差異。

用一個簡單例子看差異

很多網站不是完全沒做,而是資訊說法還停留在品牌自己看得懂的角度。把內容換成顧客會理解的語言,通常會清楚很多。

修改前

送出

修改後

加入購物車/立即購買/詢問大量採購

這不是要求所有品牌都照同一個句型,而是提醒你:每一段內容都要有明確任務,讓客人不用猜。

如果是百變花樣在看,我會先檢查什麼?

就「怎麼判斷購買按鈕是不是不夠明顯」這一題,我不會先急著加更多 Banner、外掛或行銷話術,而是先做一件最直接的事:按鈕文字直接說動作。接著再看顧客能不能更容易在客人準備購買時,清楚完成加入購物車或直接購買的動作。

反過來說,如果這一題其實已經做得很清楚,就不要為了「優化」硬改。把時間留給真正影響購物的下一個問題,會比較有效率。

快速自我檢查

  • 點擊後狀態有清楚回饋
  • 規格錯誤提示容易理解
  • 缺貨/預購/詢價使用不同清楚文案
  • 第一眼能找到購買按鈕
這題處理完,接著看什麼?不要一次改整站。先從真正相鄰的問題往下看:
CTA 顏色一定要很鮮豔嗎? 客人加入購物車後為什麼沒有結帳? 

不確定網站是不是只有這個問題?

百變花樣把電商網站拆成「看得懂、找得到、會想買、買得順」四個面向。你可以先做 20 題免費健檢,找出現在最值得優先改善的地方,再決定要不要改網站。

免費開始 20 題電商網站健檢