CTA(Calls to action)被應(yīng)用于網(wǎng)站和App中,鼓勵(lì)用戶采取某些行動(dòng)。它會(huì)以各種形式出現(xiàn),包括按鈕、圖片和文字。
下圖是亞馬遜試圖引導(dǎo)消費(fèi)者注冊(cè)Prime會(huì)員的CTA:
“Without Prime”那一列,亞馬遜使用黑色標(biāo)題,字體比較小、沒有特色,使用紅色字標(biāo)出價(jià)格給人一種警示的意味,確認(rèn)鍵不是用按鈕,而是用文字“Continue without fast, free shipping”,提醒了消費(fèi)者不購買Prime的劣勢(shì)。
另一方面,“Prime”那一列標(biāo)題使用柔和的藍(lán)色,并且有“笑臉”,價(jià)格使用的是綠色,最下方黃色按鈕還有“benefits”一詞,能更好地激勵(lì)消費(fèi)者注冊(cè)亞馬遜Prime。
從上例可以看出,一個(gè)好的CTA包含各種元素,因此本文將討論賣家在創(chuàng)建網(wǎng)頁CTA時(shí),應(yīng)該考慮的9個(gè)要素:
電商賣家的最終目標(biāo)是銷售,這也是許多電商網(wǎng)站CTA鼓勵(lì)消費(fèi)者購物或添加產(chǎn)品到購物車的原因。但是其實(shí)很多CTA與產(chǎn)生銷售無關(guān),相反大量的CTA旨在找出潛在客戶、通知消費(fèi)者并鼓勵(lì)分享。以下是幾種此類型的CTA示例:
(1)社交證明CTA
下圖中,Casper的CTA按鈕會(huì)顯示不同類型的消費(fèi)者評(píng)論,每個(gè)CTA展示的是該公司的賣點(diǎn):
下圖是爆米花零食制造商Pipcorn的視頻CTA,它也可以作為社交證明。每個(gè)短片都由一位Pipcorn粉絲講述他們最喜愛的“mini moment”,當(dāng)然還會(huì)說明喜歡Pipcorn的哪一點(diǎn)。
(2)社交分享CTA
下面兩張圖片是數(shù)字營銷企業(yè)HubSpot的CTA,它們與銷售無關(guān),而是想讓用戶將內(nèi)容分享到社交媒體、電子郵件等。
(3)獲取郵件的CTA
下圖的每個(gè)CTA目的都是為了獲取電子郵件地址,以發(fā)送營銷內(nèi)容和其他優(yōu)惠,捕捉未來潛在消費(fèi)者:
CTA的放置位置沒有一定的規(guī)定。下圖中,餐飲外送服務(wù)商Foodora,希望訪客輸入地址,以確保食物能送到:
即使下拉查看,輸入地址的CTA文本和按鈕也仍然存在:
下圖是某博客網(wǎng)站的CTA按鈕,每篇博文頁面右側(cè)都會(huì)詢問用戶是否要注冊(cè)獲取實(shí)時(shí)資訊:
即使用戶下拉,還是有CTA讓用戶能夠輸入郵件地址。
HubSpot引導(dǎo)讓訪客訂閱的CTA也做得很好,無論在頁面的哪個(gè)位置,都能看到該CTA按鈕,而且還有社交共享CTA固定保持在頁面最底部。
下圖中,紅心可以讓用戶添加產(chǎn)品到心愿單中。這樣設(shè)計(jì)不僅吸引人,而且也不會(huì)擋住產(chǎn)品圖像本身:
大多數(shù)CTA基本就是一個(gè)按鈕大小,沒有很多空間宣傳產(chǎn)品特點(diǎn)。但賣家可以使用一些支持文本讓CTA更容易被點(diǎn)擊。
下圖CTA實(shí)際只有兩個(gè)詞,即“SHOP NOW”,但這兩個(gè)詞很有用。從頁面頂部不同顏色、非常醒目的CLEARANCE開始吸引消費(fèi)者的目光,之后就是玫紅色的免費(fèi)送貨說明,然后又再出現(xiàn)了非常大的CLEARANCE一詞,最后又是另一個(gè)免費(fèi)送貨說明:
以下是汽車制造商Tesla的CTA例子。首先,Tesla讓訪客知道,如果現(xiàn)在購物,那么就可以在不到14天內(nèi)拿到車。同時(shí),定制車輛可在一至兩個(gè)月內(nèi)交貨,之后再用藍(lán)色按鈕引導(dǎo)消費(fèi)者購買:
下圖是有聲書網(wǎng)站Audible的CTA例子,它用免費(fèi)試用30天作為CTA文本:
下圖是鼓勵(lì)訪客購買高端護(hù)照夾的CTA:
在CTA周圍使用文本表示有新產(chǎn)品,從而使用“discover”CTA按鈕更可能讓消費(fèi)者點(diǎn)擊查看:
現(xiàn)在許多網(wǎng)站會(huì)把網(wǎng)頁上的CTA設(shè)計(jì)得很有趣。畢竟,并沒有人規(guī)定CTA必須為彩色的矩形。例如,下圖是注冊(cè)實(shí)時(shí)通訊的一個(gè)CTA,但卻無法找到Subscribe一詞,只有打鉤:
下圖Boss的CTA設(shè)計(jì)融入一些產(chǎn)品,這讓它能夠吸引了訪客注意力:
下圖例子中,電子郵件營銷企業(yè)MailChimp為推廣其社交廣告功能,使用合成的廣告為CTA:
蘋果公司在設(shè)計(jì)時(shí)從不懈怠,它為iPhone X制作了一個(gè)漂亮的CTA。不知道從哪里點(diǎn)進(jìn)去查看?沒關(guān)系,任何地方都可以點(diǎn)擊進(jìn)去查看:
以下是一些好的CTA示例,下圖中除了Shop now這樣標(biāo)準(zhǔn)的CTA元素,它的整個(gè)屏幕都可以點(diǎn)擊:
如果你銷售特定的產(chǎn)品,并想讓消費(fèi)者意識(shí)到特定的促銷活動(dòng),那么就可以引導(dǎo)消費(fèi)者到某些網(wǎng)頁。
下圖是CK的CTA,使用紅色字體突出“SALE”,利用了消費(fèi)者喜歡促銷的心理:
軟件公司Zendesk的CTA選項(xiàng)則用較大的字體突出“Support”相關(guān)產(chǎn)品:
下圖是Nike的CTA,消費(fèi)者可以通過“Shop Now”訪問電商店鋪,另一個(gè)CTA按鈕用有顏色的圈圈強(qiáng)化消費(fèi)者可以自己創(chuàng)造個(gè)性化產(chǎn)品的觀念:
創(chuàng)造引人注目的CTA可以引導(dǎo)訪客找到最佳特惠和服務(wù),而誤導(dǎo)性CTA恰好相反。它使用顏色和位置來引導(dǎo)用戶訪問不想訪問的頁面,最終將導(dǎo)致客戶流失。
如下例所示,要取消網(wǎng)站訂閱,提交按鈕在左側(cè),返回按鈕卻在右側(cè),而且是紅色的,風(fēng)扇用戶注意力,引導(dǎo)用戶點(diǎn)擊錯(cuò)誤的結(jié)果:
以下是另一個(gè)誤導(dǎo)性CTA例子,同樣有關(guān)取消訂閱。當(dāng)用戶想取消訂閱時(shí),就會(huì)被帶到如下圖的網(wǎng)頁中,試圖讓用戶續(xù)訂:
在用戶下拉賣點(diǎn)頁面后,才可以繼續(xù)確認(rèn)取消訂閱:
用戶點(diǎn)擊“Yes”后,又會(huì)被帶到另一個(gè)頁面:
用戶不得下拉,并最終提交問題答案,然后才能再次取消:
這如果消費(fèi)者對(duì)服務(wù)并沒有感到非常不滿意的話,是有可能成功阻止用戶取消訂閱。但最糟糕的情況是,CTA會(huì)混淆用戶,讓他們以為取消訂閱了,很容易引起用戶的不滿。
如果你的CTA設(shè)計(jì)高雅并為消費(fèi)者創(chuàng)造價(jià)值,讓他們獲得最佳及最新的優(yōu)惠,那么消費(fèi)者不會(huì)介意多次看到該CTA元素。
下圖頁面中有很多購物CTA按鈕,它們可以確保訪客隨時(shí)隨地購物:
有聲書網(wǎng)站Audible的主頁就充斥著各種CTA,而且每個(gè)CTA都有“free”一詞,而且也很多次呼吁用戶試聽:
一般CTA都是將用戶留在網(wǎng)站上,而最近社交CTA呈爆炸式增長(zhǎng),它除了讓用戶瀏覽或購買產(chǎn)品外,還開始鼓勵(lì)用戶分享到Pinterest或Twitter上。
之后就演變成:使用CTA讓人們?cè)谏缃幻襟wApp上分享內(nèi)容:
鼓勵(lì)用戶分享的CTA非常棒。但問題是,當(dāng)賣家將諸如WhatsApp和Slack等App融入CTA時(shí),它不僅會(huì)讓消費(fèi)者離開網(wǎng)站,還對(duì)技術(shù)整合有一定的要求。而且即使在2018年,有些整合并不順暢。
當(dāng)用戶點(diǎn)擊分享到Slack的CTA時(shí),可能會(huì)看到以下內(nèi)容。顯然沒有人希望點(diǎn)擊CTA后看到需要聯(lián)系管理員的說明:
要分享到WhatsApp也可會(huì)發(fā)生相似的情況:
CTA元素是很好的導(dǎo)航工具,能準(zhǔn)確地將訪客引導(dǎo)至你想讓他訪問的目標(biāo)位置,為訪客提供良好的體驗(yàn)。
以下是Hugo Boss的兩個(gè)CTA元素例子,旨在幫助訪客瀏覽大量有貨的品類和子品類:
下圖CTA進(jìn)一步展示了子品類:
在有大量產(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)【跨境電商贏商薈】