50 個你忍不住點擊的號召性用語示例

想想你在生活中註冊的所有時間。 你曾經下載過印象筆記嗎？ 保管箱？ Spotify？ 也許你甚至上過關於大會的課程。

這些註冊中的每一個都可能是有效號召性用語 (CTA) 的結果。

想一想：如果您沒有被 CTA 的副本或設計所吸引，或者在註冊過程中沒有被如此雄辯地引導，那麼您可能會使用比現在少得多的應用程序和網站。

使用戰略 CTA 引導訪問者完成購買過程非常重要。

什麼是營銷中的 CTA？

作為營銷人員，CTA 是相關的，因為它們鼓勵您的受眾對營銷活動採取行動。

最終，任何營銷活動的目標都是在買家的旅程中引導您的受眾，以便他們最終進行購買。

但是，每個營銷活動都可能有不同的行動供受眾執行，因為您可以使用多種策略來指導受眾的旅程。

以下是您可能在營銷中使用的 CTA 按鈕副本類型的一些示例：

上述類型的 CTA 都有特定的用途，但請記住，它們使用的語言可能會有所不同。 今天，世界各地的營銷人員都在他們的行動呼籲上進行了一些創造性的調整，以產生他們的業務所依賴的潛在客戶。

為了幫助您確定什麼是有效的，什麼不是，我們列出了完全震撼的 CTA 示例。 這些號召性用語示例分為三類：

• 簡單有效的 CTA
• 具有出色號召性用語的 CTA
• 在一個頁面上平衡多個按鈕的 CTA

2022 年最佳行動呼籲示例

1. HubSpot

圖片來源

使用 HubSpot 的好處之一是他們提供的大量免費資源。 在一篇討論營銷智能的文章中發現了這個滑入式 CTA，它展示了一個放置得當的 CTA 如何改善用戶體驗。

它不顯眼，在文章的中間出現，不僅提示讀者“立即下載”，而且提供有用且免費的資源。 營銷工具包為那些可能不知道從哪裡開始的人提供了一個開箱即用的解決方案。

為什麼這個 CTA 有效

這個滑入式 CTA 提供了一個免費資源，它與它出現的文章的主題直接相關。 讀者可以讀完文章，然後下載帶有模板的指南，開始製作自己的營銷工具包。 （單擊此處了解如何將幻燈片 CTA 添加到您的博客文章中。）

2. Budgetnista

圖片來源

The Budgetnista 由個人理財教育家和作家 Tiffany Aliche 經營，是個人理財的一站式商店。 除了提供令觀眾滿意的內容外，她還是創建引人入勝的 CTA 的專家。

她沒有簡單地註冊 CTA 來宣傳她的時事通訊，而是使用吸引讀者點擊的語言。 “註冊每週好東西”聽起來比“註冊我的時事通訊”有趣得多。 誰不想要每週的好東西？

為什麼這個 CTA 有效

語言的友好和創造性使用鼓勵遊客採取所需的行動。 它還反映了 Aliche 的個性，觸感很好，有助於個性化交互。

3. 光澤度

圖片來源

美容品牌 Glossier 降低了其營銷形象，展示了具有各種皮膚類型的女性的真實形象。 誰能忘記他們的男孩眉毛運動？ 他們的網站很乾淨，有很多空白空間，可以讓模特和化妝的照片流行起來。

他們的 CTA 是在您開始向下滾動他們的網站時出現的疊加層。 雖然許多人會很快點擊彈出窗口，但 Glossier 選擇的語言讓您想要留下來。 “讓我們把它帶到您的收件箱”是一種巧妙的方式來讓人們註冊您的時事通訊。 如果您想加入，只需單擊“我加入”即可。

為什麼這個 CTA 有效

與 The Budgetnista 一樣，Glossier 使用巧妙的措辭使品牌更具相關性並吸引人們採取行動。 具有出色 Glossier 妝容的模特形象和隨附的插圖也有助於使此 CTA 具有吸引力。

4. 310創意

圖片來源

增長機構和 HubSpot 合作夥伴 310 Creative 旨在幫助 B2B 公司擴展和完善買家的旅程以增加銷售額。 知道該網站的訪問者可能不太清楚他們需要哪些特定服務，310 Creative 利用 CTA 來消除混亂。

滑入式 CTA 邀請訪問者預訂免費評估，以了解他們的業務可能在哪些方面存在不足，並了解為什麼會出現這些結果。

為什麼這個 CTA 有效

它不僅通過明確聲明服務是免費的來消除障礙，而且這個 CTA 還表現出對訪問者的同情。 通過描述一個問題後跟“如果這聽起來很熟悉，讓我們談談”，這表明 310 Creative 可以幫助並理解用戶的挫敗感。

5. 鼎盛時期

圖片來源

鼎盛時期是面部行業的反叛者。 它的簡約、簡潔的方法使其成為那些只想在沒有大驚小怪和追加銷售的情況下看到美學家的人的最愛。

