CTA(Call to Action)是什麼?提升轉換的CTA按鈕設計7要點!

CTA(Call to Action)是什麼?提升轉換的CTA按鈕設計7要點!
Kira

Kira

16 min read

2024-09-13更新

行銷手法

# 行銷Marketing

CTA是什麼?Call to Action中文是行動呼籲,本文將告訴你CTA意思和CTA按鈕設計7大要點、分享Call to Action範例,教你CTA設計優化怎麼做,一起學會CTA行銷!

CTA是什麼意思?Call to Action目的與使用情境分享

費盡千辛萬苦撰寫好優質的產品文案,但銷售轉換卻總是不如預期嗎?

執行EDM電子報行銷希望提升顧客黏著度與品牌識別,卻不知道為什麼總感覺在做白工嗎?

行銷漏斗裡,想要吸引受眾完成不管是點擊還是銷售轉換,獨具吸引力的文案固然重要,但如果缺少了一股推力或是暗示,受眾反而會在閱讀完文案後無所適從,而離開網站或頁面,因此總在文案裡埋頭苦幹的你,是否忽略掉了CTA的重要性?

以下將詳細介紹CTA是什麼,並告訴你從消費者心理學出發的CTA行銷技巧。

(一)CTA意思是什麼?5大CTA目的介紹

CTA全名為Call to Action,Call有呼籲、召喚之意,to則有使其去做某事的意思,搭配Action行動,因此CTA中文最常被稱為行動呼籲,網路上也有人稱之為行動喚起或是召喚行動,而其詳細定義如下:

CTA定義:透過簡短的文字、圖片、按鈕等方式,促使受眾進行指定的行動,是一種可以幫助行銷轉換的重要元素。

【5大CTA目的】

  1. 引導網站動線:好的CTA設置可以有效引導受眾到下一步行動,一方面可以讓受眾在瀏覽時更聚焦在內容上,另一方面也可以避免使用者進站後,因在動線上迷失方向找不到重點而離開。
  2. 提升點擊率:CTA按紐或是超連結除了可以吸引受眾點擊,獲得的點擊數據還可以用來追蹤與分析受眾的行為。
  3. 提升轉換率:CTA在消費者心理學裡扮演著暗示的角色,透過明顯的文字設計去暗示受眾做出購買或是其他轉換行為,相較於沒有CTA更能促使受眾行動。
  4. SEO內部連結的重要性:CTA設置的連結也屬於內部連結的一種,引導網站動線的同時,也能使搜尋引擎更快爬行,進而加速了解網站的全貌。
  5. 加強內容行銷:CTA作為引導的角色,除了可以提升使用者體驗,還可以增加提升受眾停留時間的機率,因此當網站擁有好的內容,再搭配CTA的輔助,可以讓受眾更到更多你的優質內容,進而提高品牌形象。

5大CTA目的:

(二)CTA使用情境:B2B、B2C等常見情境

了解CTA是什麼之後,許多人會問「究竟CTA可以運用在哪些情境呢?」

其實不管是實體還是數位看板上,都能看見CTA的蹤影,只不過網路上一般討論的主要還是以數位行銷中按鈕型態的CTA為主;如果以實體看板來舉例,路上常見的實體看板上會有「往前走10公尺」或是「入店消費享9折」其實都算是CTA的一種。

而CTA時常放置的媒介和平台如下:

  • 部落格:常見CTA像是「延伸閱讀」、「查看更多」等。
  • 網頁:依據不同的網頁像是活動頁面、形象官網、銷售型網站等設置不同的CTA。
  • EDM電子報:在EDM上設置CTA通常用於引導受眾至官網或是活動頁面。
  • 社群媒體:撰寫貼文時,可以在文案前段與後段放上CTA,促使受眾點擊。
  • 線上廣告:不管是Google廣吿FB廣告等,都可以設置CTA促使受眾報名活動、購買或是點擊。
  • 各種數位媒介:電梯內的廣告看板、圖書館搜尋館藏的機台等,都可以設置CTA指引受眾執行下一個行動。
  • 實體看板與DM:路上指引方向的看板、便利商店的促銷看板等。

如果以電子商務模式作為區分,以下將介紹常見的2種情境:

📌B2B的CTA設置

受眾為企業或是品牌方,以提供服務為主要業務,像是SEO服務商、網站設計公司等,行銷目的是希望受眾可以了解其領域的專業度與必要性。

