讓網站增加銷售量的利器:CTA ( Call-to-Action )

讓網站增加銷售量的利器:CTA ( Call-to-Action )

在網路上銷售商品是一條漫長的過程跟挑戰,我們看過很多人興沖沖的踏入,請人做了一個網站,然後就期待它可以生意興隆。但事實上,在網路上銷售其實必須經過縝密的計算與對話。網站的設計中,包含了許多元素,其中一個很重要的關鍵就是”CTA ( Call-to-Action”),也就是所謂的行動號召按鈕,或是鼓勵購買按鈕。
這個按鈕常常出現在網站內,但你可能不一定會注意到,所以我們今天想來聊聊這個讓你的客戶願意按下去掏錢的關鍵。

CTA ( Call-to-Action ) 到底是什麼?

號召性按鈕(CTA)常常出現在網站內,也就是告訴客戶說:來,你想要的東西在這裡,鼓勵你的客戶立即採取行動,但這個按鈕有時候不見得是購買商品,它也可以是下載文件、訂閱服務、註冊會員、聯繫、開始試用等等。來看看實際的範例好了:

基本上,CTA的用語都必須是相對肯定並且帶有個性的,例如:想脫魯按這裏、想變美趕緊來、給我好康別囉嗦。
比較少會是:點這裡試試看、點看看這類比較弱的語氣。
只要安排得宜,它絕對是你的網站銷售利器!

 

CTA範例一:蝦皮的廣告

有注意到右下角的:去逛逛了嗎?
CTA ( Call-to-Action ) 範例 airbnb | 設計迷

CTA範例二:Airbnb

Airbnb首頁,直接要求使用者進行“搜尋”的動作

該如何設定CTA?

首先要決定你想達成什麼目標

一個經過設計的CTA,它必須直指你網站的核心目標,所以身為網站的主人,你必須很清楚的知道,我究竟想達成什麼目標,然後再來決定它所擺放的位置以及號召性的關鍵詞是什麼。

舉例來說好了,假設你所提供的是線上交友性質的網站,那CTA的號召性文字就可以寫著:立即預約、找另一半、立即註冊找同好等等的詞彙。而某些情況下,或許我們不只想達成一個目標而已(通常也不會只有一個目標),那就必須做好妥善的安排,例如:你希望網友在瀏覽網站的時候可以購買商品,順便替你的粉絲頁按讚,甚至是訂閱你的電子報。那我們建議你將這些按鈕分別安排在頁面的不同位置,盡量同一頁面不要超過兩個CTA按鈕,否則就分開在不同頁面來顯示,才不會讓你的客戶覺得眼花撩亂。

設定CTA的同時,別忘了使用者體驗

OK~還記得我們前幾篇的文章嗎?11種不應該出現在你網站的設計 裡面有提到客戶體驗至上這件事。前面說到怎麼安排CTA,是以你自己本身出發的觀點來設計,但別忘了,網站就如同你的店面一般,真正掏錢在裡面逛來逛去體驗的是你的顧客,因此,他們怎麼想絕對比你怎麼想來得重要許多。
所以針對這部分,你有幾種選擇來評估該怎麼設計你的CTA擺放:

  • A/B Test : 設計兩種不同的頁面給相同的顧客,讓他們告訴你該怎麼辦。
  • 找一些你的忠實顧客,直接跟他們聊聊。

大多數時候,你還可以選擇拿競爭對手的網頁來比較,究竟差別在哪,透過身邊朋友或是客戶,請他們給你最直接的建議。
以上都是很好的方式,建議你都試試看再來決定如何設定你的CTA擺放位置。

CTA按鈕的設計三個關鍵

CTA按鈕以及文字必須設計的非常明顯(不然放它做什麼?)以下是我們建議必須注意的三個設計關鍵:

按鈕與文字配色:
在配色上必須盡量讓按鈕明顯,好讓使用者可以清楚的知道下一步是什麼,但不是說讓你用極度強烈的顏色來閃瞎你的客戶,如果在配色上有困擾的話,我們建議你到這裡看看:Coolors, 在這裡你可以找出與你的網站主色調搭配卻又不突兀的好選擇,另外,也別忘了色彩心理學的建議,某些特定的顏色是可以喚起人們特定的情緒的喔。