這種極簡但友好的方法也出現在他們的 CTA 中。 這個 CTA 充分利用了一些皮膚發光的模特，吸引觀眾以折扣價註冊他們的時事通訊。 “註冊並保存”按鈕很有說服力，還有幽默的“不，謝謝，我更喜歡全價護膚品”超鏈接選擇退出。

為什麼這個 CTA 有效

鼎盛時期採用美麗的美學、折扣和幽默來鼓勵遊客採取所需的行動。

6. VRBO

圖片來源

如果您喜歡在業餘時間瀏覽美麗的度假屋，VRBO 是一個不錯的選擇。 該品牌充分利用了令人嚮往的美學和華麗的環境。

深藍色的 CTA 在 VRBO 的白色背景下彈出，吸引了讀者。然後“發現你的逃生”按鈕為那些可能有興趣租用度假屋的人增添了一絲冒險的感覺。

為什麼這個 CTA 有效

VRBO 充分利用了色彩和措辭。 這不是一次假期，而是一次冒險，他們可以作為您值得信賴的嚮導。

7.葫蘆

圖片來源

流媒體巨頭 Hulu 採用了這種 CTA 的戲劇性方法。 暗淡的背景展示了它所有的電視和電影產品，而 CTA 的綠色和白色文本將您的注意力吸引到促銷活動上。

這是一種註冊和追加銷售，通知用戶他們可以通過 Disney+ 和 ESPN+ 獲得折扣附加。

為什麼這個 CTA 有效

此 CTA 以他們與捆綁包達成交易的印象來吸引訪問者。 它不僅僅是一個註冊按鈕，而是“獲取迪士尼捆綁包”。 它強調提供價值以吸引訪問者採取行動。

8. Hija De Tu Madre

圖片來源

服裝公司 Hija De Tu Madre 採用乾淨的粉紅色和白色配色方案，散發出年輕和清新的氣息，保持新鮮感。 使他們的 CTA 如此吸引人的大部分原因是巧妙的文字遊戲，混合了西班牙語和英語，這是對目標受眾的頌歌。

圖片來源

因為他們如此吸引觀眾，Hija De Tu Madre 可以從他們的觀眾中提取更多信息。 他們不僅有一個請求電子郵件的 CTA（第一張圖片），而是在第二個 CTA 中引入了手機請求。 他們如何說服人們交出他們的數字？ 通過為他們提供贏得商品的機會——特別是他們流行的牛仔夾克。

為什麼這個 CTA 有效

提供訪問者認為有價值的東西以換取他們的個人信息——在這種情況下，一件令人垂涎的牛仔夾克，將使人們更有可能分享更多信息。 關鍵是了解您的受眾並挖掘他們的興趣。

9. 羊毛與幫派

圖片來源

這個來自 Wool and the Gang 的 CTA 會讓你感到內心一片模糊。 顧客穿著他們的 Wool and the Gang 服裝的拼貼背景加上一隻可愛的小狗真的吸引了讀者，並與品牌的觀眾相得益彰。

CTA 按鈕顯示“分享您的針織衫#woolandthegang”，鼓勵客戶分享他們使用 Wool and the Gang 產品製作的產品，同時起到品牌推廣和客戶參與的作用。

為什麼這個 CTA 有效

這個 CTA 不僅吸引了訪問者的注意力，還創造了一種社區感並吸引訪問者加入。 隨著越來越多的客戶在社交媒體上分享他們的套件，這個特殊的 CTA 還兼作品牌推廣。

10. 調整它的工作室

圖片來源

家居裝飾和設計公司 Tweak It Studio 展示了有趣但清晰的 CTA 的重要性。

他們用粗體字的“Just Dropped”吸引訪問者的注意力，以告知讀者提供的新產品，然後將其與一個 CTA 按鈕結合起來，該按鈕準確地說明該項目是什麼——在本例中為“個性化木材名稱”。 它比只有一個簡單地說“立即購買”的按鈕更有效。

為什麼這個 CTA 有效

此 CTA 使用“剛剛放棄”的緊迫性來讓訪問者檢查商店中的新商品，並在單擊後訪問者接下來要去的按鈕中清楚地傳達信息。

想要更多 CTA 設計靈感？ 在下面查看我們最喜歡的一些號召性用語示例。

1. HubSpot CTA [免費模板]

尋找靈感來幫助構建更好的 CTA？ 使用我們專業設計的 CTA 模板從您的內容中產生更多點擊、提交和潛在客戶。

2. 印象筆記

CTA：註冊

圖片來源

“記住一切。” 訪問者一登陸此頁面就可以立即理解該信息。 Evernote 網站上的設計讓用戶可以非常簡單地看到使用該應用程序的快速好處以及如何實際註冊使用它。 此外，主要和次要 CTA 按鈕的綠色與標題和 Evernote 徽標相同，所有這些都跳出頁面。

如何復制此 CTA

考慮使用與網頁上的元素形成鮮明對比的明亮顏色，以使您的 CTA 脫穎而出。

3. 保管箱

CTA：免費註冊

圖片來源

Dropbox 一直採用帶有大量負面空間的簡單設計。 甚至他們主頁上的圖形也是微妙而簡單的。

