品牌頁設計使用手冊
品牌頁是你在 HypeLink 上的門面:一個網址(hypelink.app/@你的帳號)集合你的個人檔案、社群連結與各種展示模組(連結、FAQ、地圖、商城商品、會員招募⋯)。本手冊分「內容」與「設計」兩部分,對應編輯器右上的兩個分頁。
入口:後台側邊欄 →「重點」→ 品牌頁設計。頁面頂部可切換 內容(放什麼)與 設計(長什麼樣子),右側有手機/桌面即時預覽。
訪客看到的公開頁長這樣——左欄是品牌檔案與主要按鈕,右欄是你排列的展示模組:
一、內容:品牌頁上放什麼
進入品牌頁設計後預設在內容分頁。由上而下依序是:完成度檢查清單、基本資訊、標籤設定、社群與捷徑、展示內容。所有修改都會即時反映在右側預覽,編輯完記得按右上「儲存更新」。
完成你的品牌頁
頂部進度條列出建議完成的項目(上傳頭像、填寫簡介、加社群連結、累積連結⋯),照著做就能快速把頁面填到能見人的狀態。
基本資訊
點基本資訊卡片開啟編輯基本資訊彈窗:
- 品牌頭貼與品牌名稱
- 便利貼文字:顯示在公開頁大頭貼右上角的一句話氣泡(例:歡迎光臨 ✨)
- 品牌 Logo:替換品牌頁左上角的 HypeLink Logo
- 品牌簡介:建議 10–80 字,寫清楚你是誰、在做什麼
- 品牌色:品牌識別主色,會套用為公開頁按鈕、連結等強調色(與「設計 → 主題色」同一組色盤)
- 隱藏公開頁 HypeID/隱藏手機 Dock(Pro 功能)
標籤設定
品牌標籤會顯示在公開頁 HypeID 下方,並作為「品牌探索」的篩選依據。點「編輯」從內建標籤挑選或自訂。
社群與捷徑
放社群帳號、官網、客服等連結(上限 10 個),以 icon 列顯示在公開頁品牌檔案下方。點「+」新增,選平台、貼上網址即可。
展示內容
品牌頁的主體:模組與分頁,可拖曳排序。
- 分頁:內容多時可分成多個分頁(例:作品/商店/關於),訪客在公開頁以頁籤切換;分頁還能設定會員等級限定瀏覽
- 每個模組列可以:編輯內容(鉛筆)、複製、開關顯示、刪除;拖曳左側把手排序
- 點分頁最下方的「在最下方新增」加入新模組
選擇模組
「在最下方新增」會打開選擇模組視窗:
- 左側分類:常用分類/全部模組,以及「HypeLink 系統模組」——這些模組會自動連動後台功能的資料(Mini 商城商品、活動列表、最新消息、FAQ、商城評價、會員招募、優惠券⋯),內容更新不必回來改品牌頁
- 依動機/依分類兩種瀏覽方式,也可直接搜尋
- 點選任一模組,右欄會即時預覽外觀再決定要不要加入
- 底部顯示模組用量(例:已使用 8 / 12,依方案而定)
快速匯入:頁面右上的「快速匯入」可從其他平台(如 Linktree)一鍵搬入連結;「快速建立」則依用途一鍵建立 3 個分頁與對應模組,適合從零開始。
二、設計:品牌頁長什麼樣子
切到頂部的設計分頁(或側欄品牌頁設計進入後點「設計」)。改完記得按右上「儲存」才會套用到公開頁。
選擇主題
內建 9 款主題(HypeLink Style 淺色/深色、原始、深色、Notion 風、夢境 Y2K、日落餘暉、森林靜謐、賽博霓虹),每款自帶漸層或動態背景,點一下即套用;「顯示全部主題」可展開主題庫的更多外掛主題。主題卡右側的調色盤圖示=「套用此主題並客製背景」。
客製化
主題選好後,往下可微調:
- 主題色:套用到所有內建主題的 CTA、強調文字、分頁標籤等;未設定時沿用「內容 → 基本資訊」的品牌色
- 背景:點「編輯背景」改純色/漸層/圖片背景
- 基本資訊區設計:六種排版預設(置中經典/置左清爽/大標題/大頭照滿版/斜切滿版圖片/滿版風格),再細調標題字級、Bio 字級、間距、標題粗細與顏色模式(自動/淺色背景/深色背景)
桌面版設計
手機版永遠維持連結列表體驗;**桌面(lg 以上)**可另選版型:
- 傳統版型:左側品牌資訊、右側連結(與手機一致的閱讀順序)
- 作業系統版型:macOS 風格——手機模擬器+連結+底部 Dock+桌面背景,適合想做出記憶點的品牌
三、發布與檢查
- 內容與設計都完成後,按右上「儲存更新」/「儲存」
- 點後台右上角「公開頁」開新分頁實際檢視(建議手機也看一次)
- 想追蹤成效,到「數據分析」看瀏覽、點擊與來源(搭配分享連結的 UTM 參數)
四、常見問題
Q:模組數量有上限嗎? 有,依方案而定(編輯器底部會顯示目前用量,例:8 / 12)。分頁數與進階模組(Pro / Max 標示)也依方案開放。
Q:「HypeLink 系統模組」和一般模組差在哪? 系統模組直接讀取後台功能的資料——例如「Mini 商城」模組自動顯示商店的上架商品、「FAQ」顯示你維護的常見問題。資料在後台改,品牌頁自動同步;一般模組(連結、看板、嵌入)的內容則是在模組編輯器裡填。
Q:改了設計但公開頁沒變? 確認有按右上「儲存」;瀏覽器快取也可能延遲,重新整理公開頁即可。
Q:可以只給會員看某個分頁嗎? 可以。編輯分頁時勾選允許瀏覽的會員等級,非會員訪客會看到加入會員的引導。