指南/建立內容/設計/將按鈕新增至網站

將按鈕新增至網站

你可以將按鈕新增至網站,以建立頁面、產品或任何其他位置的連結。按鈕可協助引導訪客採取行動,例如註冊、購買或深入了解。本指引會說明如何在網站新增按鈕。

新增按鈕

若要將按鈕新增至頁面文章範本,請採取以下步驟:

  1. 前往網站的儀表板
  2. 根據要新增按鈕的位置,瀏覽至頁面、文章或範本,然後編輯或建立新按鈕:
    • 頁面:前往選單的「頁面」區段。
    • 文章:前往選單的「文章」區段。
    • 範本:前往「外觀」→「編輯器」並選取範本。
  3. 按一下「+ (區塊插入工具)」圖示,然後搜尋「按鈕」。
    • 或者,在看到「輸入 / 以選擇區塊」時輸入 /button。
區塊插入器開啟,搜尋中包含「按鈕」一詞,且按鈕區塊已加上醒目提示。
  1. 按一下按鈕圖示以插入「按鈕」區塊
  2. 將按鈕文字新增至顯示「新增文字…」的地方這可以是「深入了解」、「按一下這裡」或其他任何內容。
包含預留位置「新增文字...」的新增按鈕

將連結新增至按鈕

新增第一個按鈕後,你會想要新增連結。連結可能指向你網站上的其他頁面或文章,或指向外部網站。遵循這些步驟,將連結新增至按鈕:

  1. 使用「清單檢視」來選取「按鈕」區塊中的個別按鈕。
  2. 在你選取按鈕後顯示的工具列中,按一下「連結」圖示。
已選取「按鈕」區塊中的單一按鈕,其中一個箭頭指向按鈕工具列中的「連結」圖示。
  1. 依名稱搜尋已張貼的頁面/文章,或在「搜尋或輸入 URL」欄位中輸入 URL。
    • 你也可以使用這些指示來建立按一下撥打按鈕。
已加上醒目提示的「搜尋或輸入 URL」輸入欄位。
  1. 按一下「提交」圖示 (反向箭號) 或點擊鍵盤上的 EnterReturn

你也可以在按鈕中新增圖示、表情符號或圖片

新增更多按鈕


你可以在現有的「按鈕」區塊中新增更多按鈕,或建立新按鈕。依照下列步驟,將新按鈕新增至現有的「按鈕」區塊

  1. 按一下「按鈕」區塊
  2. 按一下「+ 區塊插入工具」圖示以插入新按鈕。
選取的「按鈕」區塊,其中箭頭指向「+ 區塊插入工具」圖示。
  1. 使用工具列中的箭頭,即可重新排序按鈕。
  2. 請按照上面的步驟新增連結

依預設,按鈕會並排顯示。你可以依照在網站中對齊按鈕指引的步驟,自訂按鈕的對齊方式及其位置 (彼此相鄰或堆疊)。

其他類型的按鈕

若要在網站上新增更多進階按鈕,請檢視這些選項。

Copied to clipboard!