而常見的CTA使用情境有EDM電子報行銷、白皮書發放、Webinar、與用LINE社群經營私域流量等,時常設置的CTA用語如下:

  • 立即下載
  • 聯絡我們
  • 馬上報名
  • 立即加入

📌B2C的CTA設置

受眾為終端消費者,以提供實際產品為主要業務,常見像是電商等,行銷目的是希望受眾可以採取購買行動或引導執行某些行為。

而常見的CTA使用情境是在廣告、產品頁或是網頁Pop-Up視窗放CTA,時常設置的CTA用語如下:

  • 加入購物車
  • 馬上下單
  • 評價領取紅利點數
  • 註冊領免運券

CTA設計7大要點分享,原來CTA按鈕這樣設計才對!

小小一塊的行動呼籲按鈕(Call to Action Button)其實藏了許多設計巧思,包含Call to Action文案、大小等都要特別注意,且其大部分設計跟心理學的「暗示」手法很有關係。

究竟CTA設計要點有哪些呢?如果你想要打造能夠有效帶來轉換與點擊的CTA,以下這7大CTA設計要點一定要趕快筆記起來。

CTA設計7大要點

1. 目標訂定

企業可以依據行銷策略的大方向進行CTA目標訂定,常見的行銷策略工具如下:

訂定好大方向的行銷策略,在後續各種行銷手法的執行包含CTA等,都可以在更精準地緊扣在目標上,不至於迷失方向。

2. 大小

CTA的按鈕或圖片大小必須足夠明顯,以利讓受眾能夠輕易發現並點擊,但需注意也不能過度放大,造成喧賓奪主的反效果。

建議CTA的大小可以拿捏在文字高度的2~3倍即可。

3. 位置

CTA擺放的位置會依據不同的媒介而有差異,以社群媒體為例,因受眾看到貼文僅能看到前3行,因此會建議將CTA放置在貼文的前段。

那如果是部落格、SEO文章,主要會希望受眾看完文章後,對你的內容或業務感到有興趣,進而想要看更多優質的內容,因此CTA放在頁面的尾端或做成跳出視窗(Pop-up)則較合適。

建議可以依據不同的目標和曝光媒介進行CTA擺放位置的調整。

4. 顏色

CTA顏色的設計與搭配除了展現了企業的美感和品牌識別之外,更是使用者體驗的一環,過於刺眼或是不清楚的顏色,將影響受眾瀏覽網站的動線與體驗。

建議可以使用品牌Logo的系列色或是撞色去做搭配,前者是符合整個頁面協調性與質感的選擇,後者則可以藉由對比色做出凸顯的效果,都是不錯的CTA顏色方案。

5. 文案

CTA上的文案是傳達訊息的重要元素,根據國外的一項研究,僅僅將第二人稱換成第一人稱的CTA文案,竟然能夠提升將近90%的點擊率,由此可見,CTA文案的重要性,以下列出4個撰寫CTA文案的技巧:

  • 盡量精簡扼要:過於冗長的CTA將無法讓受眾一目了然。
  • 製造急迫性:透過時限性和急迫性,營造一種讓受眾不得不現在點擊的效果。
  • 加入吸引受眾的字眼:以銷售型網站為例,「免費」與「折扣」是十分吸引消費者的關鍵字,因此放入CTA可以有效促使消費者點擊。
  • 行動描述的具體性:行動指令除了要明確,也必須讓受眾知道點擊之後可以得到什麼或是閱讀什麼。

6. 超連結與按鈕設置

CTA按鈕的超連結設置也是網站內部連結的一種,因此有助於SEO優化;此外,在架設網站的CTA按鈕時,也要注意網站是否為RWD響應式網站,當受眾使用行動裝置或是網頁瀏覽時,是否可以隨之調整頁面大小,以免影響使用者體驗。

7. 後續數據追蹤

設置CTA其中的好處就是方便做後續數據追蹤,可以將超連結設置UTM,並利用Google Analytics(GA)追蹤數據,從而得知以下的分析內容:

  • 得知使用者從何而來
  • 分析使用者樣貌
  • 進行不同風格行銷測試
  • 拓展新行銷管道時試水溫
  • 掌握廣告分配比例並節省預算

