31呼籲行動示例您無法幫助但點擊

31呼籲行動示例您無法幫助但點擊

想想你已經註冊過你生活中的所有事情。 你曾經下載Evernote嗎? Dropbox的? Spotify的? 也許你甚至在大會上上過一堂課。
這些註冊中的每一個都可能是有效號召性行為(CTA)的結果。
使用戰略CTA引導訪問者完成購買行程非常重要。 想一想:如果你沒有被CTA的副本或設計所吸引,或者通過你的註冊過程得到瞭如此雄辯的指導,那麼你可能會比現在使用更少的應用程序和網站。

為了幫助您確定哪些是有效的,哪些不是,我們列出了3個 1的例子 完全搖滾的CTA 。 這些號召性用語示例分為三類:
簡單而有效的CTA
具有強大號召性用語的CTA
C 在一頁上平衡多個按鈕的助教
簡單有效的號召性行動示例
1. Evernote
CTA按鈕:註冊
“記住一切”。 訪問者可以在他們登錄此頁面的那一刻立即理解該信息。 Evernote的網站上的設計使用戶非常容易看到使用該應用程序的快速好處以及如何實際註冊使用該應用程序。 此外,主要和次要CTA按鈕的綠色與標題和Evernote徽標一樣綠色,所有這些都跳下頁面。

2. Dropbox
CTA按鈕:免費註冊
Dropbox一直採用簡單的設計,並帶有很多負面空間。 即使在他們的主頁上的圖形是微妙和簡單的。
由於這個簡單的設計和負面的空間,藍色的“免費註冊”號召性用語按鈕突出了頁面上的其他所有內容。 由於CTA和Dropbox徽標顏色相同,訪問者很容易將此CTA解釋為“註冊Dropbox”。 這是一個有效的號召性用語。

3. OfficeVibe
CTA按鈕:訂閱
這裡有一個滑入呼籲行動,引起了我對OfficeVibe的關注。 在他們的博客上滾動瀏覽帖子時,一個橫幅從頁面底部滑入,並發出號召性用語訂閱他們的博客。 最好的部分? 幻燈片中的副本告訴我,我會得到關於如何成為更好的經理的提示 – 而其出現的帖子是關於如何成為更好的經理的帖子。 換句話說,這個提議是我已經感興趣的東西。

另外,我喜歡不顯眼的滑動式CTA–與之相反 我的同事Rachel Sprung所說的 “停止一切,點擊這裡彈出CTA”。 我發現這些CTA提供了更可愛的體驗,因為它們提供了更多信息,同時仍然允許我繼續閱讀博客文章。 ( 點擊這裡查看關於如何將滑入式CTA添加到博客文章的教程 。)
4. Netflix
CTA按鈕:免費加入一個月
用戶在承諾註冊某個內容之前有一個很大的恐懼? 如果他們最終不喜歡它,取消訂閱將是一件痛苦的事情。 Netflix在“加入一個月免費”CTA上方的“隨時取消”複製版中擔心會嶄露頭角。 我敢肯定,僅靠保證就可以推動註冊。 此外,您會再次注意到,此處的主要和次要CTA的紅色與Netflix的徽標顏色相匹配。

5.廣場
CTA按鈕:開始使用
為了實現有效的CTA設計,您需要考慮的不僅僅是按鈕本身。 考慮背景顏色,周圍圖像和周圍文本等元素也是非常重要的。
考慮到這些額外的設計組件,Square的人們使用單個圖像來展示使用他們的產品的簡單性,懸停的“開始”CTA等待您的點擊。 如果仔細觀察,圖像中信用卡的顏色和CTA按鈕的顏色相匹配,這有助於觀眾在點擊時/點擊時連接到期望的點。

6. Prezi
CTA按鈕:給Prezi一個嘗試
Prezi的人們也進入了他們網站的簡約設計外觀。 除了綠色恐龍和深咖啡,除了主要黑白設計之外,唯一的其他顏色是明亮的藍色 – 與主徽標相同的藍色。 這個明亮的藍色戰略性地放在主頁上:主要是“給Prezi一個嘗試”的CTA,以及次要的“開始”CTA,這兩者都將用戶帶到相同的定價頁面。

