CTA 行動呼籲

如何在WordPress製作精美的CTA(Call to Action)提升網站轉化率

你是不是也常常在網站上看到免費下載、點我購買、訂閱等等的按鈕?其實這些就是所謂的CTA(Call to Action),中文叫做行動呼籲,對於網站來說,這是一個可以提升網站轉化率重要的行銷技巧之一,既然他那麼重要,那對他精心的進行設計當然也是必要的。

今天這篇文章將會向大家分享,在WordPress中可以製作出精美的CTA的外掛,以及CTA的五個設計要點。

CTA是什麼?

CTA是甚麼?

剛剛有說到CTA是一個可以提升網站轉換率重要的行銷工具之一,其實不只有網站,不管是社群媒體、APP、電商平台等等的地方,只要有網路,都可以看到他的身影。

CTA可以是一張圖片、一段文字、一個按鈕也可以是一個圖示,簡單來說他的目的就是要說服訪客採取行動,例如購買商品、訂閱電子報、註冊等等的行為。

想像一下你在電商網站看到喜歡的東西想要買,到了產品頁面,結果發現妳找不到購買產品的地方,你是不是就不想買了?如果有一個按鈕告訴你點我購買,你是不是馬上就可以知道如何操作?這就是CTA的另外一項功能,讓訪客知道下一步要怎麼操作。

CTA的7種常見類型

接下來,這裡我整理了幾種在網站上常常會看到的CTA類型提供給大家,他們會依據網站的內容出現在不同的地方。

1.訂閱

訂閱包含訂閱電子報、訂閱最新文章等等的,這些通常會出現在網頁的底部或是側邊欄,他通常也不會要你購買產品,就像是我右邊側邊欄的訂閱我的最新文章一樣。

2.註冊

你可以能會常常看到,免費加入等等的CTA,這些都可以屬於註冊的類型。

註冊CTA範例

3.聯繫表單

如果你的網站有提供服務或是產品諮詢的話,那你也一定會需要使用聯繫表單,他通常會使用在聯絡我們的頁面或是在網頁的最下方,像是很多Landing Page最後都會加上聯絡表單,有助於訪客再通過Landing Page了解你們之後可以馬上聯繫你們。

4.閱讀更多

假如你有寫部落格的話,你一定會常常看到延伸閱讀或是閱讀更多的CTA,他除了可以讓訪客知道還有什麼其他相關的內容之外,同時透過這個方式增加訪客在網站停留的時間,所以他有可能會出現在網頁的中間或是在底部。

5.購買

這個就是非常常見的類型了,只要你有逛過電商網站的話一定都會看到他或是有些產品推薦的文章也會常常看到他,所以他通常也會比較常出現在網站的中間。

購買CTA範例

6.免費索取

如果你有聽過電郵行銷的話,他就會是一個可以收集名單的很好的方法,你可以提供免費的電子書、技巧、清單或是有用的工具來跟訪客交換他的電子信箱,他通常會出現在側邊欄、彈出式廣告或是網站的底下。

免費索取CTA範例

7.社群媒體

對於部落格來說,如果自己的文章可以被分享到社群媒體的話,是可以增加可觀的流量的,或者是可以呼籲訪客追蹤你的IG、加入你的FB社團或是關注你的粉絲團等等的圖示也都可以算是CTA喔!

CTA的6大設計要點?

看到現在有沒有發現其實網路上充滿了各式各樣的CTA呢?而且也想要可以製作好看精美又有效的CTA,接下來我會跟大家分享製作CTA的幾個要點,幫助大家在製作的時候可以快速抓到重點。

顏色可以大膽地使用對比色

軟體公司HubSpot特別針對CTA按鈕的顏色進行測試,他們設計了綠色跟紅色的按鈕,然後運用AB測試以後發現紅色的按鈕點擊率比綠色的按鈕多了21%!是不是很神奇!

Hubspot AB test

雖然這不一定說明CTA一定要使用綠色或是紅色才好,不過對於顏色的重點應該是他最好可以是明顯的顏色,所以依據不同網站的配色,你的CTA可以使用對比色來凸顯他!