CTA按鈕尺寸大小:
通常來說,按鈕的大小必須比網站內的文字比例再大上一到兩個級距,切勿過度放大。

CTA按鈕擺放位置:
設定在網站首頁第一頁的按鈕其實作用不會太大,因為現在消費者選擇太多,因此請不要太期待那個位置的成效會有多好,我們反而建議你在網站的中段或是最後來放置按鈕,並且擺放的周圍盡量不要有太多干擾的元素存在,以避免混淆。

別忘了用Google Analytics追蹤成效

上述如果都做到了,那你千萬別忘記替每一次的點擊做完整的追蹤,因為這樣一來你才知道究竟有多少人對你的網站溝通模式感到興趣,如果成效不好也好即時修正,不論是從文字、圖片或是按鈕色調。

如果您想要提升網站的使用者體驗成效,很歡迎您透過我們的粉絲頁或是右下角的紅色對話泡泡直接與我們聯繫喔。

 

延伸閱讀

網站設計
讓網站增加銷售量的利器:CTA ( Call-to-Action ) | 設計迷
讓網站增加銷售量的利器:CTA ( Call-to-Action )

讓網站增加銷售量的利器:CTA ( Call-to-Action )

網站的設計中,包含了許多元素,其中一個很重要的關鍵就是"CTA ( Call-to-Action"),也就是所謂的行動號召按鈕,或是鼓勵購買按鈕。這個按鈕常常出現在網站內,但你可能不一定會注意到,所以我們今天想來聊聊這個讓你的客戶願意按下去掏錢的關鍵。

網站設計
網站設計二三事 | 11種不應該出現在你網站的設計 - 1
網站設計二三事 | 11種不應該出現在你網站的設計

網站設計二三事 | 11種不應該出現在你網站的設計

好不容易費盡心血做好的網站,不論是找設計師還是自己努力爬文做好的,肯定恨不得馬上公告給全天下對吧?但如果你的潛在客戶並不買單該怎麼辦?(翻桌)
尤其在網站上線之後,從一開始很漂亮的瀏覽量+轉換率,接著一直快速的下滑,或是明明有很高的訪客數字卻一直沒有人買單,我相信沒有什麼比這還令人感到絕望了。

網站設計二三事 | 11種不應該出現在你網站的設計

網站設計二三事 | 11種不應該出現在你網站的設計