7.完整捆綁
CTA按鈕:我們的工作
Full Bundle是另一家使用負空間製作主要CTA流行音樂的公司。 白色的“我們的工作”呼籲行動突出了背景的黑暗灰色。 他們選擇CTA也是戰略性的。 鑑於他們主要是為了建立客戶的在線業務,所以他們展示他們的工作非常重要 – 而這正是大多數人正在訪問他們的網站。

8.豹
CTA按鈕:加入
Panthera的人們正在尋找真正關心世界各地野貓的用戶,並希望加入一群感覺相同的人。 為了特別針對那些人,我們喜歡他們如何使用會對大型貓科動物愛好者說話的語言:“今天加入自豪感。” 該頁面本身非常簡單:一個帶有兩個簡單字段的頁面表單,以及一個讓人們再次“加入”的按鈕。

具有創新召喚行動短語的CTA
9. Huemor
CTA短語:’啟動(不要按)’
如果你去了一個網站,並看到一個“啟動”CTA伴隨的副本“不要按”…會怎麼樣 您 做? 說實話:你會迫不及待地按下它。 在這裡使用無害的逆向心理是很有趣的,這與Huemor的品牌聲音非常相符。

10. Aquaspresso
CTA短語:’現在送我特價!’
呼籲行動的重點在於引導網站訪問者採取所需的行動方式 – 最好的CTA以對訪問者有幫助的方式進行。 咖啡公司Aquaspresso的人們真正用這個彈出式CTA在這里平衡了這種平衡 他們的主要博客頁面 。
在這裡,理想的行動方式是讓他們的博客讀者查看他們實際銷售的產品(並希望從他們那裡購買)。 他們有很多方法可以做到這一點,包括推出CTA,敦促人們“檢查我們最受歡迎的產品!” 或者非常直接的東西。 但我們喜歡他們所做的:他們的CTA為博客讀者提供了更多有用和微妙的東西 – 為“今日特刊”提供的讀物的電子郵件地址。
補充說,特價僅適用於今天是一個很好的例子 一種稱為稀缺的心理策略 這導致我們為我們認為稀缺的事物分配更多的價值。 今天的特價比明天更好的擔憂可能會讓人們想要填寫並在可能的時候索要報價。

(上述行動呼籲是使用HubSpot的免費轉換工具Leadin創建的。 點擊這裡了解如何使用Leadin輕鬆創建像這樣的CTA 。)
11. QuickSprout
CTA短語:’你在做SEO嗎? 輸入你的網址找出’
沒有人想錯。 這就是為什麼像QuickSprout的滑入式CTA這樣的號召性用語按鈕在他們的博客中如此具有點擊率。 它詢問讀者,“你在做SEO嗎?” 那麼,我呢? 我所要做的就是輸入我的網址找到 – 看起來很簡單。 這種語言可以真正吸引訪客點擊。
另外,在博客文章的中間放置CTA是在讀者離開頁面之前捕捉讀者的一個很好的策略。 傳統上,許多博客在每篇博文的底部都有CTA,但是 研究顯示 大多數讀者只能獲得文章的60%。 ( 點擊此處了解如何將滑入式CTA添加到您的博客文章 。)

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

13.樹屋
CTA短語:’申請免費試用’
許多公司網站為用戶提供了開始免費試用的機會。 但樹屋網站上的CTA並不只是說“開始免費試用”; 它說“聲稱免費試用”。
措辭上的差異可能看起來很微妙,但考慮更多的個人“要求” 你的 免費試用“,另外,”索賠“這個詞表明它可能無法使用很長時間,讓用戶有一種緊迫感來獲得免費試用版。

