【功能更新】團隊介紹 & 客戶回饋頁全新登場|2 個 shortcode + 後台直接編

【功能更新】秒站 2026 年 5 月重大更新——「團隊介紹」與「客戶回饋」兩張全新頁面正式登場,含完整後台編輯介面、響應式前端版型、SEO 描述與精選圖欄位,shortcode 隨處可貼。一次解決「想介紹團隊但沒地方放」「想累積客戶見證但散在 IG 限動」兩個中小企業老問題。

本文拆解這次更新的所有細節——2 張新頁面的位置,後台編輯路徑、前端版型示範、shortcode 用法、舊站升級後必做的 2 件事。如果你的秒站是 2026 / 5 /16後新建,兩頁應該已經自動建好;舊站需要走文末「升級後檢查清單」確認。

這次更新含什麼

  • 2 張新頁面:團隊介紹(slug: /team/)+ 客戶回饋(slug: /feedback/),系統自動建立
  • ACF 後台 2 個新 tab:「團隊」+「客戶回饋」,含完整 repeater 欄位
  • 2 支 shortcode[sn_team][sn_feedback],可貼到任何頁面 / 文章
  • SEO 描述 + 精選圖欄位:團隊頁 d07/img07,客戶回饋頁 d08/img08

⚠️ 舊站升級後必做的 2 件事

2026 年 5 月後新建的秒站,兩頁已自動建好並上線。舊站升級後系統會建立兩頁,但初始狀態是「草稿」,需要管理員手動完成 2 件事:

步驟 1:把兩頁從草稿改成已發佈

  • 進後台「頁面」清單
  • 找到「團隊介紹」與「客戶回饋」兩張頁面(狀態顯示「草稿」)
  • 編輯 → 右上角「發佈」按鈕點下去
  • 確認前台 /team//feedback/ 兩個網址可以打開

步驟 2:把兩頁加進網站選單

頁面發佈後不會自動加進主選單,需要管理員手動加。秒站客戶站操作位置:

  • 進「選單
  • 從左側「頁面」面板勾選「團隊介紹」與「客戶回饋」
  • 點「新增至選單」
  • 拖曳順序(建議放「關於我們」附近)
  • 右下「儲存選單」

完成後刷新前台,選單就會出現兩個新項目,訪客可以直接點進去看你的團隊與客戶回饋。

後台「外觀 → 選單」16:9:左側勾選團隊介紹/客戶回饋頁、中間拖曳順序、右下儲存選單
後台選單管理:把「團隊介紹」與「客戶回饋」加進主選單

後台編輯位置

兩頁的內容不是直接在頁面編輯器裡寫,而是用後台結構化欄位編輯——這樣前端版型統一,不會被誤改壞掉。

編輯路徑

  • 後台左側選單「網站設定
  • 頂部 tab 列找到「團隊」或「客戶回饋
  • 每個 tab 內可編輯:頁面狀態、中英文標題、成員 / 評論 repeater
網站設定後台「團隊」tab 16:9:頁面狀態 toggle、團隊成員 repeater 含頭像/姓名/職稱/簡介
網站設定 → 團隊 tab:頁面狀態、雙語標題、成員 repeater(頭像/姓名/職稱/簡介/了解更多連結)
網站設定後台「客戶回饋」tab 16:9:評論 repeater 含頭像/姓名/頭銜或來源/評分/評論內容
網站設定 → 客戶回饋 tab:評論 repeater(頭像/客戶姓名/頭銜或來源/評分/評論內容)

團隊頁完整欄位

團隊 tab 內每位成員一張卡片,欄位設計:

欄位說明必填
頭像圓形大頭像、120px,建議 500×500 以上正方形圖建議
姓名成員姓名、20px 黑色
職稱如「執行長」「行銷總監」、16px 金棕色
了解更多連結可填 URL + 連結文字 + 是否新分頁;URL 留空則不顯示按鈕
簡介WYSIWYG 編輯器,支援粗體、條列、編號清單;120px 高度

前端版型:4 欄響應式 grid(桌面 4 欄 / 平板 2 欄 / 手機 1 欄)、白底圓角卡片、120px 圓形金棕色 border 頭像,內容左對齊,「了解更多」連結置卡片右下,padding 24px 四邊一致。

團隊介紹頁前台 16:9:白底圓角卡片、120px 圓形金棕色頭像 ring、3 欄響應式 grid
團隊頁前台示範:4 欄響應式 grid、金棕色頭像 ring

客戶回饋頁完整欄位

客戶回饋 tab 內每一筆評論一張卡片,欄位設計:

