已收藏,可在 我的資料庫 中查看
關注作者
您可能還需要

“殺手級”CTA具備的9大要素,你的自建站有了嗎?

一個好的CTA會包含各種元素。

“殺手級”CTA具備的9大要素,你的自建站有了嗎?

CTA(Calls to action)被應用于網站和App中,鼓勵用戶采取某些行動。它會以各種形式出現,包括按鈕、圖片和文字。

下圖是亞馬遜試圖引導消費者注冊Prime會員的CTA:

“Without Prime”那一列,亞馬遜使用黑色標題,字體比較小、沒有特色,使用紅色字標出價格給人一種警示的意味,確認鍵不是用按鈕,而是用文字“Continue without fast, free shipping”,提醒了消費者不購買Prime的劣勢。

另一方面,“Prime”那一列標題使用柔和的藍色,并且有“笑臉”,價格使用的是綠色,最下方黃色按鈕還有“benefits”一詞,能更好地激勵消費者注冊亞馬遜Prime。

從上例可以看出,一個好的CTA包含各種元素,因此本文將討論賣家在創建網頁CTA時,應該考慮的9個要素

1、并非所有CTA行為最終目標都是銷售

電商賣家的最終目標是銷售,這也是許多電商網站CTA鼓勵消費者購物或添加產品到購物車的原因。但是其實很多CTA與產生銷售無關,相反大量的CTA旨在找出潛在客戶、通知消費者并鼓勵分享。以下是幾種此類型的CTA示例:

(1)社交證明CTA

下圖中,Casper的CTA按鈕會顯示不同類型的消費者評論,每個CTA展示的是該公司的賣點:

下圖是爆米花零食制造商Pipcorn的視頻CTA,它也可以作為社交證明。每個短片都由一位Pipcorn粉絲講述他們最喜愛的“mini moment”,當然還會說明喜歡Pipcorn的哪一點。

(2)社交分享CTA

(3)獲取郵件的CTA

下圖的每個CTA目的都是為了獲取電子郵件地址,以發送營銷內容和其他優惠,捕捉未來潛在消費者:

2、CTA可以出現在任何地方

CTA的放置位置沒有一定的規定。下圖中,餐飲外送服務商Foodora,希望訪客輸入地址,以確保食物能送到:

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

下圖是某博客網站的CTA按鈕,每篇博文頁面右側都會詢問用戶是否要注冊獲取實時資訊:

即使用戶下拉,還是有CTA讓用戶能夠輸入郵件地址。

HubSpot引導讓訪客訂閱的CTA也做得很好,無論在頁面的哪個位置,都能看到該CTA按鈕,而且還有社交共享CTA固定保持在頁面最底部。

下圖中,紅心可以讓用戶添加產品到心愿單中。這樣設計不僅吸引人,而且也不會擋住產品圖像本身:

3、文本可以讓CTA更有效

大多數CTA基本就是一個按鈕大小,沒有很多空間宣傳產品特點。但賣家可以使用一些支持文本讓CTA更容易被點擊。

下圖CTA實際只有兩個詞,即“SHOP NOW”,但這兩個詞很有用。從頁面頂部不同顏色、非常醒目的CLEARANCE開始吸引消費者的目光,之后就是玫紅色的免費送貨說明,然后又再出現了非常大的CLEARANCE一詞,最后又是另一個免費送貨說明:

以下是汽車制造商Tesla的CTA例子。首先,Tesla讓訪客知道,如果現在購物,那么就可以在不到14天內拿到車。同時,定制車輛可在一至兩個月內交貨,之后再用藍色按鈕引導消費者購買:

下圖是有聲書網站Audible的CTA例子,它用免費試用30天作為CTA文本:

下圖是鼓勵訪客購買高端護照夾的CTA:

在CTA周圍使用文本表示有新產品,從而使用“discover”CTA按鈕更可能讓消費者點擊查看:

4、CTA不一定是無聊的按鈕

現在許多網站會把網頁上的CTA設計得很有趣。畢竟,并沒有人規定CTA必須為彩色的矩形。例如,下圖是注冊實時通訊的一個CTA,但卻無法找到Subscribe一詞,只有打鉤:

