CTA（行動按鈕）

CTA按鈕文字要怎麼寫？

CTA文字只要用客人角度的動詞，寫出「按下去會發生什麼」就好。因為客人在按鈕前會先擔心：「按下去會直接付款嗎？」「會撥出電話嗎？」

如果按下按鈕後有讓客人感到壓力的事，就在按鈕正下方簡短補充。像「只諮詢也沒關係」「付款在下一步進行」這樣一行字，就能減少猶豫。

按鈕文字越短越好，但不能短到失去意思。在兩三個詞內同時看得出「做什麼」和「怎麼做」，是最適當的程度。

按鈕文字要配合客人實際使用的說法。如果是美髮店，比起「預約療程」，「預約剪髮・燙髮」這種客人腦中會浮現的字更快被讀懂。

主要按鈕和次要按鈕怎麼區分？

主要按鈕是店家最希望客人做的那一個行動，次要按鈕則是給還沒決定的客人的另一條路。例如美髮店，「立即預約」可以是主要按鈕，「查看價目表」可以是次要按鈕。

主要按鈕用填滿的顏色，次要按鈕只用外框或文字連結，做出輕重之分。兩個按鈕同色・同大小的話，客人會需要再想一下該按哪一個。

事先決定每個頁面的主要按鈕是什麼，設計會議也會變短。首頁是「預約」，價格頁是「預約這項服務」，交通方式頁是「導航」，依頁面目的更換即可。

以行業舉例，咖啡廳常以「導航」、工作室以「報名課程」、網路銷售以「加入購物車」作為主要按鈕。次要按鈕則是給還在猶豫的客人的「查看菜單」「欣賞作品」「看評價」這類按鈕。

CTA按鈕要放在哪裡？要多大？

CTA要放在客人做決定的位置旁邊。代表性的位置有首屏、讀完價格或說明的地方，以及頁面最底部。

大小要能讓手指準確按到。網站無障礙國際標準WCAG 2.2規定可點按區域至少要24×24 CSS像素以上，重要的按鈕最好做得比這個更寬裕。按鈕之間太靠近容易誤按旁邊的按鈕，所以間距也要一起顧到。

手機上也常在畫面下方固定「電話・預約」按鈕。那是拇指容易碰到的位置，很方便，但高度要壓低，避免遮住內容。

按鈕看起來像按鈕也很重要。只有文字、沒有外框或底色的話，客人很容易不知道那是可以按的，就直接略過。

CTA要按照什麼順序製作？

比起按鈕設計，正確的順序是先決定「要請客人做什麼」。照著以下步驟，就能為每個頁面定出合適的按鈕。

店越小，主要按鈕越適合設為老闆能最快回應的聯絡方式。如果營業時常沒空接電話，就把「KakaoTalk詢問」或「立即預約」設為主要按鈕，而不是「撥打電話」。

按鈕位置不需要一開始就完美。上線後看實際點擊紀錄再調整，會比憑感覺決定更準確。

1. 01寫下會帶來營收的行動。（預約、電話、KakaoTalk詢問、購買、到店）
2. 02把其中最重要的一個設為主要按鈕，其餘一兩個設為次要按鈕。
3. 03每個頁面各分配一個主要按鈕。
4. 04用客人角度的動詞寫按鈕文字。
5. 05在首屏、說明結束處、頁面結尾配置按鈕。
6. 06在手機上用拇指按按看，確認大小和間距。
7. 07上線後記錄每個按鈕被點擊的次數，持續調整文字和位置。

怎麼確認CTA有沒有發揮效果？

看按鈕被點了幾次，其中又有幾筆真的轉成預約・詢問就可以了。在訪客統計工具中把按鈕點擊記錄為「事件」，就能知道哪些按鈕真的在發揮作用。

電話按鈕只能知道被按了幾次，有沒有真的通話要另外確認。如果在店裡也養成問客人「您是怎麼知道我們的？」的習慣，數字就更容易解讀。

修改文字時，一次只改一個地方，觀察2~4週左右比較好。同時改好幾個地方，就很難知道是什麼造成了變化。

訪客不多的小店家，看件數會比看比例更好。記下每個月按鈕被點了幾次、其中幾筆成為實際預約，幾個月後就能看出變化。

CTA最常犯的錯誤有哪些？

常見的錯誤是放太多按鈕。「預約」「詢問」「電話」「KakaoTalk」「Instagram」同樣大小排成一排的話，客人反而可能什麼都不按。

也要避免「點這裡」「更多」這類沒有前後文就看不懂的文字。使用螢幕報讀軟體的客人只聽按鈕文字來判斷，所以網站無障礙標準也建議寫出能讓人理解連結目的的文字。

按下按鈕後的畫面也是CTA的一部分。送出詢問後沒有任何提示，客人不知道是否成功送出，就會再送一次或直接打電話。一定要放上像「通常會在幾小時內回覆您」這樣的完成提示。

關於CTA，要問製作公司什麼？

與其只向製作公司要求外觀，例如「按鈕要大、要紅」，不如先告訴他們目的，例如「這個頁面最重要的是預約」。目的清楚，設計師就能提出相應的大小・顏色・位置。

• 能說明每個頁面的主要按鈕是怎麼決定的嗎？
• 會另外確認手機上的按鈕大小和間距嗎？
• 會把按鈕點擊記錄到訪客統計中嗎？
• 上線後想改按鈕文字或位置，要怎麼提出需求？