由於這種簡單的設計和負空間，藍色的“免費註冊”號召性用語按鈕從頁面上的所有其他內容中脫穎而出。 由於 CTA 和 Dropbox 徽標的顏色相同，因此訪問者很容易將此 CTA 解釋為“註冊 Dropbox”。 這是一種有效的號召性用語。

如何復制此 CTA

如果使用得當，負空間對您有利。 讓您的 CTA 使用大膽的品牌色彩脫穎而出，從而發揮您的優勢

4.辦公氛圍

CTA：訂閱

圖片來源

這是一個滑入式號召性用語，引起了 OfficeVibe 的注意。 滾動瀏覽他們博客上的帖子時，一個橫幅從頁面底部滑入，並帶有訂閱他們博客的號召性用語。 最好的部分？ 幻燈片上的副本告訴我，我會得到關於如何成為一名更好的經理的提示——它出現的帖子是關於如何成為一名更好的經理的帖子。 換句話說，這個提議是我已經感興趣的東西。

另外，我喜歡滑入式 CTA 的不顯眼——與我的同事 Rachel Sprung 所說的“停止一切並點擊此處彈出 CTA”相反。 我發現這些 CTA 提供了更可愛的體驗，因為它們提供了更多信息，同時仍然允許我繼續閱讀博客文章。

如何復制此 CTA

您可以使用 HubSpot 的營銷工具創建自己的滑入式 CTA。 使用我們的模板設計您的 CTA 後，創建一個 HubSpot 帳戶。 轉到您的 HubSpot 帳戶中的營銷 > 潛在客戶捕獲 > CTA，然後按照此處的 CTA 說明進行操作。

5. 網飛

CTA：免費加入一個月

圖片來源

用戶在承諾註冊某些東西之前有一個很大的恐懼？ 如果他們最終不喜歡它，取消訂閱會很痛苦。 Netflix 通過“免費加入一個月”CTA 上方的“隨時取消”副本將這種恐懼扼殺在萌芽狀態。 我冒昧地猜測，僅靠安慰就可以增加註冊量。 此外，您會再次注意到此處主要和次要 CTA 的紅色與 Netflix 的徽標顏色相匹配。

如何復制此 CTA

您不僅可以通過鮮明的顏色對比來吸引訪問者的注意力，而且您可以在 CTA 中使用吸引他們點擊的語言。 考慮在您的 CTA 中使用“免費試用”或類似內容，以消除潛在客戶的風險。

6.廣場

CTA：開始

圖片來源

要實現有效的 CTA 設計，您需要考慮的不僅僅是按鈕本身。 考慮背景顏色、周圍圖像和周圍文本等元素也非常重要。

考慮到這些額外的設計組件，Square 的人們使用了一張圖片來展示使用他們的產品的簡單性，懸停的“開始使用”CTA 等待您的點擊。 如果您仔細觀察，圖像中信用卡的顏色和 CTA 按鈕的顏色相匹配，這有助於查看者在點擊時將預期的點連接起來。

如何復制此 CTA

您可以使用顏色來幫助訪問者連接點，無論是協調此圖像中的相似色調，還是使用 Dropbox 示例中的品牌顏色。

7. 普雷茲

CTA：試試 Prezi

圖片來源

Prezi 的人們也喜歡他們網站上的極簡主義設計。 除了綠色恐龍和深棕色咖啡之外，與以黑白為主的設計相伴的唯一其他顏色是亮藍色——與他們的主要標誌相同的藍色。 明亮的藍色被戰略性地放置在主頁上：主要的“試一試 Prezi”CTA 和次要的“Get Started”CTA，兩者都將用戶帶到同一個定價頁面。

如何復制此 CTA

該頁面採用了簡約的配色方案，但包含兩個具有相同顏色按鈕的 CTA，可將訪問者引導至同一目標網頁。 如果您的頁面設計簡潔、簡約，請考慮嘗試使用兩個不同文本的 CTA 來吸引訪問者。

8. 全套

CTA：我們的工作

圖片來源

Full Bundle 是另一家使用負空間來使他們的主要 CTA 流行的公司。 白色的“我們的工作”號召性用語在背景的深灰色中顯得格外醒目。 他們對 CTA 的選擇也具有戰略意義。 鑑於它們的存在主要是為了建立客戶的在線形象，因此展示他們的作品對他們來說很重要——這也是大多數人訪問他們網站的目的。

如何復制此 CTA

創造性地利用 Full Bundle 的灰色調等負空間。 如您所見，不同深淺的灰色構成三角形，添加了微妙的設計元素，使其白色 CTA 在底部彈出。

9. 黑豹

CTA：加入

圖片來源

Panthera 的人們正在尋找真正關心世界各地野貓的用戶，並希望加入一群有同樣感受的人。 特別是針對這些人，我們喜歡他們如何使用與大貓愛好者交談的語言：“今天加入驕傲。” 頁面本身非常簡單：一個帶有兩個簡單字段的頁面表單和一個要求人們（再次）“加入”的按鈕。

如何復制此 CTA

