---
title: 好的 CTA (Call To Action) 行動呼籲設計，為你創造更好的網路行銷效益
description: Call to action 的中文是行動呼籲，英文簡寫為 CTA。行動呼籲的意思是透過圖片或一段文字來呼籲讀者進行某一項指定動作。例如：點擊按鈕，留下 email, 或立即購買等動作。
---

[Gogo Partners 夥伴行銷 ](https://blog.gogopartners.com)

# [好的 CTA (Call To Action) 行動呼籲設計，為你創造更好的網路行銷效益](https://blog.gogopartners.com/好的-cta-call-to-action-行動呼籲設計為你創造更好的網路行銷效益)

 Written by [Gogo Partners 夥伴行銷設計](https://blog.gogopartners.com/author/gogo-partners-夥伴行銷設計) | 17-11-3 下午1:39

 

CTA 是英文 Call To Action 的簡稱，中文翻譯通常多以「行動呼籲」、「召喚行動」來做解釋，但 CTA 到底是什麼意思？用途又是什麼呢？

 

Call-to-action 是一個號召性用語，就以字面上做白話的解釋，Call 代表呼叫、呼籲、號召之意，而 Action 則表行動、行徑之意。**CTA 通常是一張圖片，一個按鈕，或是一段文字**，主要是希望透過「呼籲」使造訪網頁的訪客可以依循著網頁的設計而有所「行動」。

 

簡單來說，你希望顧客造訪你的網頁後可以達成什麼目的？其目的是購買產品、訂閱電子書又或是申請會員？ 一般最常見的「行動呼籲」有馬上下載、加入購物車、申請加入或了解更多等。

 

以下我們透過兩種不同商業模式來做常見的 CTA 形式範例：

 

1. **購物電商平台**

做買賣購物平台的 Call to action 是最簡單、明瞭的，因為購物電商平台的主要目的就是促使訪客「買東西」，達成雙方買賣的目的。

 

所以當你今天是經營購物電商平台，你可以使用：立即購買、加入購物車、馬上下單等，會促使顧客下定決心購買產品的命令式行動。由於訪客通常會進入你的產品頁面，多是已經知道自己需要什麼產品、哪些產品可以解決他們的問題，這時候若在產品頁面加上命令式的行動呼籲，更能加速顧客購買的意願！

 

1. **知識性產品公司**

提供[知識性產品](http://wiki.mbalib.com/zh-tw/%E7%9F%A5%E8%AF%86%E4%BA%A7%E5%93%81)的公司，會給予訪客許多知識性的資訊。透過提供電子書、[**電子報行銷**](https://blog.gogopartners.com/edm-%E9%9B%BB%E5%AD%90%E5%A0%B1%E8%A1%8C%E9%8A%B7-%E8%90%BD%E4%BC%8D%E4%BA%86%E9%9B%BB%E5%AD%90%E9%83%B5%E4%BB%B6%E8%A1%8C%E9%8A%B7%E5%8F%AF%E6%98%AF%E7%B6%AD%E6%8C%81%E9%A1%A7%E5%AE%A2%E9%97%9C%E4%BF%82%E7%9A%84%E5%A5%BD%E5%B9%AB%E6%89%8B)的方式，使訪客對自己所遇到的問題有初步的了解，進而與訪客有更進一層的關係建立，而這裡的關係建立指訪客轉換成潛在顧客的過程。

 

如果你是這類型的公司，你的 Call to action 可能是：訂閱電子報、下載電子書等，透過要求訪客填寫表格(內容可能是填寫姓名、電話或信箱)，提供電子報或電子書給他們，以交換的方式達成雙方的目的，顧客填寫表格換取知識性的資訊，而你提供知識性資訊換取訪客信息，使訪客成為你的潛在顧客名單。 這種行銷方式稱之為 **[Inbound Marketing 集客式行銷](https://blog.gogopartners.com/inbound-marketing-是什麼為何是網路行銷成功的關鍵)**。

 

## CTA 的設計要點有哪些？

 

CTA 的設計與訪客是否要完成行動有相當程度的關聯性，你可以透過不同的大小、位置、顏色、文字內容來設計。

 

- **大小**

如何你希望訪客按下 CTA，那你的文字或按鈕設計絕對不會小到讓訪客看不見對吧？所以規劃符合各種網頁尺寸大小的 CTA 是非常重要的一件事。更重要的是它的尺寸要針對不同的裝置而有所更動！

 

假如今天你所設計的 CTA 只適合以電腦裝置開啟，然而今天訪客用手機打開頁面時，發現你的網頁頁面與手機螢幕大小不符合，還需要透過放大才看得清楚頁面內容，對於使用手機的訪客而言，肯定是一次很糟糕的經驗。所以在不同的裝置上，設計適合的尺寸大小是很重要的。

 

- **位置**

還記得 CTA 的目的是什麼嗎？是為了要讓訪客完成你期望他們完成的行動，所以它的位置擺放地點不得輕忽；它的位置最好是顯而易見、容易被找到的，而不是擺放在訪客找不到的位置，假如當訪客想要訂閱、購買時，還需要耗費精力尋找 Call to action, 可想而知你將會流失許多的訪客。

 

- **顏色**

CTA 的顏色設計，是要讓你凸顯它的存在，而不是讓它跟你的背景融合在一起。建議可以使用對比色系來做呈現，假如你的網頁頁面背景是較暗沈的色系，那 CTA 可以以鮮明、明亮的顏色做呈現，透過顏色對比的設計，吸引訪客的注意力。

 

- **文字內容**

當你要使訪客有所行動時，「行動呼籲」的文字內容是促使他們點擊的動力之一。就以「下載」和「馬上下載」，這兩個文字內容來做比較，試問你會按下哪一個按鈕呢？我想多數的人都會選擇「馬上下載」。透過命令式的口吻，可以促使訪客快點完成行動，減少他們猶豫的時間。

 

以上幾種設計要點都是你設計行動呼籲可以做的參考！然而你的設計並非一定能吸引訪客的目光，有時我們自己喜歡的設計不一定符合訪客的胃口。因此 **[AB 測試](https://blog.gogopartners.com/%E8%AE%93%E7%B6%B2%E8%B7%AF%E8%A1%8C%E9%8A%B7%E5%BB%A3%E5%91%8A%E4%B8%8D%E6%B5%AA%E8%B2%BB%E9%8C%A2%E7%9A%84%E5%94%AF%E4%B8%80%E6%B3%95%E5%89%87-ab-%E6%B8%AC%E8%A9%A6)**可以讓你了解顧客的喜好，可以測試哪一種大小、顏色、位置或是文字內容的 CTA，是顧客真正喜愛的設計，透過多次的測試，才能製作出最吸引訪客目光的設計。

 

Gogo Partners 夥伴行銷設計近期推出完整的「免費」**[ Inbound Marketing 集客式行銷課程](https://info.gogopartners.com/optin32382219)**，把這套行銷方式介紹給台灣的各行各業。快點選下方報名按鈕，免費學習最新、正要起步的網路行銷知識！

 

在網路行銷的時代，CTA 為網頁創造更大的轉換率 (電子書下載次數、產品購買數或會員申請數等)。而人們通常都是被動的，需要透過提醒、催促等方式來引導他們完成行動，所以 CTA 是一個很好的媒介，來促使、引導顧客完成行動，為你創造更大的轉換率！也別忘記要善用 AB 測試，不斷地嘗試並檢視你的設計是否能吸引訪客目光。

 

你有在網路上做 Facebook 廣告嗎？歡迎點擊連結下載我們的免費電子書，學習如何製作更成功的臉書廣告！

[View full post](https://blog.gogopartners.com/好的-cta-call-to-action-行動呼籲設計為你創造更好的網路行銷效益)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Gogo Partners 夥伴行銷設計"
  },
  "dateModified" : "2018-04-25T16:24:52.489Z",
  "datePublished" : "2017-11-03T13:39:57Z",
  "headline" : "好的 CTA (Call To Action) 行動呼籲設計，為你創造更好的網路行銷效益",
  "image" : {
    "@type" : "ImageObject",
    "height" : 627,
    "url" : "https://cdn2.hubspot.net/hubfs/2636521/call-to-action.jpg",
    "width" : 1200
  },
  "mainEntityOfPage" : "https://blog.gogopartners.com/好的-cta-call-to-action-行動呼籲設計為你創造更好的網路行銷效益",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "歡迎來到 Gogo Partners 夥伴行銷設計的部落格"
  }
}
```