Studio 編輯器:新增並使用錨點
3 分鐘
錨點讓您能直接連結至元件,更輕鬆地強調並引導訪客前往客戶網站上的重要內容。新增錨點後,您可透過幾種方式連結至該處:
- 連結元件:將元件(例如:按鈕、文字等)連結至錨點。當訪客點擊元件時,系統會將其引導至錨點。
- 在錨點選單中顯示:在專用選單中顯示錨點,讓訪客在頁面中導覽。
- 在固定網站選單中顯示:將錨點連結作為品項新增至網站選單,方便訪客從任何頁面存取。
新增錨點
將錨點新增至區段、容器和元件。建議為錨點設定獨特姓名,以便在編輯器中輕鬆搜尋。
若要新增錨點:
- 點擊欲新增錨點的元件。
- 點擊編輯器右上角的開啟檢驗器圖示


- 點擊錨點下拉式選單。
- 啟用新增錨點開關。
- 在欄位中輸入錨點姓名。

請注意:
無法將錨點新增至全域區段或附加至全域區段的元件。
新增錨點選單
在浮動選單中顯示錨點,使其始終可見 ── 即使訪客捲動頁面時也是如此。無論訪客位於頁面何處,錨點選單都讓其可選擇存取所需的內容。
實用資訊:
錨點選單對於具有多個區段且內容極長的單頁式網站特別有用。
若要新增錨點選單:
- 點擊編輯器左側的新增元件
。 - 選擇選單與搜尋。
- 點擊錨點選單。
- 點擊欲新增的選單,或將其拖曳至頁面上的相關地點。

網站有多個頁面嗎?
將錨點選單新增至 全域區段,即可在多個/所有網站頁面中顯示。
管理並自訂錨點選單
管理錨點選單以顯示所需的品項。您還可自訂選單設計,以搭配網站的外觀和品牌建立。
若要管理並自訂錨點選單:
- 點擊編輯器中的錨點選單。
- 選擇欲執行的操作:
- 管理錨點選單:選擇管理選單並進行所需的變更:
- 新增和移除錨點:勾選/取消勾選核取方塊以選擇要在選單中顯示的錨點。
- 重新命名品項:點擊面板中的相關錨點,然後輸入新姓名。
- 自訂選單:
- 點擊編輯器右上角的開啟檢驗器圖示


- 向下捲動至設計。
- 選擇設計,並自訂選單的文字、色彩和間距。瞭解更多設計錨點選單的資訊。
- 點擊編輯器右上角的開啟檢驗器圖示

將元件連結至錨點
將特定元件(例如:圖片、按鈕和文字)連結至錨點,是引導訪客前往網站相關內容的絕佳方式。當訪客點擊元件時,系統會將其直接帶到錨點。
若要將元件連結至錨點:
- 點擊要連結的元件。
- 點擊「連結」圖示
。 - 選擇「錨點」。
- 點擊「在哪個頁面上?」下拉式選單,然後選擇包含該錨點的頁面。
- 點擊「此頁面上的哪個錨點?」下拉式選單,然後選擇相關錨點。
- 點擊「完成」。

將錨點新增至網站選單
網站上只有 1 或 2 個錨點嗎?您可將其顯示為 固定網站選單 中的品項。網站選單通常顯示在所有頁面,因此這是確保訪客隨時都能存取重要內容的絕佳方式。
若要將錨點新增至網站選單:
- 前往編輯器。
- 在編輯器中選擇選單。
- 點擊管理選單。
- 點擊底部的+ 新增品項。
- 選擇連結或錨點。
- 點擊左側選項中的錨點。
- 點擊在哪個頁面?下拉式選單,然後選擇包含該錨點的頁面。
- 點擊此頁面上的哪個錨點?下拉式選單,然後選擇相關錨點。
- 點擊完成。

常見問題 (FAQ)
選擇問題以瞭解更多錨點操作相關資訊。
可視區域是否會影響錨點?
區段位置是否會影響錨點?
為什麼錨點選單在不同頁面顯示不同的品項?
我可以在不同斷點將同一個元件連結至不同的錨點嗎?