通過使用與您的品牌相關的白話，在您的 CTA 中吸引他們，與您的目標受眾建立聯繫。

10. 史詩

CTA：讓我們一起開始一個新項目

圖片來源

EPIC 機構的人們主要使用他們的主頁來展示他們的工作。 當您到達頁面時，您會看到動畫視頻，展示他們為客戶所做的一些工作，這些視頻在旋轉木馬上旋轉。 雖然用戶可能會在許多其他地方點擊他們的網站（包括他們客戶的網站），但主要的號召性用語很突出，並且總是與在後台播放的視頻形成對比。

我喜歡它具有友好、包容性的語言——“讓我們一起開始一個新項目”——這給正在尋找創意合作夥伴的用戶提供了一個提示，他們是一個特別適合工作的團隊。

如何復制此 CTA

使用邀請語言。 製作一個只顯示“加入我們”的按鈕很容易，但這並不是很有說服力。 考慮一些更友好的內容，例如“讓我們一起工作”或特定於您提供的服務的內容。

11.Aquaspresso

CTA：立即向我發送特價商品！

圖片來源

號召性用語的全部意義在於將您的網站訪問者引導至所需的行動方案——最好的 CTA 會以對訪問者有幫助的方式這樣做。 咖啡公司 Aquaspresso 的人們在他們的博客主頁上通過彈出式 CTA 真正實現了這種平衡。

在這裡，希望他們的博客讀者查看他們實際銷售的產品（並希望從他們那裡購買）。 他們有很多方法可以做到這一點，包括發布一個 CTA，敦促人們“查看我們最受歡迎的產品！” 或者非常直接的東西。 但我們喜歡他們所做的事情：他們的 CTA 為博客讀者提供了更有用和更微妙的東西——提供“今日特價”以換取讀者的電子郵件地址。

補充說，特價商品僅適用於今天，這是一種叫做稀缺的心理策略的一個很好的例子，它使我們為我們認為稀缺的東西賦予更多的價值。 擔心今天的特價商品會比明天的特價商品更好，這可能使人們想要填寫它並儘可能地索取他們的報價。

如何復制此 CTA

上面的號召性用語是使用 HubSpot 的模板創建的。 考慮通過在 CTA 中使用稀缺性來為網站訪問者引入緊迫感。 您可以使用“限時優惠”或“獲得今天的優惠”等短語來激勵訪問者採取所需的行動。

12. 快速發芽

CTA：你的 SEO 做錯了嗎？ 輸入您的網址以查找

圖片來源

沒有人願意犯錯。 這就是為什麼像 QuickSprout 在其博客上的滑入式 CTA 這樣的號召性用語按鈕如此值得點擊的原因。 它問讀者，“你的 SEO 做錯了嗎？” 嗯，是我嗎？ 我所要做的就是輸入我的 URL 來查找 - 看起來很容易。 正是這樣的語言才能真正吸引訪問者點擊。

另外，在博客文章中添加 CTA 幻燈片是在讀者跳出頁面之前吸引他們的好策略。 傳統上，許多博客在每篇博文的最底部都有 CTA，但研究表明大多數讀者只能讀完一篇文章的 60%。

如何復制此 CTA

在 CTA 中使用能夠吸引訪問者註意力或說出他們可能遇到的痛點的語言。 上面的案例使用了 SEO，但您可以使用類似“無法轉換潛在客戶？”之類的內容。 然後將您的服務定位為補救措施。 （單擊此處了解如何將幻燈片 CTA 添加到您的博客文章中。）

13. 灰鵝

CTA：發現適合您口味的雞尾酒

圖片來源

這是一個有趣、獨特的號召性用語，可以讓人們點擊。 雖然網站訪問者可能希望從主頁被引導到產品頁面或新聞稿，但“發現適合您口味的雞尾酒”的 CTA 是一個令人驚喜的問題。 人們喜歡個性化，這種 CTA 感覺就像一個誘人的遊戲。 副本旁邊的播放按鈕圖標提示訪問者將被帶到視頻，以便他們更好地了解點擊時會發生什麼。

如何復制此 CTA

個性化為與訪客建立聯繫創造了奇蹟。 考慮實施 CTA，根據您提供的產品或服務為訪問者建議個性化體驗。 例如，您可以說“探索適合您預算的計劃”或“選擇適合您品牌的設計”。

14. 樹屋

CTA：申請免費試用

圖片來源

許多公司網站為用戶提供開始免費試用的機會。 但是 Treehouse 網站上的 CTA 不只是說“開始免費試用”；而是說“開始免費試用”。 上面寫著“申請免費試用”。

措辭上的差異可能看起來很微妙，但請考慮一下“要求免費試用”有多個人化。 此外，“索賠”一詞表明它可能不會長期可用，讓用戶有一種緊迫感，可以盡可能地獲得免費試用。

如何復制此 CTA

如果您為您的服務提供免費試用，而不僅僅是使用“免費試用”按鈕，而是使用“開始免費試用”來個性化體驗。

15. OK丘比特

CTA：繼續

圖片來源

