設計一個非常有效的 CTA 轉換的 10 個步驟

已發表: 2021-06-13

您知道您網站的主要目標,但您的訪問者知道嗎?

您可能擁有網絡上最好的產品、具有用戶友好界面的華麗網站,以及通過有效的 SEO 技術產生的大量流量。 但是,如果您並不清楚您希望訪問者在訪問您的網站時做什麼,那麼您就已經失去了他們。

“如果您正在努力將訪問者轉化為客戶,您可能需要注意您的 CTA。

什麼是 CTA?

號召性用語或 CTA 是出現在您網站上並邀請讀者採取特定行動的口號。 它的主要工作是吸引人們的注意力並推動他們做一些將他們引向轉化漏斗的事情。

常見的 CTA 包括:

  • 下載電子書、指南或優惠券代碼
  • 註冊電子郵件通訊
  • 開始免費試用
  • 學到更多
  • 添加到購物車
  • 獲得免費諮詢

CTA 有幾種不同的形式,包括帶下劃線的文本、圖標和圖像,儘管按鈕通常是最常見的。

幾個描繪形狀和字母的彩色按鈕

CTA 的重要性

您的 CTA 是將訪問者轉變為客戶的基本步驟; 它是您品牌成功的守門人。 因此,他們需要自己的設計規則。 由於微小的更改可能會對轉化產生巨大影響,因此您必須正確完成這一更改。

以下是設計非常有效的 CTA 的十個最佳實踐。

1. 顏色

CTA 按鈕的顏色是您將做出的最重要的設計選擇之一。 它需要在視覺上引人注目,以便從頁面上的其他元素中脫穎而出。

關於哪種顏色最適合 CTA 存在很多爭論。 事實上,沒有一種顏色是一種神奇的轉換魔杖——它取決於幾件事,包括你的受眾和你網站的配色方案。

但是,視覺層次結構確實很重要,因此您選擇的顏色應該從頁面上的所有其他顏色中脫穎而出。 出於這個原因,對比色是要走的路。

選擇與您網站的其他部分形成鮮明對比的鮮豔顏色,但又適合整體設計。

Freshbooks 網站 CTA 屏幕截圖,帶有兩個表單框和一個綠色按鈕,上面寫著“免費試用”

2. 給它呼吸的空間

你是在一張漂亮、乾淨、周圍有很多空間的辦公桌上工作得最好,還是在周圍雜亂無章的地方工作得最好? 對大多數人來說,乾淨的辦公桌意味著頭腦清晰,能夠保持專注。

這同樣適用於您的 CTA。 在它周圍包含一塊健康的負空間會創造必要的呼吸空間,並將其與界面上的其他元素分開。 您在最重要的按鈕周圍包含的干擾越少,您進行轉換的機會就越大。

3. 面向行動的文本

忘掉枯燥乏味的文案,比如“輸入以獲取更多信息”,無論你做什麼,都不要指望人們會“提交”。 如果您想鼓勵讀者採取特定行動,請使用引人注目的、面向行動的語言,例如“下載”、“嘗試”、“加入”或“開始”,以便人們清楚他們下一步需要做什麼.

您的文字應該簡短——最好在兩到七個字之間——但它應該準確地傳達訪問者在執行操作時將收到的內容。 這不是試驗聰明或令人困惑的詞語的地方。

研究表明,信息越個人化,它就越成功。 將“創建您的帳戶”更改為“創建我的帳戶”,或將“開始您的 30 天免費試用”更改為“開始我的 30 天免費試用”可以將您的點擊率提高多達 90%。

4. 添加價值主張

除了迫使您的讀者採取某種行動之外,您的文本還應該傳達他們在點擊時將獲得的好處。 如果不清楚對他們有什麼好處,他們就沒有理由聽從你的指示。

你可以在 Copyblogger 上看到一個很好的例子:

copyblogger 網站 CTA 截圖。 “立即免費獲得經過驗證的營銷培訓”位於綠色按鈕上方,上面寫著“獲得免費培訓”

Copyblogger 在其文本中加入了“免費”一詞,這是一個很有說服力的詞。 “獎金”或“立即”將產生類似的效果。

5. 營造緊迫感

