- beehiiv Blog 中文
- Posts
- 頁面設計 Pages
頁面設計 Pages
第二單元：設計你的電子報 — 第 9 課
訂閱頁面、升級頁面、自訂頁面，天啊！
我不知道你怎麼想...但我對這個功能超級興奮的。
為什麼？
因為你的著陸頁（Landing Page）是潛在訂閱者對你的第一印象。
beehiiv 讓你能夠創建精美且客製化的網站，可與全球頂尖電子報一較高下，而且完全不需要寫任何程式碼 （或使用第三方工具） 。
這太厲害了！！！
那麼...準備好開始了嗎？讓我們開始吧！
（前往「設定（Settings）」→「網站（Website）」→「頁面（Pages）」）
著陸頁（Landing Pages）
當你點擊「自訂著陸頁（Customize Landing Page）」按鈕時，系統會將你導向我們熟悉的老朋友——設計實驗室（Design Lab）。在那裡，你有大量選項可以優化你的著陸頁，將訪客轉化為訂閱者。
以下是幫助你開始使用的快速教學：
是不是覺得有點不知所措？
別擔心，我們會全力支持你。以下是設計超吸睛著陸頁（landing page）的 5 個最佳實踐：
1） 打造完美標題
撰寫標題的方法有上百種，我將專注介紹其中兩種。
1/ 說明你所提供的價值
在這堂課中我可能會重複強調好幾次的一個重點是……
重點不在於你能做什麼，而在於你能為他們做什麼。
大多數人會把電子報的名稱當作標題。但請記住，讀者並不在乎你的電子報叫什麼名字——他們在意的是你能為他們帶來什麼價值。
這是一個絕佳的範例，展示如何將你的電子報名稱放在 Overline 而非標題中：
2/ 使用你的電子報名稱
有時候簡單就是最好的。如果你想不出一個很棒的標題，你隨時可以用你的電子報名稱作為標題，然後把「讀者能得到什麼」的內容放在描述欄（Description）裡。
（我知道我剛才自相矛盾了，不過條條大路通羅馬嘛）。
💡 專業小技巧 ：如果你沒有在標題中清楚說明讀者能獲得什麼好處，那就在描述中說明。
2） 描述（Description）
在描述欄位中，你可以詳細說明。
介紹你的電子報
說明適合的對象
這如何幫助他們
範例 ：加入 [數字]+ [目標受眾]，從 [你的專業背景] 獲得實用建議，以 [達成預期目標]。
3） 視覺圖像（Visual Image）
現在正是展現你電子報全部魅力的大好機會。
大多數電子報都在哪裡出了問題？
他們會加上一張毫無特色的照片，這對於讓訪客了解你的電子報毫無幫助。
（小狗 Sadie 雖然可愛，但我們還是得維持品牌形象 🥲 ）
相反地，提供一個你電子報實際運作的視覺預覽。
你的社會認同能建立你的可信度，讓人覺得你值得傾聽。沒有人想閱讀一個新手寫的電子報 （除非你懂得正確定位自己...這個我們會在未來的課程中詳細討論）。
在你的著陸頁中加入社會認同（social proof）有兩種簡單的方法：
1/ In the Underline
就像說：
「已有 10,000+ 位 [目標讀者（target audience）] 閱讀。」
如果你的電子報訂閱人數還不多（ 暫時 ），你可以列出你的讀者所任職的公司：
「來自 [知名公司 1]、[知名公司 2]、[知名公司 3] 的 [目標讀者] 都在閱讀。」
但如果你是從零開始——在你有社會認同（social proof）之前，乾脆就不要加上底線。
2/ 在推薦評價（Testimonials）區塊中
beehiiv 讓你可以添加一個專門展示滿意讀者的推薦區塊。
💡 專業小技巧 ：盡可能附上大頭照，這能展示出真實的人物在推薦文背後。
範例：
你可以在網站上新增、編輯、重新排列這些推薦文，並自訂它們的呈現方式和美觀度。
你的行動呼籲（CTA）應該要讓讀者輕鬆採取行動。
大多數的行動呼籲按鈕上面只寫著「訂閱」。
以下是三個你可以嘗試的行動呼籲（CTA）：
1/ 強調優點
你未來的訂閱者總是在問自己： 「我能從中得到什麼好處？」
與其呼籲他們「立即訂閱」這樣的行動，不如呼籲他們重視價值：
獲取免費行銷秘訣
免費獲取成長指南
2/ 解決疑慮
加上幾句話來解決訂閱者最大的疑慮：
「我猜這個一定很貴。」
免費加入
免費試用
「我沒有足夠的時間。」
五分鐘變得更聰明
「還有誰在閱讀這個？」
• 加入超過 10,000 位創辦人的行列
重點是這樣的 ：撰寫一個超級吸引人的著陸頁並不在於熟悉所有的行銷技巧和策略。而是在於了解你的目標受眾，並能夠同理他們的恐懼、痛點、夢想和慾望。
設計絕佳著陸頁的 5 大最佳方式：
闡述你所提供的價值 （標題）
明確指出你服務的對象和方式 （描述）
提供電子報的預覽 （圖片）
讓它具有可信度（社會認同）
讓行動呼籲（CTA）易於執行
當你將這 5 個技巧全部結合起來時會怎樣？
你將得到一件絕對的傑作……
哎呀...圖片放錯了。
抱歉，我實在忍不住 😬
啊，終於來了。一件傑作：
升級頁面（Upgrade Pages）
還記得我向你展示過在新訂閱流程中，一個完全客製化的升級頁面是什麼樣子嗎？如果不記得的話，這裡有個小提醒：
在我們開始之前，你需要準備兩樣東西：
使用按比例計費方案
擁有一份優質電子報
即使你目前沒有這兩樣東西，也別急著離開...這些知識對未來會很有用。
以下是打造精美升級頁面的確切步驟：
首先，點選「自訂升級頁面（Customize Upgrade Page）」按鈕，然後回到我們的好朋友設計實驗室。
接著，觀看這段簡短的 4 分鐘影片，讓你快速了解：
什麼？你說你還想要更多最佳方式嗎？好吧，既然你堅持的話……
以下是 5 個升級頁面的最佳方式：
1） 運用誘餌效應（Decoy Effect）
什麼是誘餌效應（decoy effect）？
「誘餌效應（decoy effect）描述了當我們在兩個選項之間做選擇時，加入第三個較不吸引人的選項（誘餌）會如何影響我們對原本兩個選擇的看法。」- 決策實驗室（The Decision Lab）
讓我舉個例子：
假設你想喝咖啡，走進了星巴克。你抬頭看菜單，發現有三種選擇…
小型： $2
中杯（Medium）： $6.50
大杯： $7
你會選擇哪一個？
在上述例子中，中杯（$6.50）扮演了誘餌的角色，目的是引導更多人選擇大杯咖啡。
懂了嗎？太好了。
那麼，你要如何運用誘餌效應（decoy effect）來提高你的轉換率呢？
很簡單，加入第三個誘導性的價格方案就行了：
2） 解決棘手問題
在文案寫作中，有一個關於維他命與止痛藥的概念。
維他命能預防未來的問題...它們是錦上添花的好東西。
止痛藥解決當前的問題……它們是必需品。
對於付費訂閱來說，你的目標並不是要限制部分內容或甚至是你最好的內容。
你的目標是解決訂閱者最深層、尚未解決的問題。
問題越棘手，顧客對價格就越不敏感。
客戶對價格越不敏感，你就能開出越高的價格。
3） 保持真誠
限時優惠！！！
快！現在五折優惠！！！
購物車將在 10 秒內關閉！！！！！
看完之後你有什麼感覺？是不是覺得有點壓力山大？
這絕對是你最不希望你的訂閱者處於的境地。
你看起來很急迫
你或許能讓他們購買...但他們會留下來嗎？
事實上，銷售早在訂閱者抵達訂閱頁面之前就已經開始了。如果你能持續在免費電子報中提供超乎預期的價值，他們就不需要特別折扣或虛假的緊迫感來促使購買。
很簡單：
創作優質內容
邀請他們升級方案
總而言之： 保持真誠。
4） 運用錨定效應（Anchoring Effect）
錨定效應是一種認知偏誤，使我們過度依賴最先獲得的資訊。一個著名的例子是史蒂夫·賈伯斯（Steve Jobs）在螢幕上先顯示 999 美元的價格，然後突然將其砍到 499 美元。這舉動讓現場觀眾瘋狂歡呼（儘管 499 美元其實是賈伯斯一開始就打算的價格）。
圖片來源：Alex Lion
那麼，你要如何將這個概念應用到你的升級頁面呢？
在月費訂閱方案旁邊新增年費選項。
5） 善用長度暗示強度法則（Length Implies Strength Heuristic）
首先，什麼是啟發式方法（heuristic）呢？
啟發式思考是我們大腦用來做決策的一種心理捷徑。我們腦袋裡的個人超級電腦需要耗費大量精力來運作——因此我們的大腦發展出這種能力，以避免深入思考每件事情 （畢竟你懂的……用力思考會讓腦袋疼） 。
接著是：長度暗示強度啟發法（Length Implies Strength Heuristic）或簡稱 LISH。簡單來說，你提供的社會認同和推薦越多，你的訂閱者就越可能認為這個東西有價值。
（字多頭痛）
也就是說，創造一面讚美之牆：
自訂頁面（Custom Pages）
如果你經營電子報已經有一段時間了，你就會知道同時要管理自己的網站、電子報平台、社群媒體，以及其他與經營電子報相關的大小事是多麼具有挑戰性。
說實在的，這可不是什麼輕鬆的事。
不過，使用 beehiiv 的話，你就不需要將電子報平台與網站分開，而是可以在一個可以輕鬆使用的地方一次搞定所有事情。我知道我經常這麼說，但是...這真的是太棒了！！
所以我的提議是：
你觀看這部教學影片來學習如何設置自訂頁面
我向你展示全球頂尖電子報運用這個酷炫功能的 7 種超讚方式
成交？太棒了。
好吧，現在該我履行承諾了。
7 種運用 beehiiv 客製化頁面的方法：
1） 建立「關於我們」頁面（About page）
「關於我們」頁面是你網站上最重要的頁面之一。我總是喜歡這樣告訴大家： 「讀者是為了你的內容而來，但為了與你建立連結而留下。」
你的「關於我們」頁面是絕佳空間，可以分享以下內容：
你的背景故事
為什麼你開始經營電子報
你目前在忙什麼
你最喜愛的電子報期數
（別忘了附上圖片 😄 ）
如果你有一個團隊在經營你的電子報，你也可以介紹一下你的團隊成員。
2） 推廣你自己的產品
你可以建立一個專屬頁面來推廣自己的產品和優惠。這能帶來什麼好處呢？簡單來說，這幾乎消除了使用 Carrd 或 Gumroad 另外製作獨立銷售頁面的需求。透過 beehiiv，你可以在自己的 beehiiv 網站內直接建立銷售頁面。簡直太神奇了！🤯
3） 連結到你的作品集
如果你是自由工作者，你也可以在電子報中附上你的作品集連結。你的電子報訂閱者很有可能成為你最優質的客戶。
（在 beehiiv 上撰寫自己的電子報還有另一個很棒的原因...你的電子報本身就是證明你寫作技巧的最佳證據）。
4） 邀請品牌在你的平台上刊登廣告
我希望我不會聽起來太重複 — 但自訂頁面（custom pages）確實為你的電子報帶來了數以百萬計的變現機會。
好吧...也許沒有上百萬。不過你應該懂我的意思。
你的「刊登廣告（Advertise With Us）」頁面應包含的一些重要數據：
重要統計數據（Key statistics）：
訂閱者（Subscribers）
開信率（Open rate）
點擊率（Click rate）
不過，關於這一點我們會在變現（Monetization）單元中詳細討論。
5） 將多個頁面指派給單一視窗
如果你的部落格涵蓋多個主題，你可以建立標籤來為你的 beehiiv 網站進行分類，讓讀者更容易瀏覽。
有了 beehiiv 網站，誰還需要部落格網站？
#改變遊戲規則
6） 連結你的社群媒體帳號
這最後兩項雖然稱不上革命性，但仍然相當令人印象深刻。當你連結你的社群媒體帳號時，你就創造了一個成長飛輪。
擴大社群觸及 → 增加電子報訂閱者 → 擴大社群觸及 → 增加電子報訂閱者。
飛輪效應持續不斷地擴大，卻不需要太多額外的工作。
7） 連結到你的其他出版品
如果你經營多份電子報，你也可以建立自己的生態系統。不用多說了。
那麼... 你應該從這堂課中學到什麼呢？
beehiiv 正在改變電子報的遊戲規則
你現在有很多東西要實作呢 ：）
其他資源
對於想要善用這些新功能的人來說，我們整理了一堆實用資源，可以讓你的網頁更加吸引人 ✨。
Cool Backgrounds（背景工具）
Superdesigner（背景工具）
MagicPattern （背景工具）
MockUPhone （手機畫面模擬）
BgGenerator（背景工具）
Fotor （背景工具）
P.S. 在下一堂課中，我會教你如何發布你的自訂頁面。還在等什麼？趕快來看看吧！
 |  |