最後,如何讓CTA按鈕設計是協調且具有醒目效果,將跟頁面整體的UI設計有關,包含元件配色、視覺動線、排版等,都是必須考慮進去的因素。

CTA範例|社群媒體CTA按鈕應用與CTA正反例介紹

(一)FB廣告貼文與IG帳號CTA設定分享

📍FB廣告貼文CTA

FB廣告設有FB貼文行動呼籲按鈕,包含「了解詳情」、「聯絡我們」、「來去逛逛」,其可連結至Facebook站內或站外的網頁,呈現方式如圖:

FB廣告貼文CTA

📍IG帳號CTA

Instagram有在商業帳號、創作者帳號的首頁提供CTA行動呼籲,以下為IG行動呼籲按鈕設定步驟:

  • STEP1:進入帳號首頁,點選「編輯個人檔案」。
  • STEP2:下滑並點選「行動呼籲按鈕」即可設定想要的CTA。

IG帳號CTA

(二)CTA正反例分享

📍好的CTA範例-HubSpot

好的CTA範例-HubSpot

HubSpot是一間提供CRM服務的公司,他們在官網設置的CTA非常明確,使用了符合品牌色調的橘色按鈕,並直接告訴讀者點擊該按鈕將會免費試用或是獲得範本的服務。

📍不好的CTA範例-LINGsCARS

不好的CTA範例-LINGsCARS

LINGsCARS是英國的租車平台,它的網站充滿了顏色和圖像,使得CTA即使使用會變色的背景也不夠清楚,且和網站其他的元素混在一起,不易辨認;此外,該按鈕並沒有說明受眾將會租用什麼,租用將會帶來什麼好處,或者租用的過程是什麼,造成整個網站都缺乏指引性的指示,進而讓讀者很難理解如何使用這個租車服務。

CTA測試&優化怎麼做?

了解完CTA在行銷的重要性之後,在設置CTA的過程中,究竟該如何判斷CTA適合與否呢?

首先,我們可以執行A/B測試,所謂的A/B測試是將網站優化方式提出假說後,將原定的版本(控制組)與僅改變1個操作變因的版本(測試組)平均顯示在使用者面前;接著,藉由使用者對不同版本反映出的行為進行數據分析,進而找到較好的優化方式。

✨如果想要了解更詳細的A/B測試,歡迎參考此篇文章:AB Test是什麼?AB測試運用Google Optimize教學大公開!

此外,也可以透過Lihi短網址進行成效追蹤,詳細的Lihi短網址教學可以閱讀此篇文章:Lihi短網址超實用教學!成效追蹤、後台數據一把。

最後,在行銷活動中,CTA(Call to Action)是一個極為重要的元素,它可以鼓勵受眾採取具體行動,從而提高轉換率,如果你希望在行銷活動中提高轉換率,建議你檢查CTA設計是否符合以上的內容與標準。

以上就是CTA行動呼籲的介紹,感謝閱讀!如果您希望定期收到Welly為您整理的行銷新知或定期彙整的知識懶人包,都可以填寫下方申請表訂閱Welly的電子報喔!▼

Kira

Kira

創辦人兼營運長

曾任法國 FRED&FARID 創意傳播集團客戶經理,管理 Welly SEO 超過 70 人的專案執行團隊,從專案流程管理、關鍵字策略、SEO 內容產出到數據分析,提供專業的 SEO 客戶服務,幫助多個網站快速成長到 10 萬以上流量。

分享至

img_CTA
img_CTA

想收到 Welly 彙整的國內外行銷新知?

訂閱可以收到:

每週一篇新知報

一季一本電子書

SEO 系統性學習文

其他主題

電商必備

電商需要的基礎知識在這裡都找得到, 包含電商平台、管理系統等。

行銷工具

行銷必備工具有哪些? 讓 Welly 幫你統整多種行銷工具教學與介紹文章!

SEO Guides

想要提升網站排名, 先從了解 SEO 搜尋引擎優化的基本知識開始!

延伸閱讀
網路行銷是什麼?9 種網路行銷方式、特性與趨勢一次搞懂
Polly

Polly

2024-11-11

Polly

Polly

2024-11-11

Polly

Polly

2024-11-11

Kira

Kira

2024-10-24

Polly

Polly

2024-10-03

Kira

Kira

2024-10-03

Polly

Polly

2024-10-03