購買時,情緒是一個很好的驅動力。 對潛在客戶產生很好的一種情緒是好奇心,激發某人好奇心的一個好方法是激發一種緊迫感和稀缺感。

通過提供限時優惠並將其與福利相結合,例如免費電子書或在特定時間範圍內註冊時的折扣,您將激勵人們在他們仍然可以申請優惠時。 FOMO(害怕錯過)可以成為採取行動的強大動力。 即使使用“現在”這個詞也能傳達出一種微妙的緊迫感。

6. 安置

CTA 的位置是一個熱門話題。 傳統上,首屏被視為理想的位置,因此當人們登陸頁面時,這是不容錯過的。

但情況並非總是如此。 如果你在一家店裡,推銷員在描述產品的好處之前就用他的“立即購買”高談闊論,你很可能會放棄購買。

Neil Patel 發現,人們在註冊之前通常想了解更多關於優惠的信息——他的研究發現,當 CTA 放在首屏時,轉化率下降了 17%。 如果您的產品很複雜並且人們在做出承諾之前需要了解更多信息,則尤其如此。

歸根結底,如果您的報價足夠引人注目,人們會找到 CTA; 在他們準備好之前不要強迫他們。 如果您有一個長篇銷售頁面,那麼在頁面下方撒上一些 CTA 是一種很好的做法,因為它讓人們有機會在他們準備好後立即進行轉換。

手在鍵盤上打字以獲得有效的 CTA

7.特效

“在設計 CTA 按鈕時,不要重新發明輪子。 按鈕需要看起來像一個按鈕,這樣人們就知道它是可點擊的。

按鈕的大小應該合適——大到足以讓其一目了然,但又不能大到佔據其餘內容的主導地位。 按鈕的形狀會影響它的成功,圓角更容易在眼睛上,你可以玩一些特殊的效果,如陰影、3D效果、微妙的漸變和箭頭,或者包括 PayPal 或卡標誌以增加和平頭腦。

在大和大膽而不是霸道之間找到適當的平衡是有效CTA的關鍵。 從本質上講,按鈕越引人注目,人們點擊的可能性就越大。

8. 減少選項

提供太多選項可能會導致訪問者決策癱瘓,這可能導致他們點擊離開您的網站。 在可能的情況下,最好堅持一種選擇。

如果您確實需要包含兩個或更多選項,請始終為最重要的選項賦予更多視覺權重。 為此,請為不太重要的選項提供較低對比度的顏色,甚至使其透明,就像星巴克在這裡所做的那樣。

星巴克網站 CTA 屏幕截圖,有兩個選項。金色的“立即加入”和黑色背景上的黑色“登錄”

有時,包括兩個選項可以幫助人們感覺好像他們對過程有更多的控制權,這使他們更有可能轉換。 您可以包含第二個選項,它只是加強第一個選項,例如,“是的,請給我發免費的電子書”和“不,謝謝,我現在很好——也許以後會。”

然而,我見過一些例子,人們幾乎因為第二個按鈕上的文字而羞於做出某個決定。 雖然這可能會誘使一些人採取行動,但您可能會惹惱更多人,因此請簡單而謹慎地使用此技術。

9. 提供令人信服的信息

在 CTA 按鈕周圍添加補充文本有助於說服猶豫不決的潛在客戶冒險嘗試。 如果您的 CTA 鼓勵人們註冊免費試用,這將特別有用。

令人信服的信息可以包括諸如“無風險”、“無承諾”、“無需信用卡”或“退款保證”等保證。 您還可以包括來自滿意客戶的推薦或隱私承諾。

Netflix 解決了客戶在其“免費加入一個月”CTA 之前“隨時取消”的能力。

Netflix 網站 CAT 截圖

10.測試,測試,測試

一旦您創建了 CTA 並實施了所有這些有用的提示,您的工作還沒有結束! 您需要檢查您的 CTA 是否具有預期的效果。

進行 A/B 測試,看看顏色、信息、報價、設計和位置的變化如何影響您的轉化率。 反复嘗試,直到找到正確的組合——有時微小的、易於進行的更改可以產生巨大的變化。 並且不要忘記定期檢查以查看 CTA 是否繼續有效。

您是否在在線副本中明智地使用 CTA? 您對設計有效的 CTA 有哪些提示和技巧? 在下面的評論中告訴我們。