# 4 個 Call to action 行動呼籲，協助你提升電子報點擊率 > 轉換率可以說是電商在發送電子報時最注重的因素，而這一切的前提都是將訂閱者引導至你的網站上。不管一封電子報的主旨下的再好，有再多開信，沒有點擊的話一切都是白工。開信後沒有點擊的原因有很多，有時候是主旨內文不符、相關性不足、信內價值不足，有時候則是訂閱者沒有意會過來這封信的 call to action（CTA）是什麼，甚至是沒有注意到。 下面是提供幾個值得測試的方向，或許能提升 call to action（CTA）行動呼籲的成效。 顏色 毫無疑問的，利用 call to action 行動呼籲按鈕可以吸引更多點擊，而挑選正確的顏色更能讓你的 call to action 更容易被注意到。不同的顏色也代表了不同的情緒，因此適當的測試顏色也可以協助你提高點擊率。然而，顏色真的會影響結果嗎？ 在 VWO 所進行的研究中，他們在網站上分別測試了三組不同的 call to action，發現表現最好的一組 call to action 將網頁內的互動率提升了 5%。 這個提升顯示不同的配色會對使用者行為造成影響。正確的使用顏色對比可以讓訂 **分類：** 電子報優化 **作者：** Bao **發布日期：** 2024-07-01T20:30:00.000+08:00 轉換率可以說是電商在發送電子報時最注重的因素，而這一切的前提都是將訂閱者引導至你的網站上。不管一封電子報的[主旨下的再好](https://blog.newsleopard.com/email-marketing-optimize-subject-line-7-method-a-b-testing-increase-email-open-rate/?ref=cms.newsleopard.com)，有再多開信，沒有點擊的話一切都是白工。開信後沒有點擊的原因有很多，有時候是主旨內文不符、[相關性不足](https://blog.newsleopard.com/email-marketing-retargeting-customers-180131/?ref=cms.newsleopard.com)、信內價值不足，有時候則是訂閱者沒有意會過來這封信的 call to action（CTA）是什麼，甚至是沒有注意到。 下面是提供幾個值得測試的方向，或許能提升 call to action（CTA）行動呼籲的成效。 ## 顏色 毫無疑問的，利用 call to action 行動呼籲按鈕可以吸引更多點擊，而挑選正確的顏色更能讓你的 call to action 更容易被注意到。不同的顏色也代表了不同的情緒，因此適當的測試顏色也可以協助你提高點擊率。然而，顏色真的會影響結果嗎？ 在 [VWO](https://vwo.com/resources/case-studies/?ref=cms.newsleopard.com) 所進行的研究中，他們在網站上分別測試了三組不同的 call to action，發現表現最好的一組 call to action 將網頁內的互動率提升了 5%。 這個提升顯示不同的配色會對使用者行為造成影響。正確的使用顏色對比可以讓訂閱者短時間內抓到電子報中的重點，也會因為可讀性而被突顯出來。 因此，一般來說，在重要的內容上使用最高的對比，而其他性質相近或是次要的內容則會採用較接近的顏色。 ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2015/10/Screen-Shot-2019-07-02-at-4.47.36-PM.png) 圖片來源：[exploretock](https://www.exploretock.com/?ref=cms.newsleopard.com) 當然，顏色的使用上有許多學問，由於專業不同就不多作著墨。這裡僅強調，call to action 的配色上必須以「顯眼」作為最低標準。 ## 大小、形狀 和顏色的道理相同，call to action 的外觀是影響點擊率的因素之一。大小的設定沒有一定的標準答案，可以在電子報中嘗試調整大小所帶來的影響。 然而，這裡建議至少是88 \* 88 px (為了好記，或是 100 \* 100px)，才能方便[手機使用者](https://blog.newsleopard.com/email-marketing-newsletters-mobile-design/?ref=cms.newsleopard.com)點擊。 不同的形狀也可能對點擊率造成影響，一般來說，圓角的按鈕會比方角的按鈕有更高的點擊率。 ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2015/10/cart-product-copy-21-1200x750.jpg) ## 合理的文字 你可能聽過，越能產生急迫感的文字越能提升轉換率，例如「馬上買」、「立刻買」；可能也聽說過較間接的文字才是有效的方法，例如「了解更多」、「繼續閱讀」。到底哪種寫法才是正確的？ 我想答案是：符合當下情境，並能融入訂閱者的寫法。 例如，當你推出一款新產品，並在電子報中向消費者介紹時，「了解更多」可以讓訂閱者感到較少壓迫感，而當你在推一款限量優惠商品，且購買誘因足夠時，「馬上買」則可以提醒訂閱者，這個活動是有時間性的。 ## 位置 出現的位置也會影響 call to action 被看到和被點擊的機率，而 above the fold 或是 below the fold 則是常常被討論的主題。 什麼是 above the fold？下面用 Startbucks 將 call to action 放在 above the fold 的電子報作為範例，來說明發信者與收件者認知上的落差： ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2019/05/cart-product-copy-3-1200x750.jpg) 根據 [ConversionXL 的研究](http://www.slideshare.net/DistilledSEO/peep-lajasearchlove-london-2013?from_search=3&ref=cms.newsleopard.com)，使用者花 80% 的時間會停在 above the fold 上。試著調整 call to action 放在 above the fold 還是 below the fold，或許不同的點擊結果能讓你更了解自己的電子報。 ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2019/05/cart-product-copy-4-1200x672.jpg) 圖片來源：[startbucks Email 設計](https://www.starbucks.com/?ref=cms.newsleopard.com) ## 持續測試 雖然我們常看到許多「最佳作法」，然而，這些狀況卻不一定能 100% 適用在你的訂閱者和客戶身上。研究顯示，A/B 測試可以提升 49% 的轉換率，因此沒有必要害怕失敗。 有時候我們犯錯並不是因為不了解訂閱者，而是因為覺得自己夠了解訂閱者。 參考許多企業重視的 [集客式行銷 Inbound Marketing](https://blog.newsleopard.com/inbound-marketing/?ref=cms.newsleopard.com) 策略，依據顧客的購買旅程測試哪一種 call to action 才能真正符合訂閱者當下的情境，進而觸發點擊？或許你應該透過 [A/B 測試](https://blog.newsleopard.com/email-marketing-how-to-do-ab-testing/?ref=cms.newsleopard.com)問問他們。 ## 參考案例 當然，從無到有總是特別困難，因此下面整理了幾個國外案例供大家參考，或許對你會有所幫助。 ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2019/05/Screen-Shot-2019-07-02-at-5.06.42-PM-1200x1207.png) [FLYWHEEL 電子報範例](https://getflywheel.com/?ref=cms.newsleopard.com) ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2019/05/Screen-Shot-2019-07-02-at-5.03.57-PM-1200x1195.png) [fortnite](https://www.epicgames.com/fortnite/en-US/battle-pass/season-9?ref=cms.newsleopard.com) EDM 設計範例 ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2019/05/Screen-Shot-2019-07-02-at-5.03.46-PM-1200x982.png) [Wix](https://wix.com/?ref=cms.newsleopard.com) Email 設計範例 * * * 延伸閱讀：[如何使用拖放式模板設計內容？](https://blog.newsleopard.com/how-to-use-drag-and-drop-editor-20190606/?ref=cms.newsleopard.com) 延伸閱讀：[給 UI/UX 產品設計師的 Email 設計攻略](https://blog.newsleopard.com/emails-design-for-ui-ux-designers/?ref=cms.newsleopard.com) 延伸閱讀：[電子報 Email 設計趨勢，7 個提升點擊率的關鍵](https://blog.newsleopard.com/email-marketing-7-design-trends-180703/?ref=cms.newsleopard.com) 延伸閱讀：[想要優化 Email 行銷？快試試 A/B 測試！](https://blog.newsleopard.com/email-marketing-how-to-do-ab-testing/?ref=cms.newsleopard.com) 延伸閱讀：[電子報行銷完整攻略教學](https://blog.newsleopard.com/email-marketing-index/?ref=cms.newsleopard.com)