14. OKCupid
CTA短語:’繼續’
OKCupid的CTA乍看之下看起來並不令人印象深刻,但它的光彩卻隱藏在細節之中。
號召性用語按鈕顯示為綠色,並在深藍色背景下顯示得很好,並說:“繼續。” 這個術語的簡單性給了註冊過程短暫而隨意的希望。 對我來說,這個CTA讓我感覺更像是在玩一個有趣的遊戲,而不是填寫一個無聊的表格或承諾某些可能會讓我緊張的事情。 這一切都是由於副本。

15. Blogging.org
CTA短語:倒數時鐘
沒有什麼比讓滴答作響的計時器讓某人想要採取行動。 在blogging.org的主頁上花了很短的時間之後,新的訪問者就會得到一個 彈出CTA 與“限時優惠”,伴隨著一個計時器從兩分鐘倒計時。
與Aquaspresso在#10中的例子一樣,這是一個典型的用途 心理戰術稱為稀缺 這導致我們為我們認為稀缺的事物分配更多的價值。 限制某人填寫表格的時間會讓人們填寫表格並在可能的情況下要求提供報價。
好奇,當時間用完時會發生什麼? 我也是,歡樂地,沒有任何反應。 當定時器變為零時,彈出式CTA保留在頁面上。

16.影響品牌與設計
CTA短語:’我們做什麼’
如果使用了錯誤的語言,CTA可能會感覺非常困難。 我喜歡IMPACT的教育方法,在這裡他們向參觀者提出挑戰,在推動他們採取進一步行動之前了解公司的行為。 這個號召性行動對我來說尤其有趣,因為他們甚至不使用動作動詞,但他們仍然設法誘使人們點擊。

17. EPIC
CTA短語:’我們一起開始一個新項目’
該機構EPIC的人員主要使用他們的主頁來展示他們的工作。 當你到達頁面時,你會看到動畫視頻,展示他們為客戶做的一些工作,這些客戶在旋轉木馬上旋轉。 雖然有很多其他地方的用戶可能點擊他們的網站 – 包括他們客戶的網站 – 主要號召性用語突出,並與背景中播放的視頻形成鮮明對比。
我喜歡它具有友好的包容性語言 – “讓我們一起開始一個新項目” – 這給了尋找創造性合作夥伴的用戶一個暗示,他們是一支特別優秀的團隊。

18.布魯克斯跑步
CTA短語:’找出我們什麼時候有更多’
你有多少次熱衷於追求你喜愛的產品,只是為了發現它已經賣光了? 那麼,正如你可能知道的那樣,這對賣家來說也不是野餐。 但僅僅因為你已經用完一件物品並不意味著你應該停止宣傳它。
Brooks Running使用了一個聰明的號召性行動,以確保他們的顧客不會因為他們最喜愛的鞋子脫銷而從他們的網站反彈。 在下面的截圖中,你可以看到布魯克斯用CTA兜售一款看起來很酷的鞋子,“當我們有更多的時候發現”。 我喜歡這個按鈕如何將壞消息變成留住客戶的機會。 如果沒有它,布魯克斯的顧客可能會忘記鞋子並在別處尋找。
當您點擊下面描述的藍色CTA按鈕時,Brooks會用簡單的代碼引導您進入一個頁面,您可以給公司發短信。 此代碼提示布魯克斯當他們想要的鞋子再次可用時自動提醒訪客。

19.洪堡縣
CTA短語:’追隨魔術’
洪堡縣的網站自身非常華麗:它以令人震驚的美麗畫面的全屏視頻迎接您。 但我真正喜歡的是非常規的號召性用語按鈕,放在底部中央,其中有一個兔子圖標和“跟隨魔法”字樣。
它增強了視頻的幻想感,讓你感覺你即將踏入童話世界。

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

平衡多個號召性用語按鈕
20.優步
CTA按鈕:註冊以開車| 與優步開始騎行
Uber尋找兩種非常不同類型的人在他們的網站上註冊:騎手和司機。 兩個人物角色都在尋找完全不同的東西,然而,這個網站與背景中播放的大型視頻非常好地結合在一起,展示了Uber車手和司機在世界各地的美好時光。
我也喜歡頂部的CTA司機的副本:它並不比“駕駛你的車賺錢”更直接。 現在說的是人們的語言。

