切換菜單

- 主頁
- 文章
- 社交媒體
- 最佳號召性用語按鈕：8 個旨在轉換的 CTA

# 最佳號召性用語按鈕：8 個旨在轉換的 CTA

已發表: 2015-08-04
作者
奧斯汀
佩利
類別
用戶體驗

建立完美的網站很難。 從正確的配色方案，到選擇吸引觀眾的字體，再到確保技術 SEO 元素完美無缺，有很多不同的事情需要大量的思考和努力才能做到正確。 然而，對於任何試圖讓用戶做某事的網站來說，有一個元素確實比其他所有元素都重要——無論是購買產品、請求服務報價，還是了解有關企業可能價值的新事物提供他們。 這個重要的網站項目被稱為號召性用語按鈕，要做到正確可能難以置信地困難。 從選擇正確的形狀到其在您網站上的位置，在嘗試為您的網站創建最佳的號召性用語按鈕時，需要考慮各種不同的元素。 有這麼多不同的因素需要考慮，很容易不知所措並迅速確定一個按鈕而沒有太多考慮 - 但要小心！ 正確的號召性用語按鈕可能意味著網站生命週期內數百甚至數千次轉化之間的差異。 當您感到困惑時，一個很好的地方是查看一些正確執行其號召性用語的網站示例。 以下是我們最喜歡的 8 個：

## 1) 優步

所有最好的號召性用語按鈕都具有副本，可讓用戶單擊並查看網站轉換漏斗過程中接下來會發生什麼。 但是，任何好的號召性用語按鈕的一個同樣重要的部分是它是否從它所在的網站的其他部分中脫穎而出。 對於大多數帶有 cta 的頁面，對比度對於確保按鈕實際轉換非常重要。

很少有比優步網站更好的一致對比使用示例了。 主頁具有三個獨立的背景圖像，它們在 CTA 按鈕後面滾動，該按鈕的顏色、形狀或在網站左中部頁面上的位置不會改變。 它為三個非常不同的人口統計數據提供了三個版本的副本。 除了對比之外，這個號召性用語的有趣之處在於，三個滾動背景有效地按照每個目標受眾的順序進行。 首先，他們使用非常簡單的“註冊”副本來追踪騎手，然後是使用相同信息的司機。 最後，他們通過“了解更多”號召性用語為對企業為社區所做的事情感興趣的人提供信息。 雖然該副本的獨創性並不是特別令人震驚，但它很清楚，重點突出，並且如此強烈地吸引眼球，以至於大多數用戶與網站的初始交互幾乎完全基於 CTA 在頁面上的位置。

## 2) 彈性工作室

號召性用語按鈕有多種形狀和大小 - 但所有最好的按鈕都提供情感觸發，同時與它們所在頁面的其餘部分形成鮮明對比。 雖然 CTA 很重要，但有時 CTA 用來發揮作用的實際情緒觸發點並不在按鈕中，而是在圍繞它的副本中。

在 Flex Studios 的網站上可以找到這個想法的一個很好的例子。 該頁面以滾動背景圖像為特色，更改了每個圖像附帶的文本，同時提供了一個一致的綠色 CTA 按鈕和副本“Book a Class”。 這個網站特別有趣的是，每組副本都提供了不同的情感觸發因素，這些觸發因素可能會引起人們足夠的興趣來預訂課程。 最初的副本側重於突出 Flex 在紐約市聯合廣場的位置，因為他們的目標客戶就在該地區。 對於第二張圖片和一批副本，他們專注於他們提供的三種不同的鍛煉方式，以努力讓用戶通過點擊行動號召來查看他們可以預訂哪些不同的課程。 最後，他們強調了頭等艙的折扣價格。 通過這種方式，頁面及其 CTA 不僅僅解決了一個可能讓用戶點擊它的情緒觸發因素，而是解決了三個問題。 通過這種方式，頁面能夠捕獲具有不同需求的各種不同用戶，這就是使頁面上的號召性用語按鈕成為最佳選擇之一的原因。

## 3) 瘋狂蛋

雖然用戶“單擊以了解更多信息”或“購買產品”的簡單按鈕可能非常有效，但一些最佳的號召性用語按鈕更具交互性，並且可以作為一種將人們推下轉化漏斗的方式反對作為購買前的最後一步。

