如何設定錨點


如果你的網頁想傳達的資訊多，使用者又沒耐心一個一個往下看，只想直接看到指定的內容區塊？

如果這是你的導購頁面，你希望使用者點擊連結時出現指定產品的介紹區塊，而不是頁首？


就像你可以放置書籤在書本上，

快速引導讀者翻閱指定的段落。

-

「錨點」也是一樣的效果。

它能快速引導網頁訪客到你指定的段落。

為了改善訪客體驗，你可以利用「獨立選單」或者「插入按鈕」製作單頁目錄，使訪客方便找到自己需要的內容，延長停留時間。

像以下這樣：

準備好了，就讓我們開始吧！

第一步：錨點設定

  1. 到你想要的版塊位置，找到右上方齒輪設定按鈕，選擇「錨點設定」


  2. 進入錨點設定後，填入錨點名稱，例如：
    為了示意方便，我們使用「錨點1號」
    要使網址簡潔美觀，實際設定時 建議使用英文 哦！

  3. 按下完成後，成功設定錨點


第二步：設定連結

已經想好要從哪裡連結到這個錨點位置了嗎？以下提供你幾個方向。

獨立選單

使用獨立選單可以讓訪客在頁面內自由點選前往有興趣的板塊。


文字版塊按鈕

利用文字版塊按鈕，設計選單，訪客可以在特定位置點選前往你指定的位置。

站外超連結

當你將連結放在外部位置時，訪客進站的位置將不會是頁首，而是錨點位置。

  • 獨立選單

  1. 左側選單點選新增獨立選單板塊


  2. 選擇適合的樣板後，編輯「選單項目」


  3. 連結方式選擇滑動至錨點，並於連結選單選擇設定的錨點名稱

  4. 設定完成，可繼續按+號繼續新增選單按鈕


  • 文字版塊按鈕

1. 在文字版塊編輯器中，選擇「插入按鈕」

2. 進入按鈕設定，設定後按插入

  • 文字：輸入希望顯示的文字
  • 連結網址：請輸入「#」再加上剛剛設定的錨點名稱




3. 按鈕產出後，請點選按鈕，選擇「編輯連結」

4. （可略過）取消勾選「在新分頁開啟」，並點選更新

5. 設定完成
錨點設定教學


  • 站外超連結

首先，先取得網頁網址
可以到網頁管理後台「複製短網址」，或者已經有的完整網址也可以

將網址後方加上「#」及設定好的錨點名稱，就會得到指定錨點網址

網頁網址 #錨點名稱

例如：

https://info.feversocial.com/p/201#錨點1號

將指定錨點網址貼至你需要的位置即可
例如：

以文字編輯器，插入超連結為例


錨點應用案例

icon_BackToTop