CTA（Calls to action）被應(yīng)用于網(wǎng)站和App中，鼓勵(lì)用戶(hù)采取某些行動(dòng)。它會(huì)以各種形式出現(xiàn)，包括按鈕、圖片和文字。

下圖是亞馬遜試圖引導(dǎo)消費(fèi)者注冊(cè)Prime會(huì)員的CTA：

“Without Prime”那一列，亞馬遜使用黑色標(biāo)題，字體比較小、沒(méi)有特色，使用紅色字標(biāo)出價(jià)格給人一種警示的意味，確認(rèn)鍵不是用按鈕，而是用文字“Continue without fast, free shipping”，提醒了消費(fèi)者不購(gòu)買(mǎi)Prime的劣勢(shì)。

另一方面，“Prime”那一列標(biāo)題使用柔和的藍(lán)色，并且有“笑臉”，價(jià)格使用的是綠色，最下方黃色按鈕還有“benefits”一詞，能更好地激勵(lì)消費(fèi)者注冊(cè)亞馬遜Prime。

從上例可以看出，一個(gè)好的CTA包含各種元素，因此本文將討論賣(mài)家在創(chuàng)建網(wǎng)頁(yè)CTA時(shí)，應(yīng)該考慮的9個(gè)要素：

1、并非所有CTA行為最終目標(biāo)都是銷(xiāo)售

電商賣(mài)家的最終目標(biāo)是銷(xiāo)售，這也是許多電商網(wǎng)站CTA鼓勵(lì)消費(fèi)者購(gòu)物或添加產(chǎn)品到購(gòu)物車(chē)的原因。但是其實(shí)很多CTA與產(chǎn)生銷(xiāo)售無(wú)關(guān)，相反大量的CTA旨在找出潛在客戶(hù)、通知消費(fèi)者并鼓勵(lì)分享。以下是幾種此類(lèi)型的CTA示例：

（1）社交證明CTA

下圖中，Casper的CTA按鈕會(huì)顯示不同類(lèi)型的消費(fèi)者評(píng)論，每個(gè)CTA展示的是該公司的賣(mài)點(diǎn)：

下圖是爆米花零食制造商Pipcorn的視頻CTA，它也可以作為社交證明。每個(gè)短片都由一位Pipcorn粉絲講述他們最喜愛(ài)的“mini moment”，當(dāng)然還會(huì)說(shuō)明喜歡Pipcorn的哪一點(diǎn)。

（2）社交分享CTA

下面兩張圖片是數(shù)字營(yíng)銷(xiāo)企業(yè)HubSpot的CTA，它們與銷(xiāo)售無(wú)關(guān)，而是想讓用戶(hù)將內(nèi)容分享到社交媒體、電子郵件等。

（3）獲取郵件的CTA

下圖的每個(gè)CTA目的都是為了獲取電子郵件地址，以發(fā)送營(yíng)銷(xiāo)內(nèi)容和其他優(yōu)惠，捕捉未來(lái)潛在消費(fèi)者：

2、CTA可以出現(xiàn)在任何地方

CTA的放置位置沒(méi)有一定的規(guī)定。下圖中，餐飲外送服務(wù)商Foodora，希望訪(fǎng)客輸入地址，以確保食物能送到：

即使下拉查看，輸入地址的CTA文本和按鈕也仍然存在：

下圖是某博客網(wǎng)站的CTA按鈕，每篇博文頁(yè)面右側(cè)都會(huì)詢(xún)問(wèn)用戶(hù)是否要注冊(cè)獲取實(shí)時(shí)資訊：

即使用戶(hù)下拉，還是有CTA讓用戶(hù)能夠輸入郵件地址。

HubSpot引導(dǎo)讓訪(fǎng)客訂閱的CTA也做得很好，無(wú)論在頁(yè)面的哪個(gè)位置，都能看到該CTA按鈕，而且還有社交共享CTA固定保持在頁(yè)面最底部。

下圖中，紅心可以讓用戶(hù)添加產(chǎn)品到心愿單中。這樣設(shè)計(jì)不僅吸引人，而且也不會(huì)擋住產(chǎn)品圖像本身：

3、文本可以讓CTA更有效