好不容易費盡心血做好的網站,不論是找設計師還是自己努力爬文做好的,肯定恨不得馬上公告給全天下對吧?但如果你的潛在客戶並不買單該怎麼辦?(翻桌

尤其在網站上線之後,從一開始很漂亮的瀏覽量+轉換率,接著一直快速的下滑,或是明明有很高的訪客數字卻一直沒有人買單,我相信沒有什麼比這還令人感到絕望了。

因此有些話我們還是想對你(就是現在正在看文章的你)說,網站設計有一些死穴是絕對不能碰的,一旦不小心,你的心血結晶就灰飛煙滅(燒毀~)以下是我們整理出來的11個網站絕對不能有的東西,希望能夠協助到你。

 

1. 網站讀取速度太慢

相信我,今年是人類有史以來最沒耐性的時候了!尤其是當大家看到你好棒棒的宣傳廣告而點進來以後,卻發現必須等超過5秒以上才看得到內容,那他肯定立馬翻桌走人。

根據統計,47%的使用者希望網站在兩秒鐘內就讀取完畢。如果你的網站讀取時間超過三秒的話,至少會有40%的人離開。嘿啦,就是那一秒鐘!另外根據亞馬遜(Amazon)的統計,網頁讀取延遲一秒就會花費16億美元。沒錯,一秒鐘!(雖然我不太清楚為什麼是16億,不過好吧,總之就是很驚人)。

因此,如果你想要一秒惹惱你的顧客,那就讓網站繼續保持像撥接網路時代的讀取速度吧。坊間其實有很多工具可以讓你檢視你的網站讀取速度,例如 Google Page Speed Insight ,別怕,他有中文介面,輸入你的網址試試看吧!

2. RWD響應式網站很重要!

這是老話題,但總是有很多網站基於許多理由就是不更新,坦白說,如果不想更新不如直接砍掉,至少不會讓你的顧客覺得你不用心。而且不止這樣,就連搜尋引擎Google也非常不喜歡這類不在乎使用者體驗的網站而祭出相應的懲罰。所以相信我們,如果你基於種種理由無法更新網站的話,那至少先刪除。

至於怎麼設計適合各種裝置瀏覽的網站,我們接下來會再更新上來給你。
PS:如果你真的有想改變一點什麼的話,歡迎跟我們聊聊(右下角那個按鈕可以直接跟我們的設計師聯繫)。

3. 彈出式視窗四處可見

其實不是說彈出式視窗這功能不能用,而是一旦用法不對,或是放錯位置,直接逼走客戶真的是剛好而已。誰都不喜歡為了看內容而必須一直點右上角的XX對吧?切記,右上角的XX跟瀏覽器的返回鍵其實距離很近。

但如果只是想要一個可以讓你的客戶訂閱你的網站或是電子報的跳出式視窗該怎麼辦?其實現在有不少工具可以協助你來判斷怎麼樣是讓你的客戶比較舒服的,比如A/B test,做兩版不同的網頁來測試一下不就OK了?

試試看吧,A/B test其實很好用的。

4. 網站設計的風格過於復古

看看上面這張範例….嗯。其實他們是一個廣告公司的網站,故意這麼設計的。但若非出於刻意安排,我相信沒有人會想要看到這類型的網站吧?拜託不要!

 

5. 圖庫的照片hen好用,但是不要全部都是啊

圖庫的照片有時候可以解決大多數人的困擾,尤其是沒有攝影師或是預算有限的時候,這個我們也理解,我們偶爾也是會用圖庫的資源。

但不是叫你整個網站都用圖庫的照片啊啊啊,就算要用,至少也仔細挑一下照片的品質,不要弄得網站好像就是在賣圖庫的。這部分我們也會再另外寫一篇分享文。在這裡先分享一個有趣的網站:Art of Manliness blog

6. SEO很重要沒錯,但顧客感受更重要

還記得早年大家都在宣導,網站關鍵字塞越多越好嗎?那個年代已經過去咯,現在的搜尋引擎比你我都想像的聰明,針對這類的行為Google也做了相應的懲處,因此如果你還有這個觀念,拜託也請改掉。

SEO有他的基本需求,但我們想要強調的還是瀏覽你網站的顧客感受,沒有什麼比這個還要來得重要了,而且隨著時間的推移,顧客體驗這件事會更加重要。試著多看看其他網路上的說明,或是去書局翻翻書也好,要不,看看我們分享的這個連結吧:別執迷於SEO演算法,你該執迷的是使用者體驗 – by Awoo

7. 自我介紹也很重要喔

不論你的網站是什麼類型,願意花時間讀你的內容的顧客,或多或少也會想了解你的品牌或是作者的背景。一個不用心製作的關於品牌(或是關於我)頁面肯定會讓你的網站大大的扣分。

無論如何,試著用你日常講話的口吻來描述一切“關於你” 或是“關於品牌”的介紹。絕對讓你的網站魅力加分!

8. 網站跟迷宮一樣

網站設計的最基本元素就是良好的動線安排,切忌讓你的顧客在網站迷路,針對這部分你可以參考我們另一篇文章:9個你必須注意的電商網站設計原則 (建議你先另開新視窗,專心閱讀完這篇再繼續看下一篇喔)。

如果網站充斥著錯誤的連結,或是常常讓人迷路的話,你的網站瀏覽率快速下滑只是時間早晚的問題了。因此在網站一開始設計的時候,我們都會先畫好完整的動線安排路線圖,以及完整的分類導覽等,再來決定每一個位置,頁面該填入哪些內容。而不是過於沈迷於SEO,試著填入一堆想要騙客戶點擊進來的關鍵字,這樣一來,除了客戶不會再上門外,Google還會幫忙補你幾腳的。

所以記得,檢視一下你的網站是否有錯誤的連結以及動線安排是否合適吧。

9. 網站標題跟內容不佳

一個好的網頁或是文章的標題往往是決勝負的關鍵,但我們要說的不是叫你用標題殺人法騙點擊,而是試著在這塊環節更加用心一點。試著站在客戶的角度想,當看到你下的這個標題,顧客心中所期待看到的內容會是什麼?換個角度來說,假設你經過一家店,門口充滿著各式“不純砍頭”、“倒店大拍賣”、“租約到期”這類的宣傳字眼,現在的你,真的會走進去看看嗎?我想應該不會吧?

消費者真的看得出來你是否用心在經營你的店面(網站)。

10. 自動播放影片,賣鬧啊!

你有遇過在安靜的辦公室內,有同事在偷偷逛網站,結果不小心點到某些網站嵌入了自動播放影片還加上強制播放聲音的情形嗎?(我絕對不會說那個人就是你)。這真的超尷尬的,拜託不要讓你的顧客陷入這種窘境,雖然我們都知道你很想把你的作品或是介紹影片讓你的顧客看到,但是請用其他更聰明的方式,比如加上一些貼心的提醒,或是加上一些按鈕,讓他們可以自願點擊播放,千萬不要造成別人的困擾啊。

11. 重複架站

有些時候我們會遇到一些客戶,他們有兩個網站,原因是很早期做了一個,後來基於其他因素又另外做一個;或是不知道什麼原因,將官網跟購物車分開了(拍額頭)。

記得我們前面說的嗎?客戶體驗至上,不要讓他們在不同的網站跳來跳去,跳到最後只會讓你的生意白白的送給別人。過去的就讓他過去了,如果真的想要重新架站,麻煩把以前的刪掉,不要貪心。

小小總結

感謝你花時間看完我們的小小分享(鞠躬),說了這麼多,我們只是想強調一件事:顧客體驗至上,不論你是否做過生意,或是開過實體店面,每個來店裡消費的客戶,你都很盡心盡力的服務他不是嗎?那請站在客戶的立場想想,網站的規劃是否能讓你的顧客感受到你的用心,就像開店一樣,從設計圖、管線安排、裝潢、門面等等的,我們不都也是非常用心的交給專業的設計師來處理嗎?希望以上的內容能幫助到你喔。

PS:如果對於網站設計,或是想要我們協助你檢視現在的網站,都很歡迎你透過我們網站的右下角,直接與我們的設計師聯繫,或是到我們的Facebook:設計迷 來逛逛。

延伸閱讀

網站設計
讓網站增加銷售量的利器:CTA ( Call-to-Action ) | 設計迷
讓網站增加銷售量的利器:CTA ( Call-to-Action )

讓網站增加銷售量的利器:CTA ( Call-to-Action )

網站的設計中,包含了許多元素,其中一個很重要的關鍵就是"CTA ( Call-to-Action"),也就是所謂的行動號召按鈕,或是鼓勵購買按鈕。這個按鈕常常出現在網站內,但你可能不一定會注意到,所以我們今天想來聊聊這個讓你的客戶願意按下去掏錢的關鍵。

網站設計
網站設計二三事 | 11種不應該出現在你網站的設計 - 1
網站設計二三事 | 11種不應該出現在你網站的設計

網站設計二三事 | 11種不應該出現在你網站的設計

好不容易費盡心血做好的網站,不論是找設計師還是自己努力爬文做好的,肯定恨不得馬上公告給全天下對吧?但如果你的潛在客戶並不買單該怎麼辦?(翻桌)
尤其在網站上線之後,從一開始很漂亮的瀏覽量+轉換率,接著一直快速的下滑,或是明明有很高的訪客數字卻一直沒有人買單,我相信沒有什麼比這還令人感到絕望了。