Call to Action按鈕是我們在優(yōu)化轉(zhuǎn)化渠道時最重要的因素之一。設(shè)計高轉(zhuǎn)化的Call to Action按鈕需要好好規(guī)劃。本文涵蓋了Call to Action按鈕的重要因素，檢驗不同著陸頁面和他們的Call to Action按鈕，從而進(jìn)一步學(xué)習(xí)通過如何優(yōu)化這個按鈕以提高網(wǎng)站、郵件和博客的轉(zhuǎn)化。

Call to Action 按鈕

Call to Action按鈕就是那個促使訪客采取特定行為的因素，經(jīng)常以一個按鈕或者鏈接形式出現(xiàn)。一個Call to Action按鈕可以包含任何形式，從一個設(shè)法讓人們?nèi)プ阅硞€服務(wù)的“訂閱“按鈕，到讓人們完成購買或者服務(wù)支付的“購買”按鈕都有可能。關(guān)于Call to Action按鈕這里有3個要素需要你注意：

1、 注意力

2、 信息

3、 策略

這3個要素對于Call to Action的轉(zhuǎn)化率有著重大的影響并且能夠通過優(yōu)化產(chǎn)生完全不同的效果：

注意力

你需要完成的首要任務(wù)就是Call to Action按鈕吸引注意力，從而帶來有效的較高轉(zhuǎn)化。一個Call to Action按鈕必須突出而且是訪客轉(zhuǎn)向的第一自然位置。通過確保你的Call to Action按鈕吸引注意力，你可以確保更多的訪客點擊它。也就是說，你不是簡單的通過一個巨大的按鈕去夸大蒙蔽訪客，這里有很多除了尺寸之外額外的方式能夠讓你抓住訪客的注意力：

尺寸

相比其他頁面上你想要確保你的CTA按鈕突出的因素，尺寸當(dāng)然重要。在著錄頁面上一個Call to Action的尺寸將表明它很重要，因此需要確保它比任何其他按鈕或者鏈接都要大。這個小竅門不僅適用于著陸頁，同樣適用于結(jié)賬步驟，Call to Action按鈕必須盡可能的比其他鏈接或者按鈕明顯，所有其他干擾的因素都應(yīng)該被移除。

顏色

按鈕的顏色對于它的轉(zhuǎn)化有著巨大的影響。除了心理學(xué)上顏色對于購買行為的影響，顏色同時能夠使你的Call to Action按鈕更加突出和明顯。在你的著陸頁面上Call to Action相關(guān)因素上利用高對比顏色，把Call to Action在一個能夠突顯按鈕而不是淹沒它的背景上。例如下圖，關(guān)于慈善：圖中的水有個很好的用了高對比按鈕的顏色的著陸頁---綠色背景上的藍(lán)色，并且利用一個小女孩的形象來吸引注意觀眾注意力。這個特別形象非常的有意思，在這類著陸頁上測試不同的情感觸發(fā)將是很有意思的一件事情。

影像

著陸頁的影像在CTA吸引力中占據(jù)最大的部分。除了確保影像沒有奪走按鈕上所有的注意力外，這個影像對于用戶而言會有很大的指示和幫助作用。人類的大腦處理影像的速度是文字的60000倍，這意味著在著陸頁面的影像在指引人們正確方向上是一個重要的角色。要確保所有的元素和影像都是對Call to Action按鈕的補充，甚至指向這個按鈕。這個著陸頁有3個重要的強(qiáng)調(diào)Call to Action的元素：

? 按鈕的尺寸—確保CTA在頁面上是占絕對優(yōu)勢的

? 影像清晰的指向CTA

? 按鈕顏色是突出并且顯而易見的

影像不一定必須指向影像，但是它們應(yīng)該以不同的方式彼此聯(lián)系-----影像需要作為一個指示器決定決定訪客瀏覽和移動到哪里去利用它。用一個凝視著按鈕方向的人的形象（見上圖）或者其他匯集在按鈕旁邊的著陸頁元素（見下圖），這個Incredimail的例子展示里如何利用按鈕胖不同的元素去吸引注意力：