大多數(shù)CTA基本就是一個(gè)按鈕大小，沒(méi)有很多空間宣傳產(chǎn)品特點(diǎn)。但賣(mài)家可以使用一些支持文本讓CTA更容易被點(diǎn)擊。

下圖CTA實(shí)際只有兩個(gè)詞，即“SHOP NOW”，但這兩個(gè)詞很有用。從頁(yè)面頂部不同顏色、非常醒目的CLEARANCE開(kāi)始吸引消費(fèi)者的目光，之后就是玫紅色的免費(fèi)送貨說(shuō)明，然后又再出現(xiàn)了非常大的CLEARANCE一詞，最后又是另一個(gè)免費(fèi)送貨說(shuō)明：

以下是汽車(chē)制造商Tesla的CTA例子。首先，Tesla讓訪(fǎng)客知道，如果現(xiàn)在購(gòu)物，那么就可以在不到14天內(nèi)拿到車(chē)。同時(shí)，定制車(chē)輛可在一至兩個(gè)月內(nèi)交貨，之后再用藍(lán)色按鈕引導(dǎo)消費(fèi)者購(gòu)買(mǎi)：

下圖是有聲書(shū)網(wǎng)站Audible的CTA例子，它用免費(fèi)試用30天作為CTA文本：

下圖是鼓勵(lì)訪(fǎng)客購(gòu)買(mǎi)高端護(hù)照夾的CTA：

在CTA周?chē)褂梦谋颈硎居行庐a(chǎn)品，從而使用“discover”CTA按鈕更可能讓消費(fèi)者點(diǎn)擊查看：

4、CTA不一定是無(wú)聊的按鈕

現(xiàn)在許多網(wǎng)站會(huì)把網(wǎng)頁(yè)上的CTA設(shè)計(jì)得很有趣。畢竟，并沒(méi)有人規(guī)定CTA必須為彩色的矩形。例如，下圖是注冊(cè)實(shí)時(shí)通訊的一個(gè)CTA，但卻無(wú)法找到Subscribe一詞，只有打鉤：

下圖Boss的CTA設(shè)計(jì)融入一些產(chǎn)品，這讓它能夠吸引了訪(fǎng)客注意力：

下圖例子中，電子郵件營(yíng)銷(xiāo)企業(yè)MailChimp為推廣其社交廣告功能，使用合成的廣告為CTA：

蘋(píng)果公司在設(shè)計(jì)時(shí)從不懈怠，它為iPhone X制作了一個(gè)漂亮的CTA。不知道從哪里點(diǎn)進(jìn)去查看？沒(méi)關(guān)系，任何地方都可以點(diǎn)擊進(jìn)去查看：

以下是一些好的CTA示例，下圖中除了Shop now這樣標(biāo)準(zhǔn)的CTA元素，它的整個(gè)屏幕都可以點(diǎn)擊：

5、突出的CTA可以引導(dǎo)訪(fǎng)客查看你想讓他們?cè)L問(wèn)的位置

如果你銷(xiāo)售特定的產(chǎn)品，并想讓消費(fèi)者意識(shí)到特定的促銷(xiāo)活動(dòng)，那么就可以引導(dǎo)消費(fèi)者到某些網(wǎng)頁(yè)。

下圖是CK的CTA，使用紅色字體突出“SALE”，利用了消費(fèi)者喜歡促銷(xiāo)的心理：

軟件公司Zendesk的CTA選項(xiàng)則用較大的字體突出“Support”相關(guān)產(chǎn)品：

下圖是Nike的CTA，消費(fèi)者可以通過(guò)“Shop Now”訪(fǎng)問(wèn)電商店鋪，另一個(gè)CTA按鈕用有顏色的圈圈強(qiáng)化消費(fèi)者可以自己創(chuàng)造個(gè)性化產(chǎn)品的觀念：

6、創(chuàng)建CTA時(shí)避免出現(xiàn)誤導(dǎo)性

創(chuàng)造引人注目的CTA可以引導(dǎo)訪(fǎng)客找到最佳特惠和服務(wù)，而誤導(dǎo)性CTA恰好相反。它使用顏色和位置來(lái)引導(dǎo)用戶(hù)訪(fǎng)問(wèn)不想訪(fǎng)問(wèn)的頁(yè)面，最終將導(dǎo)致客戶(hù)流失。