欄位說明必填
頭像小頭像,卡片右下顯示建議
客戶姓名實際姓名,可匿名(如「陳小姐」)
頭銜 / 來源如「IG 粉絲」「VIP 客戶」「2024 新婚客戶」
評分1-5 星 / 不顯示。下拉選單
評論內容WYSIWYG 編輯器,支援粗體、條列;空評論時卡片不顯示分隔線

前端版型:3 欄響應式 grid(桌面 3 欄 / 平板 2 欄 / 手機 1 欄)、testimonial 樣式(金色 24px 星數、評論引述、底部 reviewer 區塊),空評論時不顯示分隔線。

客戶回饋頁前台 16:9:3 欄 testimonial、金色星數、評論引述、底部 reviewer 區塊
客戶回饋頁前台示範:3 欄 testimonial 樣式、金色星數

2 支 shortcode 怎麼用

兩頁的 post_content 預設已含 shortcode,上線後直接呈現。若想把團隊或客戶回饋區塊「貼到其他頁面」(如首頁,關於我們頁),直接用 shortcode 即可:

  • [sn_team] —— 顯示完整團隊成員 grid
  • [sn_feedback] —— 顯示完整客戶回饋 testimonial

使用方式:

  • 編輯任何頁面 / 文章 → 新增「短代碼」區塊 → 貼上 [sn_team][sn_feedback]
  • 儲存 / 發佈,前台即看到對應區塊
  • 同一份資料,可在多個頁面重複使用(如:首頁放精簡 testimonial,客戶回饋頁放完整版)

SEO 描述與精選圖

這次更新也補了兩頁的 SEO 欄位,跟「關於我們」「服務」「聯絡」等其他頁同模式:

  • d07 / img07:團隊頁的 SEO 描述 + 精選圖片(用於 Google 搜尋結果、社群分享 OG image)
  • d08 / img08:客戶回饋頁的 SEO 描述 + 精選圖片

位置:「網站設定」→ 找到「SEO」tab(同層級的 tab,跟「團隊」「客戶回饋」並列)。

頁面對應系統(給管理員)

這次更新還有一個基礎建設改變,給管理員了解:

過去秒站系統內,有些功能「需要知道哪張頁面是『關於我們』,哪張是『服務』」,這部分原本寫死 page ID(每個站不同),導致部分客戶站行為異常。這次更新加入頁面對應系統——以 role 名稱(home / about / service / contact / course / blog / team / feedback)取代 hard-code ID。

查看與調整:

  • 後台「工具 → SN Engine 頁面對應」
  • 看 8 個角色的下拉選單(從現有頁面挑)
  • 系統會即時顯示 fallback 命中結果 + debug 解析表

一般情況不用動——系統會自動偵測 slug(如 /team/ 自動對應 team role)。只有「頁面 slug 換過」「需要把舊頁面當新角色用」這類情境才會手動調整。

使用建議:誰需要哪一頁

團隊介紹頁適合的業態

  • 專業服務業:律師、會計師、保險顧問——客戶決策前一定先看「誰服務」
  • 診所 / 醫療:醫師團隊介紹、專長、學經歷
  • 多人工作室:室內設計、攝影、行銷顧問
  • B2B 公司:採購端通常想知道「跟誰合作」,團隊頁是信任建立關鍵

客戶回饋頁適合的業態

  • 體驗型服務:紋繡、美容、SPA——「實際做過的人怎麼說」
  • 教學 / 課程:學員心得是最強轉換工具
  • 電商品牌:星級 + 評論 + reviewer 照片,信任建立 3 倍
  • 本地服務業:室內設計、餐飲——「鄰居/朋友推薦的口碑」

內文精華總結

2026 年 5 月秒站重大更新——團隊介紹 + 客戶回饋兩張新頁面登場。系統自動建立 /team//feedback/,ACF 後台「網站設定」內新增兩個 tab,2 支 shortcode 隨處可貼,含 SEO 描述與精選圖欄位。

  • 舊站升級後必做 2 件事:1. 把 team / feedback 兩頁從「草稿」改「已發佈」;2. 進「外觀 → 選單」把兩頁加進主選單。新站 2026 年 5 月後建已自動完成
  • 編輯位置:後台「網站設定」→「團隊」/「客戶回饋」tab。WYSIWYG 編輯器,支援粗體、條列、編號清單
  • shortcode 隨處可貼[sn_team] + [sn_feedback] 可在任何頁面 / 文章使用,首頁,關於我們頁、產品介紹頁都能放

適合使用的業態:團隊頁適合專業服務業(律師、會計、診所、B2B);客戶回饋頁適合體驗型服務,教學課程、電商品牌、本地服務業。兩頁同時上,信任建立的「人」與「成果」雙引擎完成。

延伸閱讀

現在就把團隊與客戶回饋上線