另一個Cheezburger的不錯的案例：

留白

用留白來構(gòu)造CTA按鈕是一個從頁面上其他元素中分離出按鈕的非常棒的方式。留白賦予call to action按鈕一個比較顯性的存在感?；旧贤ㄟ^在按鈕旁允許足夠的留白（空白）可以使按鈕在頁面上更具統(tǒng)治地位。切記：不要留太大的空白出來以至于創(chuàng)造一種與整體頁面沒有關(guān)聯(lián)的錯覺。

位置

記錄在案的最古老的準(zhǔn)則：把CTA放在上半版版面?！吧习氚姘婷妗眳^(qū)域是指訪客不需要滾屏就能看到的著陸頁的部分。這個區(qū)域是你放置你所有重要元素---比如CTA按鈕的地方。大部分訪客都不會滾屏，并且由于你只有有限的時間將訪客轉(zhuǎn)化為顧客，你必須把CTA放在一眼就能立即看到的地方。

下圖中Microsoft把call to action按鈕放在了頁面下面，使得訪客滾屏到下面后完成轉(zhuǎn)化（如果他們確實在尋找CTA），就不是一個很好的主意。

信息

當(dāng)你開始設(shè)計Call to action時，文字和信息對于轉(zhuǎn)化率有重大的影響。如果call to action按鈕只是說“提交”或者“繼續(xù)”對于獲得轉(zhuǎn)化及對訪客增加價值是完全不夠的。這里有針對按鈕的信息和文字的三個原則：

? 簡短直接

? 行為導(dǎo)向

? 清楚易懂

在call to action按鈕中傳達(dá)一種緊迫感和價值，確保文字突出，對訪客有價值并且告訴他們?nèi)绾稳プ?。ROON有個很贊的Call to action按鈕，無論是從對比色（它按照需要提供了全部的注意力）還是行為導(dǎo)向方面。另外一個紅利是他們在CAT下面添加了支持性文字，提供了需求轉(zhuǎn)化的額外價值。

Call to Action最佳實踐

在我們繼續(xù)第三個也是最后一個Call to Action（戰(zhàn)略）元素之前，先來檢查下這些不同的我們能從中學(xué)到很多的Call to action按鈕：Avocode的calll? to action按鈕以非常棒的方式為了他們的Beta版發(fā)布收集郵件和leads。其中不乏好的點子：

1、 只有一個可以填寫的地方

2、 按鈕與背景顏色形成鮮明的對比

3、 CTA旁邊的大幅留白

4、 表達(dá)冷靜和信任感的藍(lán)色的利用

Gengo的Call to action偉大之處在于：

? 高度行為導(dǎo)向引導(dǎo)訪客立刻開始行動

? 按鈕本身足夠大去吸引注意力

? 表達(dá)了信任與授權(quán)的顏色和頁腳的顏色一致

另一個非常棒的Whistle的案例--

? 圖中的狗指向了Call to Action

? Call to action按鈕與著陸頁形成鮮明對比

? 我希望改變的一個地方：視頻按鈕從CTA這里吸引走了好多注意力，解決辦法之一就是去掉下面的call to action的按鈕，將按鈕改成一個鏈接

策略

Call to action按鈕通過給訪客附加值更為重要的的是對下一步進(jìn)行明確指引，以此來助力著陸頁。整個著陸頁應(yīng)當(dāng)傳達(dá)某一策略和情感觸發(fā)。著陸頁上有一個好的Call to action但是沒有策略是不夠的。記住你只有2.8秒的時間將訪客轉(zhuǎn)化到渠道中，之后40%的訪客都會丟失的。確保你的著陸頁和Call to action給訪客提供了實際價值，幫助他們更加輕松的在你的網(wǎng)站上瀏覽。Call to action是到你的轉(zhuǎn)化渠道的一個通道。以一定的方式建立和設(shè)計它們打開了一道邀請人們轉(zhuǎn)化的大門。