如下例所示，要取消網(wǎng)站訂閱，提交按鈕在左側(cè)，返回按鈕卻在右側(cè)，而且是紅色的，風(fēng)扇用戶(hù)注意力，引導(dǎo)用戶(hù)點(diǎn)擊錯(cuò)誤的結(jié)果：

以下是另一個(gè)誤導(dǎo)性CTA例子，同樣有關(guān)取消訂閱。當(dāng)用戶(hù)想取消訂閱時(shí)，就會(huì)被帶到如下圖的網(wǎng)頁(yè)中，試圖讓用戶(hù)續(xù)訂：

在用戶(hù)下拉賣(mài)點(diǎn)頁(yè)面后，才可以繼續(xù)確認(rèn)取消訂閱：

用戶(hù)點(diǎn)擊“Yes”后，又會(huì)被帶到另一個(gè)頁(yè)面：

用戶(hù)不得下拉，并最終提交問(wèn)題答案，然后才能再次取消：

這如果消費(fèi)者對(duì)服務(wù)并沒(méi)有感到非常不滿(mǎn)意的話(huà)，是有可能成功阻止用戶(hù)取消訂閱。但最糟糕的情況是，CTA會(huì)混淆用戶(hù)，讓他們以為取消訂閱了，很容易引起用戶(hù)的不滿(mǎn)。

7、CTA元素不止使用一次

如果你的CTA設(shè)計(jì)高雅并為消費(fèi)者創(chuàng)造價(jià)值，讓他們獲得最佳及最新的優(yōu)惠，那么消費(fèi)者不會(huì)介意多次看到該CTA元素。

下圖頁(yè)面中有很多購(gòu)物CTA按鈕，它們可以確保訪(fǎng)客隨時(shí)隨地購(gòu)物：

有聲書(shū)網(wǎng)站Audible的主頁(yè)就充斥著各種CTA，而且每個(gè)CTA都有“free”一詞，而且也很多次呼吁用戶(hù)試聽(tīng)：

8、小心使用需要用App才能交互的CTA

一般CTA都是將用戶(hù)留在網(wǎng)站上，而最近社交CTA呈爆炸式增長(zhǎng)，它除了讓用戶(hù)瀏覽或購(gòu)買(mǎi)產(chǎn)品外，還開(kāi)始鼓勵(lì)用戶(hù)分享到Pinterest或Twitter上。

之后就演變成：使用CTA讓人們?cè)谏缃幻襟wApp上分享內(nèi)容：

鼓勵(lì)用戶(hù)分享的CTA非常棒。但問(wèn)題是，當(dāng)賣(mài)家將諸如WhatsApp和Slack等App融入CTA時(shí)，它不僅會(huì)讓消費(fèi)者離開(kāi)網(wǎng)站，還對(duì)技術(shù)整合有一定的要求。而且即使在2018年，有些整合并不順暢。

當(dāng)用戶(hù)點(diǎn)擊分享到Slack的CTA時(shí)，可能會(huì)看到以下內(nèi)容。顯然沒(méi)有人希望點(diǎn)擊CTA后看到需要聯(lián)系管理員的說(shuō)明：

要分享到WhatsApp也可會(huì)發(fā)生相似的情況：

9、CTA可以作為導(dǎo)航工具

CTA元素是很好的導(dǎo)航工具，能準(zhǔn)確地將訪(fǎng)客引導(dǎo)至你想讓他訪(fǎng)問(wèn)的目標(biāo)位置，為訪(fǎng)客提供良好的體驗(yàn)。

以下是Hugo Boss的兩個(gè)CTA元素例子，旨在幫助訪(fǎng)客瀏覽大量有貨的品類(lèi)和子品類(lèi)：

下圖CTA進(jìn)一步展示了子品類(lèi)：

在有大量產(chǎn)品的網(wǎng)站上，這樣的CTA可以為消費(fèi)者節(jié)省時(shí)間和精力。

*以上內(nèi)容屬作者個(gè)人觀點(diǎn)，不代表贏商薈立場(chǎng)！如有侵權(quán)，請(qǐng)聯(lián)系我們。

小貼士：更多跨境電商干貨資訊，敬請(qǐng)掃碼關(guān)注下方微信公眾號(hào)【跨境電商贏商薈】