OKCupid 的 CTA 乍一看似乎並沒有那麼令人印象深刻，但它的精彩之處在於小細節。

號召性用語按鈕為亮綠色，在深藍色背景上非常醒目，它說：“繼續。” 這個術語的簡單性讓人希望註冊過程簡短而隨意。 對我來說，這個 CTA 感覺更像是在玩一個有趣的遊戲，而不是填寫無聊的表格或承諾可能讓我緊張的事情。 而這一切都歸功於副本。

如何復制此 CTA

人們喜歡游戲，所以如果它適用於您的產品或服務，請嘗試將您的 CTA 遊戲化以激發興趣。

16. 博客網站

CTA：倒計時時鐘

圖片來源

沒有什麼比計時器更能讓人想採取行動了。 在 blogging.org 的主頁上停留一小段時間後，新訪問者會看到一個彈出式 CTA，其中包含“限時優惠”，並附有一個從兩分鐘開始倒計時的計時器。

與 #10 中 Aquaspresso 的示例一樣，這是一種稱為稀缺性的心理策略的經典用法，它使我們為我們認為稀缺的事物賦予更多價值。 限制某人必須填寫表格的時間使人們希望盡可能填寫並索取他們的報價。

好奇，當時間用完時會發生什麼？ 我也是。有趣的是，什麼也沒發生。 當計時器歸零時，彈出式 CTA 仍保留在頁面上。

如何復制此 CTA

與 Aquaespresso 類似，考慮利用稀缺性讓網站的訪問者有採取行動的緊迫感。

17. 影響品牌與設計

CTA：我們做什麼

圖片來源

如果使用了錯誤的語言，CTA 可能會讓人感到非常咄咄逼人和推銷（是的，這是一個詞……）。 我喜歡 IMPACT 的教育方法，他們挑戰訪問者在推動他們採取任何進一步行動之前了解公司的工作。 這個號召性用語對我來說特別有趣，因為他們甚至不使用動作動詞，但他們仍然設法吸引人們點擊。

如何復制此 CTA

通過在您的 CTA 中使用能夠說服訪問者了解您的業務的語言來吸引訪問者了解您的業務的更多信息。 使用“查看我們過去的項目”、“我們的工作”或“查看我們的工作”之類的內容。

18.休莫爾

CTA：啟動（請勿按下）

圖片來源

如果你去一個網站，看到一個“啟動”CTA，並附有“請勿按”的副本……你會怎麼做？ 老實說：你會很想按下它。 這裡使用無害的逆向心理是俏皮的，這非常符合 Huemor 的品牌聲音。

如何復制此 CTA

如果您的品牌更具趣味性或在創意行業中，您可以使用遊戲化或逆向心理學（如 Huemor 的示例）在 CTA 中利用這一優勢。

19. 布魯克斯跑步

CTA：看看我們什麼時候有更多

圖片來源

有多少次你熱切地追求你喜歡的產品，卻發現它已經售罄？ 好吧，您可能知道，這對賣家來說也不是野餐。 但僅僅因為你已經用完了一個項目並不意味著你應該停止推廣它。

Brooks Running 使用巧妙的號召性用語來確保他們的客戶不會僅僅因為他們最喜歡的鞋子缺貨而從他們的網站上跳出。 在上面的屏幕截圖中，你可以看到 Brooks 在 CTA 中兜售一款看起來很棒的鞋，“看看我們什麼時候有更多。” 我喜歡這個按鈕如何將壞消息變成留住客戶的機會。 沒有它，Brooks 的顧客可能會忘記這雙鞋，轉而尋找別處。

當您單擊下圖所示的藍色 CTA 按鈕時，Brooks 會將您引導至一個頁面，其中包含一個簡單的代碼，您可以向公司發送短信。 此代碼提示 Brooks 在他們想要的鞋子再次可用時自動提醒訪客。

如何復制此 CTA

對於電子商務企業來說，將客戶發送到一個聲明該商品缺貨的頁面可能會讓客戶感到厭煩並導致他們反彈。 考慮添加一個 CTA，上面寫著“進貨時通知我”或“找出我們什麼時候有更多”，以保持他們的參與並獲取他們的電子郵件信息。

20. 洪堡縣

CTA：跟隨魔術

圖片來源

洪堡縣的網站本身就很漂亮：它以全屏視頻向您致意，其中包含令人震驚的美麗鏡頭。 但我真正喜歡的是位於底部中心的非傳統號召性用語按鈕，它有一個兔子圖標和“跟隨魔術”字樣。

它增強了鏡頭的那種夢幻般的感覺，讓您感覺自己即將踏入童話故事。

更重要的是，一旦您點擊該 CTA，該網站就會變成一種選擇您自己的冒險遊戲，這對用戶來說是一個有趣的號召性用語路徑，並鼓勵他們在網站上花費更多時間。

圖片來源

如何復制此 CTA

非常適合旅遊公司和創意公司，像 Humbolt 的 CTA 吸引讀者。如果您的品牌有一些創意餘地，請使用它。 您可以嘗試使用“尋找下一次冒險”或“計劃您的旅行”之類的短語。