如果不知道要使用什麼樣的顏色的話,也可以使用一些配色工具,讓他不只可以凸顯出來,也不會影響網站整體的設計。

使用比較大的尺寸

想像一下你想要購買產品,結果他的按鈕很小,導致你看不清楚或是找不到他,這樣就會導致這個CTA沒有你想要的成效了,所以在製作CTA的時候,他的尺寸可以比你內文再大一些,一方面好閱讀另一方面也容易讓訪客注意到。

簡潔扼要的內容

剛剛有說到,CTA另外一個用處是為了讓訪客知道下一步可以做什麼,所以內容上最好就是要清楚的說明你要訪客做什麼,但是也不一定要使用「點我購買、點我了解更多」等等常見的文字。

可以說明訪客點了可以得到什麼幫助或是解決什麼問題,例如以掃地機器人為例的話或許可以是讓我躺著讓地板變乾淨等等,有趣又清楚說明作用的文字,並且最好可以是動詞。

要放在正確的位置才會有效

剛剛在說明常見的CTA類型的時候都順便說明了他們會出現的位置,其實這是有邏輯的,想像一下你剛進入一個網站首頁,他馬上就出現購買產品,你一定會想說我都還不知道你賣的東西可以幹嘛你就要我買了,所以不同類型的CTA應該放在他適合的位置才能有效的提升轉換率。

一個網頁不要一次放太多的CTA

根據Copy and Check的統計,他們分析了969個網站的CTA,發現平均每頁的數量是2.68%,也就是說大約是三個,不過當然也會因為內容的不同CTA的數量也會不同。

不過剛剛有說到CTA也是要讓訪客知道下一步要怎麼做,所以同時出現了太多的CTA的話,訪客反而可能會不知自己到底要做什麼。

持續的測試

不同的網站對上不同的目標族群,使用的CTA的顏色當然也都會不一樣,有所以最好可以例AB測試,製作不同的CTA來測試他的效果。

如何在WordPress快速製作出CTA?

最後就要跟大家分享在WordPress裡可以製作出好看的CTA的外掛。

Shortcodes Ultimate

wordpress shortcode plugin - shortcoded ultimate

Shortcodes Ultimate是一個免費的WordPress外掛,他裡面有50多個短代碼,但是他並不是要你自己寫程式進去,你只需要選擇你想要的內容元素例如按鈕、滑塊、圖片等等,然後很直接的設定他就好了,一點都不需要會程式語言,你也可以使用他做出精美的按鈕。

安裝之後,你可以在寫新文章的編輯器裡面,選短代碼,然後就可以看到他了。

shortcoded ultimate how to find

Elementor Pro

elementor website

Elementor是現在最流行的頁面編輯器之一,他有非常多的內容元素可以使用,他透過拖放的方式,就可以做出很好的的網頁。

你可能會想說製作CTA為什麼要提到他,因為這些內容元素裡面還除了最基礎的按鈕之外,還有彈出式廣告、呼籲採取行動等等可以用來製作CTA的工具,不過大多數只有購買在Elementor Pro才可以使用。

如果想要了解更多Elementor的訊息的話,可以參考我這篇文章,Elementor,最好用的WordPress頁面編輯器,包含基礎教學

MaxButtons

maxbutton

MaxButtons是專門用來製作按鈕的WordPress外掛,他可以讓你設計製作按鈕、客製化文字跟顏色還有調整按鈕的高度跟寬度,還可以設定滑鼠靠近使得文字顏色。

18 thoughts on “如何在WordPress製作精美的CTA(Call to Action)提升網站轉化率”

  1. 原來一個網頁不要放入太多的CTA比較好,
    而且用色可以大膽一點,
    我在做的時候都怕太花俏,
    影響到閱讀品質,
    感謝版主分享。

  2. 版主這篇太實用了,CTA不管是在寫部落格還是拍youtube或是製作ig貼文都太重要了,他就是一個幫你轉換且行銷的好工具,這篇貼文推

  3. 很實用也很詳細的分享,CTA放對地方應該是可以有不錯的效果,可以好好加強一下,哈哈,謝謝版主整理

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Scroll to Top