Crazyegg 的網站是交互式 CTA 為企業帶來巨大成果的一個很好的例子。 主頁非常簡單——它以公司的標誌為特色，並提出了一個非常簡單的問題，很多用戶都想知道答案：“是什麼讓你的訪問者離開？” 然後它更進一步，通過建議觀眾通過進入他們的網站然後點擊一個極具吸引力的 CTA -“顯示我的熱圖”來提供解決方案。 這種號召性用語非常有效，因為它通過呈現並提供簡單的問題解決方案來激髮用戶的興趣。 當他們到達下一頁時，他們真的想知道 Crazyegg 在他們的主頁上發布的問題的答案，因此更有可能註冊該服務。 整個過程是情感觸發與用戶交互相結合的一個非凡示例，以盡可能最有效的方式獲得大量業務轉化。

## 4) 醫療CPU

有時最好的號召性用語按鈕是最微妙的。 雖然這似乎違背了所有邏輯，但如果您的產品是一筆可觀的投資，有時保持您的號召性用語很重要，但次要向受眾提供有關他們為什麼需要購買您提供的產品的信息。

對於 B2B 醫療保健提供商 MedCPU，情況確實如此。 醫院的技術解決方案，他們的產品不是某人會心血來潮購買的東西——他們需要盡可能多的信息。 因此，頁面頂部的號召性用語按鈕“工作原理”是一個非常柔和的號召性用語，而不是“立即購買！” 或“註冊”，因為大多數用戶不會在初次進入網站時進入轉換過程的步驟 - 他們需要首先了解有關產品的更多信息。

只有當用戶到達頁面底部並閱讀了 medCPU 可以為他們的業務做的所有事情時，他們才會看到一組更強大的“聯繫我們”和“請求演示”的號召性用語。 這個網站是一個很好的初始號召性用語的例子，它是微妙的，但是以一種非侵入性的方式引導用戶在轉換過程中，在用戶的旅程後期與一個更難的以銷售為中心的號召性用語合作。網站。

## 5) 石蕊

我們已經討論了頁面其餘部分的內容如何影響號召性用語對企業的價值——但缺乏內容也會發揮作用。 在網站主頁上的首屏號召性用語中尤其如此，其中文本和圖像混亂可能會分散用戶查看（和點擊）原本完全不錯的號召性用語按鈕的注意力。

導致轉換的號召性用語按鈕的間距的最佳示例之一是電子郵件提供商 Litmus 的網站。 他們的橙色號召性用語按鈕，上面寫著“現在開始”，在大多數網站上都會非常有效 - 但隨著他們如何構建他們的頁面，它會更好地工作。 特別是，他們使用了極高品質的桌面圖像，並在後台打開了電子郵件測試套件，並配合他們的行動號召，令人印象深刻。 它提供的圖像回答了他們的 CTA 的“原因”——主要是他們的產品套件看起來很棒並提供了結果。 CTA 上方有兩行文字回答了“為什麼”，以真正推動這個想法。 雖然這在確保行動號召按鈕執行方面都令人印象深刻且有效，但這裡重要的是單個背景圖像、兩行文本和標準導航元素都是用戶必須應對的內容之外的內容用戶必須向下滾動才能看到其餘部分。 這意味著已經很突出的 CTA 在頁面上變得更加突出 - 結果推動了更多的轉化。

## 6) Spotify

當一個網站有兩個獨特的目標時，可能很難選擇突出顯示哪一個。 我們已經通過幾個例子來說明如何使用滾動背景圖像來解決這個問題 - 但它們顯然會在點擊率方面造成問題，因為您對第二個和第三個滾動圖像的操作調用變得更少因此，需要花時間和更少的機會來增加點擊次數。 如果您的企業面臨這個問題，有時最好使用不同的配色方案和字體選擇並排使用兩個號召性用語。

在音樂流媒體服務 Spotify 上可以找到在實踐中展示這一概念的最佳行動呼籲之一。 Spotify 有兩個明確的目標，當涉及到他們想要通過他們的在線形像做什麼時——盡可能多地使用他們的平台，同時試圖說服現有和新用戶購買他們的高級套餐是值得的投資。 為了確保這兩個動作都可以從他們的主頁上進行，它們具有兩個並排的號召性用語按鈕，它們的設計完全不同。 他們的“Go Premium”CTA 以綠色背景上的粗體白色文字為特色，而他們的“Play Free”按鈕則以透明地覆蓋在背景圖像上的黑色文字為特色。 很明顯，該網站的主要目標是通過按鈕的樣式和位置（頁面左側的按鈕和可點擊導航元素往往會帶來更多點擊）來推動高級註冊 - 但同時時間對於希望免費收聽的用戶來說很容易找到他們正在尋找的東西。

## 7) 退彈

許多轉化率最高的號召性用語在不影響按鈕轉化率的情況下，在頁面上整合推薦信方面做得非常出色。 雖然這在實踐中看起來相對簡單，但在實際提供價值的頁面上獲得推薦，同時又不會將用戶的注意力從號召性用語按鈕上移開，這絕不是小菜一碟。 在減輕一些用戶對購買您的產品或服務的恐懼，同時又不對那些本來會毫不猶豫地與您進行轉換的人產生負面影響之間存在一個非常脆弱的平衡。