21.優步

CTA：註冊駕駛 | 開始搭乘優步

圖片來源

優步正在尋找兩種截然不同的人在他們的網站上註冊：乘客和司機。 兩個角色都在尋找完全不同的東西，然而，該網站將它們很好地聯繫在一起，背景中播放的大型視頻顯示 Uber 車手和司機在世界各地度過了愉快的時光。

我也喜歡頂部的駕駛員 CTA 副本：沒有比“開車賺錢”更直接的了。 現在說的是人們的語言。

如何復制此 CTA

針對兩類客戶？ 您可以像 Uber 一樣為他們的每個角色創建 CTA。

22. Spotify

CTA：進入高級版 | 免費玩

圖片來源

一進入 Spotify 的主頁，很明顯他們的主要目標是吸引願意為高級帳戶付費的客戶，而用戶免費註冊的 CTA 則非常次要。

不僅僅是標題洩露了這一點。 這也是他們 CTA 按鈕的顏色。 “Go Premium” CTA 是淺綠色的，使其從頁面上彈出，而“Play Free” CTA 是純白色的，與頁面上的其餘部分融為一體。 這種對比確保了訪問者被高級 CTA 所吸引。

如何復制此 CTA

如果您同時提供付費和免費版本的服務，請考慮使用兩個單獨的 CTA，為付費選項選擇一種流行的顏色，而不是為免費版本選擇更低調的顏色。

23. 烏格蒙克

CTA：給我發優惠券 | 我對此不感興趣

圖片來源

退出 CTA，也稱為退出意圖彈出窗口，與普通彈出窗口不同。 它們會檢測您的用戶的行為，並且僅在他們似乎即將離開您的網站時出現。 通過及時干預，這些彈出窗口可以作為一種吸引讀者註意力的絕妙方式，同時為他們提供留下來的理由。

Ugmonk 有一個很好的退出 CTA，在用戶離開網站之前為用戶提供了兩個選項作為最後的請求。 首先，他們為其產品提供 15% 的折扣，然後是兩個選項：“是的，請：給我發優惠券”和“不，謝謝：我不感興趣。” 每個 CTA 都明確了“是”和“否”的實際含義，這非常有幫助，而且我也喜歡他們沒有像我在其他網站上看到的那樣使用像“不，謝謝：我討厭大自然”這樣的內疚語言。 最後，請注意“Yes Please”按鈕的顏色比其他選項更明亮、更吸引人。

如何復制此 CTA

退出意圖 CTA 對於電子商務非常有用。 您可以提供服務折扣或其他有價值的東西來吸引訪問者轉換。

24.品脫

CTA：繼續使用 Facebook | 報名

圖片來源

想要註冊 Pinterest？ 您有兩種選擇：通過 Facebook 或通過電子郵件註冊。 如果你有 Facebook 帳戶，Pinterest 希望你先這樣做。 我怎麼知道？ 從美學上講，我知道是因為藍色的 Facebook CTA 是第一位的，並且由於品牌標誌和顏色而更加突出、色彩豐富且易於識別。 從邏輯上講，我知道，因為如果您通過 Facebook 登錄，Pinterest 可以提取 Facebook 的 API 數據並獲取有關您的更多信息，而不是通過您的電子郵件地址登錄。

儘管此主頁已針對引入新成員進行了優化，但您會注意到一個非常微妙的 CTA，供擁有 Pinterest 帳戶的人在右上角登錄。

如何復制此 CTA

允許用戶在您的 CTA 中使用 Facebook 或 Google 註冊。 這可以節省訪問者註冊的時間，並且您將能夠獲得有關他們的更多信息。

25. 馬德威爾

CTA：帶我去那裡| 下一步是什麼？

圖片來源

Madewell（由 J.Crew 擁有）一直擁有出色的網站設計，將典型的電子商務網站提升到一個新的水平。 他們在主頁上使用 CTA 也不例外。

當您第一次到達該頁面時，您會看到標題“我正在尋找……”，然後是一個類別，例如“可以在任何地方旅行的衣服”。 此副本下方有兩個選項：“是的，帶我去那裡”或“嗯……下一步是什麼？” 用戶可以在兩個 CTA 之間進行選擇，要么瀏覽適合旅行的衣服，要么被帶到下一種衣服，在那裡他們可以再次玩耍。

這種遊戲化是一種很好的方式，可以讓您的網站對遇到它的用戶來說更有趣，而他們並不知道他們想在哪裡看。

如何復制此 CTA

在您的 CTA 中使用遊戲化來說服訪問者進一步探索您的網站。 他們可能不知道具體他們在尋找什麼或您的公司可以如何提供幫助。 Creating fun prompts can help visitors find what they are looking for.

26. Instagram

CTA: Download on the App Store | 在 Google Play 上獲取

圖片來源

Since Instagram is a mainly mobile app, you'll see two black CTAs of equal size: one to download Instagram in Apple's App Store, and another to download it on Google Play. The reason these CTAs are of equal caliber is because it doesn't matter if someone downloads the app in the App Store or on Google Play … a download is a download, which is exactly what Instagram is optimizing for. If you already have Instagram, you can also click the CTA to “Log In” if you'd prefer that option, too.

