銷售頁設計重點:CTA(Call To Action)行動呼籲設計,怎麼做才吸睛?

2021-12-15

前言

身為電商老闆的你是否有個很漂亮的購物網站,看起來超吸引人?但後臺數據卻顯示很多顧客都是進到網站後,沒有購買就離開了……..
想不通為什麼嗎?你的網站很可能少了最關鍵的一步——CTA(Call-To-Action)行動呼籲按鈕。什麼是CTA?接下來會跟各位一一介紹CTA的在一個銷售網頁的重要性。

什麼是 Call-To-Action 行動呼籲設計?

先簡單介紹一下CTA到底是什麼,CTA是Call-To-Action的縮寫,中文可以翻成「行動呼籲設計」,也有人叫它行為召喚,白話一點就是,引導使用者做出你想要的行為或是行動

舉例來說,很多廣告的最後都會出現「快撥打下列電話號碼」,或是進入網站會有一個不停閃爍的「即刻購買」按鈕,這兩個都是常見的CTA實例。

那CTA的功能跟目的有那些呢?這邊主要分為兩點說明:

第一點:吸引使用者的注意力

使用者在網路上搜尋資料或商品時,大部分是帶著一定目的在觀看資訊,當他們逛到你的網站,覺得商品及服務不錯,很符合他們的需求,想要了解更多甚至直接下單購買,假如沒有設定好吸引目光的CTA,使用者們很可能因為找不到他們希望或預期的下一步,失去耐心進而離開你的網站,便錯失了潛在客戶。

Spotify為例,CTA按鈕顏色搭配得很成功,讓人能夠一眼就注意到。(圖片來源:Spotify)

第二點:引導使用者

除了吸引目光外,CTA還有一個很重要的功能是「讓使用者主動採取行動」,也就是說在使用者進入網站後,你可以透過CTA的設置,一步一步引導使用者至購買頁面,而在整個過程中,都是他們主動點擊,讓其覺得沒有被打廣告或是強迫推銷。設計好的CTA其實很像一個超強銷售員,在潛在消費者經過時,透過各種銷售技巧,將他們帶到結帳櫃台,等消費者回過神,已經在結帳了~

Spotify為例,針對不同需求的客群設計專門的CTA按鈕,降低訪客迷路的風險。(圖片來源:Spotify)

總結上述兩點來說CTA的主要目的就是,設計一些明顯的步驟按鈕吸引顧客,並讓他們在不知不覺中完成你的目標。

Illustration of cursor

CTA怎麼設計?應該要注意些什麼?

知道CTA目的之後,來講講到底要怎麼設計有效的CTA,有幾個關鍵要點跟注意事項一起來看看吧!

  1. 文字內容

CTA的文字設定就一個重點「簡單易懂不複雜」。想像一下當使用者看完你的網站之後有興趣,想更進一步認識你們,興致勃勃地想點擊你設置好的CTA按鈕,結果發現上面還有一堆文字要閱讀,可能就瞬間覺得無趣,不想點擊了……。

如果你是販售商品,建議文字內容可以放上「立刻前往購買」,假設你是提供服務,那就可以放上「馬上了解更多」,這種字數少又很直接的文字,最適合拿來設定CTA,要記得CTA的主要目的是引起注意並增加點擊的興趣,因此會建議用比較有趣積極的語氣,搭配短短的文字來撰寫CTA的內容。

  1. 顏色、圖樣設計

想好要放的文字後,下一步就是設計你的CTA圖樣,關於圖樣設計,一樣記住一個重點,CTA是要可以吸引目光,也就是使用者在瀏覽你的網站時,能夠一眼就看到他。

因此在顏色的配置上,除了可以參考色彩心理學,也建議可以好好使用對比色,

選擇跟你網站整體色調對比的顏色去做搭配,讓CTA變得顯眼。假如你的網站背景是比較暗沉的深色系,那可以使用明亮的顏色去做凸顯,如果頁面上不只一個CTA,要留意主要及次要間的顏色搭配,避免分散訪客的注意力。

像是下面的網頁,整體色調是桃紅色,CTA使用相關顏色設計,搭配上以白色為基底的主要內容,相當醒目。

  1. 擺放位置、不同階段

圖樣設計好之後,接下來就是要思考CTA的擺放位置,那麼他應該要出現在哪裡最適合?

一般來說我們的閱讀方式是由左至右、由上而下,所以將CTA放在內容的右側或是最下方會比較合適,能夠更好的被看到。

另外剛剛有提到CTA的其中一個功能就是引導訪客,讓他們在不知不覺中跟著你設計的步驟走,因此在決定擺放位置時除了要留意顯眼與否,更要注意CTA在網站整體的動線上是否流暢,若是動線沒有稍作規劃,很可能會讓訪客在網站裡迷路,找不到想看的東西便離開網站。

最後一步:追蹤數據、看成效

除了上述的幾點,還要記得針對你的CTA去設定數據追蹤並做測試,透過觀察參數有助於你做出調整和優化。

通常我們會使用A/B Test來驗證我們設定的CTA是否真的有成效,也可以測試出哪種文字內容、呈現方式、擺放位置、最能吸引到訪客點擊,網路上有許多平台讓大家去做測試,像是Lihi.利害就提供完整的A/B test,會將流量做自動分流,另外系統更會自動鎖定瀏覽器,同一瀏覽者只會看到同一頁面,提高測試數據的準確度。

結語

總結來說設置CTA很簡單,只要了解幾個重點,並從訪客的角度出發,思考如何讓其在瀏覽網站時可以更順利流暢,你就抓到做出一個好CTA的訣竅了,再搭配上不斷測試優化,相信CTA能夠為你帶來不錯的效益!

回到頂端