已是秒站客戶——登入後台,跑「升級後 2 件事」,團隊與客戶回饋立刻上線。還沒有秒站?月費 NT$1,000 起,3 分鐘建好,所有新功能自動跟著更新。

重點整理

舊站升級後團隊與客戶回饋兩頁會自動出現嗎?

系統會自動建立兩張頁面(slug 為 /team/ 與 /feedback/)、但初始狀態是「草稿」、需要管理員手動完成 2 件事:1. 進「頁面」清單找到兩頁、編輯後點右上角「發佈」按鈕。2. 進「外觀 → 選單」把兩頁加進主選單、儲存選單。完成後刷新前台、訪客就能直接點選單進入兩頁。2026 年 5 月後新建的秒站、這兩步已預設完成。

團隊與客戶回饋頁要在哪裡編輯內容?

編輯位置:後台左側選單「設定詳細」→ 頂部 tab 列找到「團隊」或「客戶回饋」。每個 tab 含:頁面狀態 toggle(上下線控制)、中英文標題、成員/評論 repeater。注意不是在 WordPress 標準「頁面」編輯器內編輯——團隊與客戶回饋走 ACF 結構化欄位、前端版型已預設好、保持統一性與響應式設計。

可以把團隊或客戶回饋區塊放到首頁嗎?

可以。兩個區塊都有對應 shortcode:[sn_team] 與 [sn_feedback]。用法:編輯首頁 / 任何頁面 / 任何文章 → 新增「短代碼」區塊 → 貼上 [sn_team] 或 [sn_feedback]。同一份資料可以在多個頁面重複使用——例如首頁放精簡 testimonial、客戶回饋頁放完整版。資料來源都是「設定詳細」內的同一份 repeater、改一處全站同步。

團隊頁與客戶回饋頁適合哪些業態?

團隊頁適合:1. 專業服務業(律師、會計師、保險顧問)—— 客戶決策前一定先看誰服務。2. 診所/醫療—— 醫師團隊與專長介紹。3. 多人工作室(室內設計、攝影、行銷顧問)。4. B2B 公司—— 採購端想知道跟誰合作、信任建立關鍵。客戶回饋頁適合:1. 體驗型服務(紋繡、美容、SPA)。2. 教學/課程—— 學員心得是最強轉換工具。3. 電商品牌—— 星級 + 評論 + reviewer 照片、信任建立 3 倍。4. 本地服務業(室內設計、餐飲)—— 鄰居推薦的口碑感。

團隊成員的「簡介」可以放多長?

簡介欄位是 WYSIWYG 編輯器、後台顯示高度約 120px(3-4 行)、實際內容無嚴格上限。支援的格式:粗體、條列、編號清單。注意:1. 媒體新增按鈕已隱藏、不能塞圖片進簡介。2. 不支援 HTML 編輯模式(避免破壞前端版型)。3. 建議簡介控制在 50-100 字、避免卡片高度差太多影響 grid 視覺。需要更詳細介紹、可在「了解更多連結」欄位設個人介紹頁的 URL。

客戶回饋的「評分」是必填嗎?可以只放評論不放星星嗎?

評分非必填、下拉選單包含「不顯示」選項。3 種使用情境:1. 想呈現星級評價——選 1-5 星。2. 想呈現純文字 testimonial(如 B2B 評論)—— 選「不顯示」、卡片不出現星數。3. 部分顯示部分不顯示——個別評論獨立設定。評論內容欄位也非必填、空評論時卡片底部不顯示分隔線(不會壞版)。建議:星級型評論(電商)放星數 + 簡短評論;故事型評論(B2B、課程心得)不放星數 + 完整段落。

「了解更多連結」欄位怎麼用?

團隊成員專屬欄位、用途是把單一成員連到「更詳細介紹頁」(如個人 LinkedIn、個人 portfolio 子頁、Medium 個人首頁)。3 個子欄位:URL(連結網址)、連結文字(可留空、預設「了解更多」)、是否新分頁開啟。URL 未填則前端不渲染按鈕、不會出現「了解更多」空連結。樣式:金棕色文字 + → 箭頭、hover 時箭頭右移、顏色變淺。設計上置卡片右下、不搶眼。

頁面對應系統是什麼?我需要動嗎?

頁面對應系統是這次升級的基礎建設改進——以「role 名稱」(home / about / service / contact / course / blog / team / feedback)取代過去的 hard-code page ID。位置:後台「工具 → SN Engine 頁面對應」。一般情況不用動:系統三層 fallback(map option → slug 偵測 → legacy ID)會自動找對頁面。需手動調整的情境:1. 頁面 slug 換過(如把 /team/ 改成 /our-team/)。2. 想把舊頁面當新角色用(如「關於我們」頁分裂成兩張)。3. 看到部分秒站功能找錯頁面時可排查。