21. Spotify
CTA按鈕:轉到高級| 免費播放
只要您訪問Spotify的主頁,就很清楚他們的主要目標是吸引願意為高級帳戶支付費用的客戶,而用戶免費註冊的CTA非常次要。
這不僅僅是標題,而是讓人失望。 它也是CTA按鈕的著色。 “Go Premium”CTA採用檸檬綠色,使其從頁面彈出,而“免費播放”CTA則為純白色,並與頁面上的其他副本融合在一起。 這種對比確保遊客被吸引到高級CTA。

22. Ugmonk
CTA按鈕:給我發送優惠券| 我沒興趣
退出CTA也稱為退出意向彈出窗口,與普通彈出窗口不同。 他們檢測用戶的行為,只有在他們似乎要離開您的網站時才會出現。 通過及時干預,這些彈出窗口可以作為吸引讀者註意力的絕佳方式,同時為他們留下一個理由。
Ugmonk有一個很好的退出CTA,為用戶提供兩種選擇,作為他們離開網站前的最終請求。 首先,他們提供產品15%的折扣,然後是兩個選項:“是的,請給我發優惠券”和“不,謝謝:我不感興趣。” 每個CTA都明確說明“是”和“否”的含義是非常有幫助的,我也喜歡他們沒有使用像我在其他網站上看到的“不感謝:我討厭自然”這樣的內疚語言。 最後,請注意,“是的請”按鈕比其他選項更亮並且顏色更加吸引人。

23. Pinterest
CTA按鈕:繼續使用Facebook | 註冊
要註冊Pinterest嗎? 您有幾個選擇:通過Facebook或通過電子郵件註冊。 如果您有Facebook帳戶,Pinterest希望您先做到這一點。 我怎麼知道? 從美學角度而言,我知道,因為藍色的Facebook CTA排在第一位,並且由於品牌標誌和顏色而更加突出,色彩鮮豔,並且可以識別。 從邏輯上講,我知道,因為如果您通過Facebook登錄,Pinterest可以吸引Facebook的API數據,並獲得有關您的更多信息,而不是通過您的電子郵件地址登錄。
儘管此主頁已優化以引入新成員,但您會注意到擁有Pinterest帳戶的人員可以在右上方登錄一個非常微妙的CTA。

24.麥德威
CTA按鈕:帶我去那裡| 下一步是什麼?
Madewell(由J.Crew擁有)一直擁有出色的網站設計,將典型的電子商務網站推向了新的高度。 他們在主頁上使用CTA也不例外。
當你第一次到達這個頁面時,你會看到標題為“我在找……”的標題,然後是一個類別,比如“隨時隨地旅行的衣服”。 在這個副本下面有兩個選項:“是的,帶我去那裡”或“嗯……下一步是什麼?” 用戶可以在兩個CTA之間進行選擇,以瀏覽適合旅行的衣服,或者將其帶到下一類服裝,在那裡他們可以再次玩耍。
這種遊戲化是一種很好的方式,可以讓您的網站更加有趣,而不必具體了解他們想看的位置。

25. Instagram
CTA按鈕:在App Store上下載| 在Google Play上獲取
由於Instagram主要是移動應用程序,因此您會看到兩個尺寸相同的黑色CTA:一個在Apple App Store下載Instagram,另一個在Google Play上下載。 這些CTA具有同等品質的原因是因為如果有人在App Store或Google Play上下載應用程序並不重要……下載是下載,這正是Instagram正在優化的。 如果你已經有Instagram,如果你更喜歡這個選項,你也可以點擊CTA來“登錄”。