下圖Boss的CTA設計融入一些產品,這讓它能夠吸引了訪客注意力:

下圖例子中,電子郵件營銷企業MailChimp為推廣其社交廣告功能,使用合成的廣告為CTA:

蘋果公司在設計時從不懈怠,它為iPhone X制作了一個漂亮的CTA。不知道從哪里點進去查看?沒關系,任何地方都可以點擊進去查看:

以下是一些好的CTA示例,下圖中除了Shop now這樣標準的CTA元素,它的整個屏幕都可以點擊:

5、突出的CTA可以引導訪客查看你想讓他們訪問的位置

如果你銷售特定的產品,并想讓消費者意識到特定的促銷活動,那么就可以引導消費者到某些網頁。

下圖是CK的CTA,使用紅色字體突出“SALE”,利用了消費者喜歡促銷的心理:

軟件公司Zendesk的CTA選項則用較大的字體突出“Support”相關產品:

下圖是Nike的CTA,消費者可以通過“Shop Now”訪問電商店鋪,另一個CTA按鈕用有顏色的圈圈強化消費者可以自己創造個性化產品的觀念:

6、創建CTA時避免出現誤導性

創造引人注目的CTA可以引導訪客找到最佳特惠和服務,而誤導性CTA恰好相反。它使用顏色和位置來引導用戶訪問不想訪問的頁面,最終將導致客戶流失。

如下例所示,要取消網站訂閱,提交按鈕在左側,返回按鈕卻在右側,而且是紅色的,風扇用戶注意力,引導用戶點擊錯誤的結果:

以下是另一個誤導性CTA例子,同樣有關取消訂閱。當用戶想取消訂閱時,就會被帶到如下圖的網頁中,試圖讓用戶續訂:

在用戶下拉賣點頁面后,才可以繼續確認取消訂閱:

用戶點擊“Yes”后,又會被帶到另一個頁面:

用戶不得下拉,并最終提交問題答案,然后才能再次取消:

這如果消費者對服務并沒有感到非常不滿意的話,是有可能成功阻止用戶取消訂閱。但最糟糕的情況是,CTA會混淆用戶,讓他們以為取消訂閱了,很容易引起用戶的不滿。

7、CTA元素不止使用一次

如果你的CTA設計高雅并為消費者創造價值,讓他們獲得最佳及最新的優惠,那么消費者不會介意多次看到該CTA元素。

下圖頁面中有很多購物CTA按鈕,它們可以確保訪客隨時隨地購物:

有聲書網站Audible的主頁就充斥著各種CTA,而且每個CTA都有“free”一詞,而且也很多次呼吁用戶試聽:

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

一般CTA都是將用戶留在網站上,而最近社交CTA呈爆炸式增長,它除了讓用戶瀏覽或購買產品外,還開始鼓勵用戶分享到Pinterest或Twitter上。

之后就演變成:使用CTA讓人們在社交媒體App上分享內容:

鼓勵用戶分享的CTA非常棒。但問題是,當賣家將諸如WhatsApp和Slack等App融入CTA時,它不僅會讓消費者離開網站,還對技術整合有一定的要求。而且即使在2018年,有些整合并不順暢。

當用戶點擊分享到Slack的CTA時,可能會看到以下內容。顯然沒有人希望點擊CTA后看到需要聯系管理員的說明:

要分享到WhatsApp也可會發生相似的情況:

9、CTA可以作為導航工具

CTA元素是很好的導航工具,能準確地將訪客引導至你想讓他訪問的目標位置,為訪客提供良好的體驗。

以下是Hugo Boss的兩個CTA元素例子,旨在幫助訪客瀏覽大量有貨的品類和子品類:


下圖CTA進一步展示了子品類:


在有大量產品的網站上,這樣的CTA可以為消費者節省時間和精力。(編譯/雨果網 方小玲)

分享到:

--
評論
最新 熱門 資訊 資料 專題 服務 果園 標簽 百科 搜索
雨果跨境顧問
【爆單沖刺】Google爆單沖刺包
雨果跨境谷歌官方顧問

收藏

--

--

分享
国产成人AV| 逼特写操穴网| 国产欧美日本|