如何設定錨點


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

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


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

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

-

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

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

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

像以下這樣:

準備好了,就讓我們開始吧!

第一步:錨點設定

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


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

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


第二步:設定連結

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

獨立選單

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


文字版塊按鈕

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

站外超連結

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

  • 獨立選單

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


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


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

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


  • 文字版塊按鈕

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

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

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




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

4. (可略過)取消勾選「在新分頁開啟」,並點選更新

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


  • 站外超連結

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

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

網頁網址 #錨點名稱

例如:

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

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

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


錨點應用案例

icon_BackToTop