How to Replicate this CTA

If you have an app, consider adding a CTA for each platform visitors can download it from. This remove friction and makes it easier for visitors to download your app without having to search.

27. Barkbox

CTA: Get Started | 贈送禮物

圖片來源

The two CTAs on Barkbox's homepage show that the team there knows their customers: While many people visiting their site are signing up for themselves, there are a lot of people out there who want to give Barkbox as a gift. To give those people an easy path to purchase, there are two, equally sized CTAs on the page: “Get Started” and “Give a Gift.”

As an added bonus, there's an adorable, pop-up call-to-action on the right-hand side of the screen prompting users to leave a message if they'd like. Click into it, and a small dialogue box pops up that reads, “Woof! I'm afraid our pack is not online. Please leave us a message and we'll bark at you as soon as pawsible.” Talk about delightful copy.

How to Replicate this CTA

Similar to Uber, you can use multiple CTAs to serve different audiences. Play with language and come up with phrases that work best for your brand voice.

28. tc pharma

CTA: Find out more | 查看產品

圖片來源

Turns out Red Bull isn't its own parent company: It's owned by Thailand-based tc pharma, a company that makes popular energy drinks, electrolyte beverages, and functional drinks and snacks.

Its homepage features two call-to-action buttons of equal size: “Find out more” and “View products” — but it's clear by the bright yellow color of the first button that they'd rather direct folks to “Find out more.”

How to Replicate this CTA

Use color to persuade visitors to take a desired action. If you have a preferred button that you'd like people to click, make it the more prominent of the two.

29. General Assembly

CTA: View Full-Time Courses | 訂閱

圖片來源

As you scroll through the General Assembly website, you'll see CTAs for various courses you may or may not want to sign up for. I'd like to point your attention to the CTA that slides in from the bottom of the page as you're scrolling, though, which suggests that you subscribe to email updates.

Although this feels like a secondary CTA due to its location and manner, I actually think they try to sneak this in to become more of a primary CTA because it's so much more colorful and noticeable than the CTAs for individual classes.

How to Replicate this CTA

When you create your own CTAs, try using bolder colors — even ones that clash with your regular stylings — to see if it's effective at getting people's attention. (Click here for a tutorial on how to add slide-in CTAs to your webpages.)

30. charity: water

CTA: Give by Credit Card | Give by PayPal

圖片來源

Charity: water's main goal is to get people to donate money for clean water — but they can't assume that everyone wants to pay the same way.

The CTAs featured on their homepage take a really unique approach to offering up different payment methods by pre-filling $60 into a single line form and including two equally important CTAs to pay via credit card or PayPal. Notice how both CTAs are the same size and design — this is because charity: water likely doesn't care how you donate, as long as you're donating.

How to Replicate this CTA

For payment CTAs, consider giving visitors options for how to pay. What matters most is that they make the purchase.

31. Hipmunk

CTA: Flights | 酒店 | 汽車 | 套餐

圖片來源

When you land on the Hipmunk site, your main option is to search flights. But notice there are four tabs you can flip through: flights, hotels, cars, and packages.

When you click into one of these options, the form changes so you can fill out more information. To be 100% sure you know what you're searching for, Hipmunk placed a bright orange CTA at the far right-hand side of the form. On this CTA, you'll see a recognizable icon of a plane next to the word “Search,” so you know for sure that you're searching for flights, not hotels. When you're on the hotels tab, that icon changes to a hotel icon. Same goes with cars and packages.

How to Replicate this CTA

Use icons to provide further explanation of your CTA to users.

32. MakeMyPersona

CTA: Grab the template! | 不，謝謝

圖片來源

Here's another example of a great pop-up with multiple calls-to-action — except in this case, you'll notice the size, color, and design of the users' two options are very different from one another. In this case, the folks at MakeMyPersona are making the “Grab the template!” CTA much more attractive and clickable than the “No, I'm OK for now, thanks” CTA — which doesn't even look like a clickable button.

I also like how the “no” option uses polite language. I find brands that don't guilt-trip users who don't want to take action to be much, much more lovable.

How to Replicate this CTA

Being friendly shouldn't just be for getting visitors to take the desired action. Using friendly language is just as important in CTAs for those who would like to opt out. Consider using a phrase like “no thanks” or something similar to what MakeMyPersona used to keep it cordial even if customers aren't ready to make a purchase yet.

33. TeuxDeux

CTA: Get Started for Free | 免費試用

圖片來源

Another example of simplistic design, TeuxDeux's main website features one phrase and two CTA buttons.

而已。

Using the company's colors, the background is just a splash of red and some black.

The CTA buttons stand out against the color and emphasize that you can try the product for free.

I like these CTAs because they show that the company understands its audience. Whenever I'm researching to-do list apps, I always want to try it before I buy it. It's something that people are very particular about and want to test-drive. TeuxDeux's CTAs shows that they understand this about their audience.

How to Replicate this CTA