26. Barkbox
CTA按鈕:開始| | 贈送禮物
Barkbox網站上的兩個CTA顯示,他們的團隊知道他們的客戶:雖然許多訪問他們網站的人正在為自己註冊,但有很多人希望將Barkbox作為禮物。 為了讓這些人能夠輕鬆購買,在頁面上有兩個同樣大小的CTA:“開始使用”和“贈送禮物”。
作為額外的好處,在屏幕的右側有一個可愛的彈出式號召性用語,提醒用戶如果他們願意,可以留言。 點擊進入它,彈出一個小對話框,上面寫著:“Woof!恐怕我們的包不在線,請給我們留言,我們會盡快向你吠叫。” 談論愉快的複制。

27. t.c. 製藥
CTA按鈕:了解更多| 查看產品
原來紅牛不是自己的母公司:它是由泰國t.c.所有。 製藥公司,該公司生產受歡迎的能量飲料,電解質飲料,功能飲料和零食。
它的主頁有兩個尺寸相同的號召性用語按鈕:“了解更多信息”和“查看產品” – 但第一個按鈕的明亮的黃色清楚表明他們希望指導人們“了解更多信息” “。

28.大會
CTA按鈕:查看全日制課程| 訂閱
在您瀏覽大會網站時,您會看到您可能註冊或可能不想註冊的各種課程的CTA。 我想將您的注意力集中在滑動頁面底部的CTA上,這表明您訂閱了電子郵件更新。
儘管由於它的位置和方式,這感覺就像是一個輔助CTA,但我實際上認為他們試圖將它變成更主要的CTA,因為它比單獨的CTA更加豐富多彩和引人注目。 當您創建自己的CTA時,嘗試使用更大膽的顏色 – 即使是與常規樣式衝突的顏色 – 以查看它是否有效引起人們的注意。 ( 點擊這裡查看關於如何將滑入式CTA添加到您的網頁的教程 。)

29.慈善:水
CTA按鈕:用信用卡支付| 通過PayPal付款
慈善:水的主要目標是讓人們為清潔的水捐款 – 但他們不能認為每個人都想以同樣的方式付錢。
在主頁上展示的CTA採用非常獨特的方式提供不同的付款方式,方法是將60美元預先填入單行表格中,並包含兩個同等重要的CTA,通過信用卡或PayPal進行支付。 注意兩個CTA的尺寸和設計是否相同 – 這是因為慈善機構:水可能不關心 怎麼樣 你捐贈,只要你捐贈。

30. Hipmunk
CTA按鈕:航班| 酒店| 汽車| 包
當您登陸Hipmunk網站時,您的主要選擇是搜索航班。 但請注意,您可以翻閱四個選項卡:航班,酒店,汽車和套餐。
當您點擊其中一個選項時,表格會發生變化,您可以填寫更多信息。 為了100%確定你知道你在尋找什麼,Hipmunk在表格的最右邊放置了一個明亮的橙色CTA。 在此CTA上,您會在“搜索”一詞旁邊看到一架可識別的飛機圖標,因此您確實知道您正在搜索航班,而不是酒店。 當您在酒店選項卡上時,該圖標將變為酒店圖標。 汽車和包裝也一樣。

31. MakeMyPersona
CTA按鈕:抓住模板! | 不用了,謝謝
下面是另一個帶有多個號召性用語的彈出窗口的例子 – 除非在這種情況下,您會注意到用戶的兩個選項的大小,顏色和設計都非常不同。 在這種情況下,MakeMyPersona的人正在製作“抓取模板!” CTA比“不,我現在可以,謝謝”CTA更具吸引力和可點擊性,它甚至不像一個可點擊的按鈕。
我也喜歡“不”選項使用禮貌語言的方式。 我發現沒有內疚行為的品牌不想採取行動,更加可愛。

你有它。 到目前為止,我們希望您能看到CTA的小調整可能會有多重要。
全面披露: 我們沒有數據知道這些是否都是科學成功的,但這些例子都遵循我們的最佳實踐。 如果您決定在您的網站上重新創建這些CTA,請記住測試它們是否適合您的受眾群體。
想要更多CTA設計靈感? 看看我們最喜歡的一些 HubSpot號召性用語示例 。

發表迴響

Close Menu