完美地做到這一點的網站的一個很好的例子是 Unbounce，一個登陸頁面創建服務。 他們使用垂直空間做了令人印象深刻的工作，以確保他們的行動號召是節目的明星，同時仍然包括推薦。 按鈕本身很大，與背景顏色形成鮮明對比，並具有極具吸引力的副本，“立即構建一個高轉化率的登錄頁面”，用大白字表示。 很難不立即被號召性用語所吸引——但很明顯，Unbounce 知道他們的產品可能存在一些擔憂，因此他們竭盡全力讓一切盡可能清晰。 他們不僅以最簡單的方式製定了使用其服務的確切步驟，而且還在頁面最底部的首屏下方提供了推薦信。 這樣，推薦就可以為正在尋找它的用戶提供，但是這個人的臉和他們給出的關於 Unbounce 有用性的報價不會分散那些對服務下定決心並且只需要擁有他們的注意驅動到 CTA 按鈕。

## 8) 禮品火箭

有時，讓某人購買您的產品的最佳方式就是讓他們開始購買過程。 雖然這種情況很少見，但有時人們會在填寫完成購買過程所需的每個步驟時看到您的產品帶來的價值。 對於送禮行業來說尤其如此，最初的購買步驟是令人生畏的，但是送禮物給某人的感覺良好的效果有助於引導用戶在他們開始這個過程後完成。

在這種情況下，號召性用語按鈕經過定制，使流程看起來很簡單，並且不會嚇到用戶。 雖然您可能稍微歪曲了送禮物的難度，但一旦您讓用戶點擊按鈕以購買某人的禮物，您可以依靠這樣做的感覺良好的力量來抵消輕微的歪曲過程將變得多麼容易。 很少有企業能像 GiftRocket 一樣有效地利用這一策略。 他們的 CTA“發送 GiftRocket”極大地低估了他們的服務使用難度。 雖然通過他們相對簡單的領域並不是火箭科學（雙關語） - 它確實需要您花大約 5 分鐘的時間坐下來填寫所有內容。 這並不像 CTA 建議的那樣簡單地打響指並立即發送 GiftRocket。 話雖這麼說，因為易用性期望是在用戶開始流程之前設定的，他們將要送禮物 - 他們堅持流程。 畢竟，誰開始為他們關心的人購買禮物，然後中途停止——即使 CTA 有點誤導？

## 測試了最佳的號召性用語按鈕

毫無疑問，這些是 8 個設計最好的號召性用語按鈕，就其所投入的思想和時間而言。 他們中的大多數人已經在各自的網站上呆了一段時間，所有跡像都表明他們是非常有效的流量轉換器。 但是，重要的是要注意，僅僅因為號召性用語按鈕看起來不錯，並不總是意味著它會正常工作。 在一天結束時，號召性用語按鈕的目的是轉換流量 - 看起來並不漂亮。 因此，不要只是創建一個漂亮的號召性用語按鈕，然後將任務視為已完成且已塵埃落定。 測試它！ 當涉及到網站上的號召性用語時，您會驚訝於數據與實用性和美感的常見概念背道而馳的頻率。 您見過的最好的號召性用語按鈕示例是什麼？ 在下面的評論部分讓我們知道。

此塊已損壞或丟失。 您可能缺少內容，或者您??可能需要啟用原始模塊。
洞察力

##
相關文章

分享，謝謝！
免費與付費字體：為您的網站找到正確的排版

字體和排版為您的網站提供了一個在視覺上吸引訪問者的機會，因此為您的網站和品牌找到合適的免費或付費字體可能比您想像的更重要。

閱讀更多
10 個 SEO 分析工具來監控您的網站性能

SEO很難。 它不一定是。 這 10 個 SEO 分析工具可以幫助任何企業輕鬆提高搜索引擎排名。

閱讀更多
如何編寫傳達公司信息的標語

尋找創意標語來幫助提升您的業務？ 看看我們建立有效傳達品牌信息的標語的技巧。

閱讀更多
了解如何通過 5 個步驟改善您的社交媒體形象

我們的新博客文章提供了 5 個簡單的步驟，通過社交媒體上的品牌忠誠度創造巨大價值。

閱讀更多
優化您的 LinkedIn 個人資料以進行搜索的 10 個步驟

LinkedIn 可以解決您對偉大職業的永無止境的追求。 這裡有 10 個步驟可幫助您優化您的個人資料，以便被雇主找到。

閱讀更多