Know your audience and allow them to test drive your service. Tap into their needs and interests and include them in a CTA to help them navigate to what they need faster, risk-free. It could be something like “get started for free,” “download templates for free,” or “try for free.”

34. Betabrand

CTA: Get involved

圖片來源

Betabrand is a clothing company that sells yoga/dress pants for women. Usually, clothing brands tend to use similar CTAs such as “Shop Now.”

However, Betabrand's homepage CTA is unique in that it involves the audience. Here, users can vote and impact the design of new products.

This is a fun way to get the audience involved and do something different.

如何復制此 CTA

適當時使用投票或調查類型的 CTA 鼓勵訪客參與。 它可以幫助客戶與品牌建立個人關係，因為他們正在為決策過程做出貢獻。

35. 寓言

CTA：限量版

圖片來源

這個 Fabletics CTA 使用了幾種營銷策略：稀缺性和假期。

在主頁上，該品牌宣布推出與節日（母親節）相關的限量版系列。

此外，CTA 使用明亮的顏色，因此 CTA 在簡單的主頁上脫穎而出。

如何復制此 CTA

在有意義的情況下組合 CTA 類型。 例如，您可以將稀缺性與限時促銷一起用於盛大開幕、假期或慶祝新產品發布。

36. 阿什莉·斯圖爾特

CTA：購買 Lookbook

圖片來源

Ashley Stewart 是一個迎合大碼女性的服裝品牌。 在這個 CTA 中，該公司使用有趣的設計來吸引網站訪問者。 整個圖像拼貼看起來像一個幕後的相機膠卷，看起來很有趣。

此外，CTA 副本直截了當，這對希望瀏覽的訪問者很有幫助。

如何復制此 CTA

有時簡短而甜蜜是最好的方法。 使用您的 CTA 直截了當，讓訪問者得到他們想要的東西。 您可以使用“購買此外觀”或“立即下載指南”之類的內容。

37. 亞馬遜音樂

CTA：免費 3 個月

圖片來源

這是我們在一個 CTA 中討論過的幾個元素的一個很好的例子。

亞馬遜使用兩個戰略性放置的 CTA，色彩豐富但設計簡單，並免費提供產品。

借助此 CTA，亞馬遜將在其主頁上推廣其自己的產品和服務之一，而不是在網站上列出待售的其他產品。

他們想要傳達的唯一信息是什麼？ 您可以免費試用他們的產品 Amazon Music 整整三個月。 此 CTA 以簡單的設計實現了該目標。

如何復制此 CTA

提供免費試用？ 通過使用突出的 CTA 彈出並消除使登錄頁面混亂的不必要功能來使其廣為人知。

38. 巴恩斯和諾布爾

CTA：立即購買

圖片來源

Barnes and Noble 使用簡單的 CTA 來吸引遊客在母親節假期期間購買限量系列。

我喜歡這個 CTA，因為著陸頁設計與整個公司的品牌非常有凝聚力。

此外，圖形和字體都很有趣，與品牌的信息相匹配。

如何復制此 CTA

創建一個吸引觀眾並與您的品牌聲音保持一致的有凝聚力的外觀。 使用相互補充且令人賞心悅目的字體和顏色。 使用“立即購買”或“立即下載”按鈕使 CTA 保持簡單。

39. 鬆弛

CTA：了解更多 | 聯繫我們

圖片來源

Slack 在其主頁上使用漂亮、簡單的設計來吸引訪問者點擊兩個 CTA 按鈕之一。

我喜歡這個例子，因為 Slack 有兩個針對兩個不同受眾的 CTA 按鈕。 如果您剛剛開始研究，可以點擊“了解更多”。 但是，如果您是回頭客並且知道您想與銷售人員交談，則可以單擊“聯繫我們”。

這是在您的主頁上使用 CTA 為兩個受眾提供服務的一個很好的例子。

如何復制此 CTA

在同一個著陸頁上使用不同的 CTA 為兩個受眾提供服務。 您可以使用顏色來對比兩個按鈕或將更多注意力吸引到所需的選擇上，從而使它們與眾不同。

40. 任天堂

CTA：比較功能

圖片來源

在任天堂的網站上，該公司專注於回答訪問者可能提出的任何問題。

事實上，主要的 CTA 之一是“比較功能”。 通過這個 CTA，任天堂回答了他們最受歡迎的問題之一，因為他們知道許多訪問者在購買產品之前仍在進行研究。

如何復制此 CTA

有多種定價或功能選項？ 考慮使用 CTA 來幫助用戶比較他們的選擇，以便他們做出更明智的決定。

創建自己的 CTA

你有它。 現在您可以看到一些小的 CTA 調整有多麼重要。 從上面的示例中獲取靈感並創建可轉換的 CTA。

完全披露：我們沒有數據來知道這些是否都在科學上是成功的，但這些例子都遵循我們的最佳實踐。 如果您決定在您的網站上重新創建這些 CTA，請記住測試它們是否適合您的受眾。

編者註：這篇文章最初發表於 2014 年 6 月，為了全面性而進行了更新。