作為一個網路零售商,如果你的網站內容豐富,必定會讓讀者留下深刻的印象。不過作為一個跨境電商,更應該希望將所有造訪網頁的人,都轉換成為自己的顧客!為了要達成這個目標,最有效的方法就是網站內容要有明確的Call To Action。若沒有優化CTA,那麼即使潛在消費者有再多的購物慾望,你也很難將這些人潮帶來有效的轉換率。

 

何謂CTA(Call-to-action)?

簡單來說,CTA的作用是將網站上的瀏覽者(無論是電子商務網及電子報等等),引導至你精心策劃的「導引內容頁」,做你希望他們做的行為,而對於網路零售商而言最終的目的,就是將網頁瀏覽者轉化為消費者完成消費。

Call-to-Action-Examples

在消費者普遍地越來越熟悉網路零售商在網站使用的販售技巧時,對於商家來說能夠從消費者得到期待的反應是越來越不容易的,因此要設計出一個好的CTA同時需要考量到設計以及心理學,才能讓這些顧客準確咬餌上鉤。

 

目前網站上最普遍的CTA形式就是一個按鈕包含了醒目且意象清楚的字體,並在下面補充兩句話作為註解,雖然這種CTA非常簡單且成為絕大多數電子商務網使用的技巧,但對於CTA的操作仍然有許多方向可以下手。當然看到這裡你一定會認為CTA在網頁內容中絕對是不可或缺的一部份,但作為一個商家求的不外乎是兵貴神速,商品當然賣越快越多越好。

不過最重要的是CTA在文案的編輯上也不可太具銷售化字眼及躁進,讓消費者一眼就看穿你的目的將會產生些許反感,索性關掉網頁,像是「現在購買(Buy Now)」的這種CTA。

buy now

基本上好的CTA不外乎是與瀏覽者做互動,在文案中強調該商品與瀏覽者的關聯性以引起其共鳴,讓瀏覽者產生想要更進一步了解的求知慾。通常最簡單也最直白的CTA不外乎是以下這個熟悉的按鈕:

buy now

沒錯!也許你會覺得這個按鈕時常看到而且也非常直覺,通常這個CTA出現於一站式購物網是非常合理的,但若是一般的電商網站呢?

如果消費者本來就是該品牌的愛好者亦或是心裡早已打算就是要上網買該品牌之商品,那這個按鈕無疑非常成功,但若是對於一般的瀏覽者來說,可能造成對此網站的排斥性,因為品牌與消費者的連結性不夠強大,網站營造出的產品視覺與文案不足以構成與瀏覽者之間溝通的橋樑,那麼在開發潛在消費者來說這個CTA很有可能是失敗的,也就是先前提到,CTA在文案的編輯上也不可太具銷售化字眼及躁進。

 

那要如何打造良好且不會讓消費者感到反感的CTA?有以下3個關鍵:

  1. 直接切中要點:不要讓消費者花太多時間在思考你究竟想傳達什麼內容。
  2. CTA要明顯:才能在網頁眾多的內容中脫穎而出吸引顧客目光。
  3. 越簡單越好:最好不要讓人感覺到文字帶有強烈的商業氣息,盡量創造出與消費者生活息息相關的感覺。

 

依照目前網站架構大致上可分為基本常態CTA搜尋欄關鍵字CTA互動式板塊CTA三種,以下是幾個經典案例分享。

 

  • 基本常態CTA
dollar shave club

Dollar Shave Club

Dollar Shave Club一目瞭然的網頁清楚地傳達出商品的內容,並且用幽默詼諧的語氣告訴你,這是一支一個月只要幾塊錢的刮鬍刀,沒有多餘餘的承諾和太多的廢話,「做就對了」!其中Do it很明顯就是一個CTA,雖然點下去想當然爾是連結到購買的頁面,但首頁的主視覺提供的卻是一種互動方式的行銷。

 

tommy hilfiger

TOMMY HILFIGER

TOMMY HILFIGER衣服商品主視覺直接填滿網頁是現在網頁設計者愛用的方式之一,雖然說這個CTA的意圖也十分明顯,不過創意性與刮鬍刀的案例相比相形失色。

 

airbnb

Airbnb

Airbnb透過主頁背景影片切換的方式,傳達出你在世界各地角落居住可能的情景,讓消費者抱持著一個美好的幻想,加上文字告訴你「歡迎回家」,就算是初次造訪Airbnb網頁的人,也會二話不說按下「如何使用Airbnb」,是一個非常好的CTA。

 

Uber

UBER

Uber新版的官網背景同樣是仿造Airbnb影片方式呈現搭乘UBER的情境影片,也許歡笑也許安心享受旅途,再加上右邊明確的「開始享受Uber搭乘服務」CTA按鈕,整體來說有吸引到人體驗並點選的意圖。

 

  • 搜尋欄關鍵字CTA
zillow

Zillow

Zillow網頁很直覺的呈現方式就讓人清楚是房仲業的網站,但透過「Find your way home」並配上Buy、 Rent、 Sell、 Zestimate四大主題,消費者可以很明確的知道該如何使用這個搜尋頁面,去獲得他們想要的資訊。

 

  • 互動式板塊CTA
nimble

NIMBLE

Nimble是一個提供小額貸款的機構,進到網站後,可以透過滑鼠游標去拖拉你想要的貸款金額,相對於一般「點我申請」或是「我要貸款」算是另外一種小型的互動式的CTA。

 

看完以上那麼多的案例,分享一個看完仍可改進的CTA。

hottopic

HOT TOPIC

HOT TOPIC這個頁面主視覺可分為三大塊,但真正的CTA是藏在中間的「SHOP NOW」。不過CTA擺放位置不明顯,且文字用色與其他圖片色調太過相似,使得在整個頁面中的曝光度大幅下降。此外,「SHOP NOW」這個CTA呈現出來的感覺並不讓人以為是一個可供點選的按紐,相對於上述幾個成功案例來說,CTA的操作高下立判。

 

結語:CTA無庸置疑是在操作電子商務不可或缺的重要環節,不過在看過這麼多的案例後,最重要的還是要先認清自己的商品價值以及要與客戶傳達什麼,才有機會抓住任何一個潛在消費者的胃口,讓他們有所行動。花俏的網頁設計就算能將網頁瀏覽者導入到購買頁面,但若沒有優質的產品描述及商品價值加乘下,潛在消費者仍然可能流失!快回去自己的網頁看看自己的CTA夠不夠引人注目、有沒有符合你的網站風格吧!

 

想要定期收到跨境電商與網路行銷實用資訊?歡迎訂閱我們的電子報

Anfernee 老張
Anfernee 老張
Anfernee 擁有超過10年的電商創業經歷。25 歲在澳洲創辦網路藥局 OKme,透過自營網站、eBay 及 Amazon 等通路,全通路策略在短時間內獲得高速成長。2013年,創立 Innovotech Labs,專注於電商的價格競爭數據分析,在定價策略有深入研究,客戶包括 ALDI Liquor、Bunnings Warehouse、Baby Bunting 等大型零售通路。2015年,創辦 TransBiz 跨境電商顧問,結合國外數位行銷以及電商數據分析的實戰經驗,協助台灣品牌「賣」向世界。

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料