- beehiiv Blog 中文
- Posts
- 網站設定 Website Setting
網站設定 Website Setting
第二單元:設計你的電子報 — 第 7 課
網站設定(Website Settings)可協助客製化你的 beehiiv 網站。
你可以客製化設定:
網站的配色主題(Color Scheme)
版面配置(Layout) (預設或 NEWS 風格的版面配置)
著陸頁(Landing Page)和內容頁面的配色主題
還有字體排版(Typography)、按鈕樣式和圖片
為什麼這很重要呢?這就好比你的爸媽不再幫你挑衣服,而是讓你完全自主決定要穿什麼。每一項客製化設定(顏色、字型、間距等)就像是在挑選一件衣物(紅色上衣、藍色牛仔褲、白色運動鞋等)。
簡而言之,你正在打造一份獨一無二、專屬於你的電子報。
那麼,讓我們來設計你的衣櫥吧…
色彩配置(Color Palette)
首先,前往「設定(Settings)」→「網站(Website)」→「一般(General)」。
你會立即看到「色彩配置(Color Palette)」。在那裡你可以自訂你的出版的配色方案。
💡 專業小技巧 :使用 Adobe Color 來尋找互相搭配的顏色。
版面配置(Layouts)
接下來,你可以選擇你的發布網站的版面配置。你可以選擇「預設(Default)」或「報紙形式(Newspaper)」。以下是每種版面的範例:
預設(Default): | 報紙(Newspaper): |
沒有對或錯的選擇。完全取決於你的喜好 (而且你之後隨時都可以更改)。
主題(Theme)
接下來,你可以選擇你的主題。每個主題都會以不同方式運用你的配色。以下是幾個範例:
亮色:
深色:
次要的:
再說一次,這完全取決於你。對於你的內容頁面,也是一樣的:淺色、深色和次要色。
💡 注意: 次要色(Secondary)是從你的配色方案中的次要顏色提取的,所以你的看起來會與此略有不同。
字體排印(Typography)
接著選擇你的字體。
許多人忽略了字體的選擇,直接使用預設值。
這樣做並沒有什麼不對,但如果你真的想為讀者打造一個令人著迷的「世界」,那麼今天就多花 15 分鐘來客製化你的字體吧。
此處的「排版(Typography)」區塊只會更改你的 beehiiv 網站的字體設計,而不會影響你的電子報。你也可以在「設計實驗室(Design Lab)」中自訂網站的排版。請注意,在設計實驗室中所做的任何更改都會覆蓋在此處所做的變更。
(注意看 Cyber Patterns 的 Jason Levin 如何使用具有賽博風格的字體來呼應他所建構的世界。這樣的設計相當引人注目,不是嗎?)
💡 另一個專業小技巧 :使用 Font Pair 來尋找相互搭配良好的字體。
最後,你可以調整網站上的按鈕形狀和圖片風格。我看過的大多數出版都選擇「圓形(Round)」和「中等(Medium)」設定 — 不過你可以隨意嘗試,直到找到符合你風格的樣式為止。
哇,內容真不少啊。你還跟得上嗎?太好了。因為現在我們要更進一步,進入「進階(Advanced)」部分囉。
進階設定(Advanced Settings)
在進階(Advanced)區塊下,你首先會看到的是「訂閱流程(Subscribe Flow)」。
這是新訂閱者在提交電子郵件後將經歷的歷程。你可以選擇:
加入問卷調查表單
推薦其他電子報
請讀者升級為付費訂閱(paid subscription)
並展示你的其他出版
為什麼這那麼酷?好,讓我們來分析一下:
問卷調查表(Survey forms)
電子郵件最棒的地方就是你能「擁有」你的讀者。
我是什麼意思?
嗯,與社群媒體不同,電子郵件並不過度依賴演算法,你不會被暗中封鎖,而且你知道你一定能夠接觸到你的受眾。那麼,為什麼你不想更了解你電子報訂閱名單上的人呢?
以下是幾個你可以問的問題:
他們叫什麼名字?
他們是做什麼的?
他們來自哪裡?
他們正面臨哪些問題?
他們想從你這裡學到什麼?
你的調查表是一個深入了解你所服務對象的好機會。
以下是來自「First Class Founders」的範例:
推薦內容
推薦功能(Recommendations)是擴大你讀者群的有效工具。它能讓你的新訂閱者選擇訂閱你推薦的其他電子報。
這對於發展你自己的電子報有什麼幫助呢?其實,你可以和規模相近的其他電子報「互相」推薦。
這是一個百分之百的正和遊戲,所有參與者都能從中獲益。
這有點像在學校餐廳和朋友交換午餐。 (我用我的紅蘿蔔換你的餅乾,好不好?)
以下是來自 Growing Viral 的一個範例:
付費訂閱(Paid Subscriptions)
接下來,你可以詢問新訂閱者是否願意加入付費訂閱。
這對於那些已經知道你有付費電子報並想立即訂閱的人來說非常棒。
以下是幾個例子:
好的,在我們繼續之前,我想強調這個功能有多酷。beehiiv 讓你能夠建立自己的升級頁面,包含以下特點:
不同層級(Different tiers)
讀者推薦(圖片沒有顯示)
這太棒了!!!我們不僅協助你擴大你的電子報,更幫助你打造事業。
我們繼續。
多重出版物
你也可以選擇展示你其他的出版(如果你有的話)。
我知道功能真的很多,但請記住,你不需要(而且很可能不會)把所有選項都開啟。我在這裡只是想向你展示所有可用的選擇。
首頁
最後,作為最終目的地,你可以將新訂閱者導向外部連結(例如產品頁面)或是你的出版首頁。
來自 AI Solopreneur 的 Ole 選擇將新訂閱者導向歡迎頁面。這是個聰明的做法,因為許多人不會立即檢查收件匣中的歡迎郵件——所以 Ole 善用了他們已經獲得的注意力來傳達他的歡迎訊息。 (做得好,Ole!)
精選文章(Featured Posts)
精選文章就如其名……這些文章會被置頂在你網站的最上方 (你最多可以選擇三篇) 。
不用多說,選擇那些獲得你最引以為傲的作品。
以下是來自 Growing Viral 的精選文章可能呈現的範例:
以下是來自 Ponderer 的範例:
推薦閱讀(Keep Reading)
推薦閱讀功能會在每期電子報的底部加入 3 篇相關的過往內容。這創造了一個「成長循環」(growth loop),讓讀者能夠深入探索你的內容,越讀越上癮。
讀者閱讀你的內容越多,就越了解你、喜歡你、信任你。如果你未來想要向他們推薦不同的產品或服務,這一點至關重要。
(我想不出你為什麼不想要這個功能,不過你還是可以自行決定要不要關掉它)。
以下是 Psychology of Marketing 電子報在 beehiiv 網站上的一期末尾範例:
電子郵件收集(Email Capture)
說到底,你的電子報存檔主要有兩個用途:
讓讀者先睹為快,體驗你所創作的內容風格
將訪客轉化為訂閱者
電子郵件收集能透過優化你的文章來提高訂閱轉換率。如果讀者尚未訂閱你的出版,系統會以彈出視窗或訊息的方式邀請他們訂閱。在電子郵件收集方面,你有三種選擇:
無
彈出視窗(Popup)
訂閱限定(Gated)
以下是幾個範例:
無(None) :僅顯示你的內容。
彈出視窗(Popup) :他們可以在彈出視窗出現之前先閱讀一小段內容。
這個超讚的啦 🤣
訂閱限定(Gated) :讀者必須訂閱後才能閱讀你的內容。