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