使用智慧型「回到頂部」按鈕，讓訪客輕鬆捲動至網站頂部。此按鈕會固定在網站上的特定位置，因此即使訪客向下捲動，按鈕依然清晰可見。步驟 1 | 新增按鈕「回到頂部」按鈕通常是箭頭圖示，向訪客提示點擊按鈕即可回到頁面頂部。我們提供多款箭頭設計供您選擇。若要新增按鈕： 點擊編輯器左側的新增元件。  點擊裝飾。  點擊箭頭。  將箭頭拖曳至網站。想要不同的按鈕嗎？您也可以使用向量插圖或圖示按鈕等其他元件作為...

Wix 編輯器：為網站建立「回到頂部」按鈕

學習如何在您的網站上新增智慧型「回到頂部」按鈕，讓訪客輕鬆返回頁面頂端。這篇文章將指導您如何添加按鈕、將其連結至頁面頂端、釘選至畫面，以及在所有頁面顯示按鈕，提升使用者體驗並方便訪客導航。

<div data-component-type="text"><div>使用智慧型「回到頂部」按鈕，讓訪客輕鬆捲動至網站頂部。此按鈕會固定在網站上的特定位置，因此即使訪客向下捲動，按鈕依然清晰可見。</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-add-your-button" level="3">步驟 1 | 新增按鈕</h2></div><div data-component-type="text"><div>「回到頂部」按鈕通常是箭頭圖示，向訪客提示點擊按鈕即可回到頁面頂部。我們提供多款箭頭設計供您選擇。</div></div><div data-component-type="heading"><h2 id="" level="4">若要新增按鈕：</h2></div><div data-component-type="text"><ol> <li>點擊編輯器左側的<strong>新增元件</strong><img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/06/7ed12e24-bf08-4ab0-ba6d-62ef39ef5674.png" />。</li>  <li>點擊<strong>裝飾</strong>。</li>  <li>點擊<strong>箭頭</strong>。</li>  <li>將箭頭拖曳至網站。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/12/21/9b27a34e-a7ab-4dae-9f96-ea6fa3b06c04/f0426984-83c1-413e-b2c6-80c25d12bc31.png" alt="Wix 編輯器中的新增元件面板，其中強調了箭頭選項" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">想要不同的按鈕嗎？</div><div class="info-content"><div>您也可以使用向量插圖或圖示按鈕等其他元件作為「回到頂部」按鈕。</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-link-your-button-to-the-top-of-the-page" level="3">步驟 2 | 將按鈕連結至頁面頂端</h2></div><div data-component-type="text"><div>將按鈕連結至頁面頂端，訪客點擊按鈕時即可回到頂部。</div></div><div data-component-type="heading"><h2 id="" level="4">連結按鈕方法：</h2></div><div data-component-type="text"><ol> <li>點擊編輯器中的按鈕。</li> <li>點擊「<strong>連結</strong>」圖示 <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/cdff0ec4-6b02-4f12-8539-cf6a845d4dac.png" />。</li> <li>點擊「<strong>頁面頂端／底部</strong>」。</li> <li>點擊「<strong>頂端</strong>」。</li> <li>點擊「<strong>完成</strong>」。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/19/453b82e4-0cd1-4c3b-93e3-e2c3686df8da/201fca03-47ea-4e77-ad58-d992d757e57c.png" alt="回到頂端按鈕及其工具列，並強調連結圖示" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-pin-your-button-to-the-screen" level="3">步驟 3 | 將按鈕釘選至畫面</h2></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-editor-pinning-elements-to-the-screen" target="target">將按鈕釘選</a>至畫面側邊，讓訪客在捲動網站時也能隨時看到按鈕。</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div>「回到頂部」按鈕通常顯現在畫面右下角。</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">將按鈕釘選至畫面方法：</h2></div><div data-component-type="text"><ol> <li>右鍵點擊按鈕。</li>  <li>點擊「<strong>釘選至畫面</strong>」。</li>  <li>在「<strong>設定位置</strong>」下方的格線中選擇位置。</li>  <li>（選填）透過設定偏移量來橫向或垂直移動元件：
    <ul>
      <li>拖曳「<strong>橫向偏移量</strong>」滑桿以橫向移動元件，或在滑桿旁的欄位中輸入數字。</li>      <li>拖曳「<strong>垂直偏移量</strong>」滑桿以垂直移動元件，或在滑桿旁的欄位中輸入數字。</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/19/83f3f740-ffa1-4bab-bc86-0f17fda5b978/495e49c4-2781-4f2f-ab66-c5dfa5292147.png" alt="回到頂端按鈕與「釘選至畫面」面板" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-4-show-your-button-on-all-pages" level="3">步驟 4 | 在所有頁面顯示按鈕</h2></div><div data-component-type="text"><div>讓訪客可從網站的每個頁面和地點存取按鈕。</div></div><div data-component-type="heading"><h2 id="" level="4">若要在所有頁面顯示按鈕：</h2></div><div data-component-type="text"><ol> <li>右鍵點擊按鈕。</li> <li>開啟<strong>在所有頁面顯示</strong>切換開關。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/19/83c2bc37-2195-40fa-9e35-3c141adedd9e/fa993b22-ea0f-42be-b345-65e3063d9b8d.png" alt="「回到頂部」按鈕與右鍵選單並列，可切換開關以在所有頁面顯示" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">行動版網站上的「回到頂部」按鈕：</div><div class="info-content"><div>「回到頂部」按鈕不會在行動版網站上顯示。不過，您可以新增專為行動版網站設計的 <a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-editor-adding-and-customizing-a-back-to-top-button-on-your-mobile-site" target="target">行動版「回到頂部」按鈕</a>。</div></div></div></div>

為圖示或文字按鈕新增連結，即可將網站訪客引導至特定地點。您可連結至許多不同地點，包括網站頁面、外部網址、文件或電子郵件。為按鈕新增連結 點擊編輯器中的按鈕。  點擊「連結」圖示 連結 。  選擇連結類型。
注意：請參閱下方以瞭解更多連結類型資訊。  新增相關連結資訊。  點擊完成。便箋：新增連結後，請在預覽模式下測試是否正常運作。若無法運作，請檢查按鈕疑難排解員。若網址連結包含不支援的字元，系統會...

Wix 編輯器：為按鈕新增連結

Learn how to add links to buttons on your website to guide visitors to specific locations, such as web pages, external URLs, documents, or email addresses. This article covers various link types you can use, including linking to specific product pages in Wix Stores, and provides tips for testing your links to ensure they work correctly. Enhance your site's functionality and improve user navigation by utilizing these linking options.

<div data-component-type="text"><div>為圖示或文字按鈕新增連結，即可將網站訪客引導至特定地點。您可連結至許多不同地點，包括網站頁面、外部網址、文件或電子郵件。</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-link-to-your-button" level="3">為按鈕新增連結</h2></div><div data-component-type="text"><ol> <li>點擊編輯器中的按鈕。</li>  <li>點擊「連結」圖示 <strong>連結</strong> <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/73fd4f4e-a17e-4e8a-855e-ad100bcac136.png" />。</li>  <li>選擇連結類型。<br />
<strong>注意：</strong>請參閱<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-editor-adding-a-link-to-a-button#types-of-links" target="target">下方</a>以瞭解更多連結類型資訊。</li>  <li>新增相關連結資訊。</li>  <li>點擊<strong>完成</strong>。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/19/e8063c55-85b3-41d2-835f-47856f5c0cd5/e7bdce67-c1c6-47e9-b34c-b0463212680d.png" alt="在 Wix 編輯器中已選擇按鈕且滑鼠浮動在連結圖示上的螢幕截圖。" /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">便箋：</div><div class="info-content"><ul><li>新增連結後，請在預覽模式下測試是否正常運作。若無法運作，請檢查<a href="https://support.wix.com/zh-hant/article/wix-editor-troubleshooting-buttons">按鈕疑難排解員</a>。</li><li>若網址連結包含不支援的字元，系統會顯示以下錯誤訊息：<strong>檢查網址並再試一次</strong>。若要略過驗證，請使用 <a href="http://bit.ly/" target="_blank">bit.ly</a> 或 <a href="http://goo.gl/" target="_blank">goo.gl</a> 等縮短網址服務。</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="types-of-links" level="3">連結類型</h2></div><div data-component-type="text"><div>您可從「連結」面板新增多種連結類型： </div></div><div data-component-type="heading"><h2 id="web-address" level="4">網址</h2></div><div data-component-type="text"><div>連結至外部網址。訪客點擊按鈕時，系統會將其直接引導至所選的網址。您可選擇在新瀏覽器視窗或目前視窗中開啟網址。</div></div><div data-component-type="text"><div>您可使用此功能連結至 Wix Stores 中的特定產品頁面。若要了解方法，請點擊 <a href="https://support.wix.com/zh-hant/article/wix-stores-linking-a-button-to-a-specific-product-page">這裡</a>。</div></div><div data-component-type="heading"><h2 id="page" level="4">頁面</h2></div><div data-component-type="text"><div>連結至網站頁面。訪客點擊按鈕時，系統會將其直接引導至所選的網站頁面。您可選擇在新瀏覽器視窗或目前視窗中開啟頁面。</div></div><div data-component-type="text"><div>若要了解如何將按鈕連結至 Wix Stores 中的特定產品頁面，請點擊 <a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-stores-linking-a-button-to-a-specific-product-page" target="_blank">這裡</a>。</div></div><div data-component-type="heading"><h2 id="anchor" level="4">錨點</h2></div><div data-component-type="text"><div>連結至網站上的<a href="https://support.wix.com/zh-hant/article/wix-editor-linking-to-anchors-on-your-site">錨點</a>。訪客點擊按鈕時，系統會將其帶往所選的頁面和錨點。 </div></div><div data-component-type="heading"><h2 id="topbottom-of-page" level="4">頁面頂部／底部</h2></div><div data-component-type="text"><div>連結至頁面頂端或底部。訪客點擊按鈕時，系統會將其帶往目前所在頁面的頂端或底部。</div></div><div data-component-type="heading"><h2 id="document" level="4">文件</h2></div><div data-component-type="text"><div>連結至文件。訪客點擊按鈕時，系統會開啟新的瀏覽器索引標籤並顯示文件。</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">請注意：</div><div class="info-content"><div>任何超過 50MB 的文件都會自動下載，而不會在新的頁面中開啟。此為預期行為，且無法更改。</div></div></div></div><div data-component-type="heading"><h2 id="email" level="4">電子郵件</h2></div><div data-component-type="text"><div>連結以寄送電子郵件至特定電子郵件地址。訪客點擊按鈕時，系統會開啟其預設電子郵件帳戶，以便寄送電子郵件至指定地址。</div></div><div data-component-type="text"><div>若連結電子郵件地址，訪客的瀏覽器必須設定好<a data-composite="true" href="https://support.wix.com/zh-hant/article/troubleshooting-error-message-default-mail-client-is-not-properly-installed" target="target">預設郵件客戶端</a>。</div></div><div data-component-type="heading"><h2 id="phone-number" level="4">電話號碼</h2></div><div data-component-type="text"><div>連結至電話號碼。訪客在行動裝置或平板上點擊按鈕時，即可立即撥打通話。若使用桌面設備，則會開啟 FaceTime 等通話應用程式。</div></div><div data-component-type="heading"><h2 id="popup" level="4">快顯</h2></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2025/10/31/36b5cdc1-414c-4146-a1d8-559d116f738f/db9d882d-0b56-4256-ad60-2370077732cb.png" alt="在 Wix 編輯器中連結至快顯面板" /></div></div><div data-component-type="text"><div>連結至網站上的<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-editor-adding-and-setting-up-a-lightbox" target="target">快顯</a>。訪客點擊按鈕時，快顯即會顯現。</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">提示：</div><div class="info-content"><div>使用 <a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-analytics-about-your-behavior-reports" target="target">Wix Analytics</a> 追蹤按鈕點擊次數和使用者互動，深入了解訪客與網站互動的方式。 </div></div></div></div>

個人化文字和圖示按鈕，使其符合您偏好的外觀。視需求更新按鈕文字、設計按鈕外觀並調整版面配置（例如：位置、間距及尚有...項）。變更按鈕文字請輸入按鈕文字以鼓勵訪客與網站互動。常見範例包括「聯絡我們」、「閱讀更多」或「立即購買」。若要變更按鈕文字： 前往編輯器。  點擊頁面上的按鈕。  點擊設定。  （選填）點擊選擇顯示內容下拉式選單並選擇一個選項：文字和圖示、圖示、僅文字或不顯示。  在文字下方編...

Wix 編輯器：自訂文字和圖示按鈕

自訂您的按鈕以符合網站風格，學習如何變更按鈕文字、設計外觀及調整版面配置。您可以選擇顯示文字、圖示或兩者，並根據需求調整按鈕的顏色、字型和間距，從而提升訪客的互動體驗。透過這篇文章，您將能夠創建更具吸引力的按鈕設計。

<div data-component-type="text"><div>個人化文字和圖示按鈕，使其符合您偏好的外觀。視需求更新按鈕文字、設計按鈕外觀並調整版面配置（例如：位置、間距及尚有...項）。</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-button-text" level="3">變更按鈕文字</h2></div><div data-component-type="text"><div>請輸入按鈕文字以鼓勵訪客與網站互動。常見範例包括「聯絡我們」、「閱讀更多」或「立即購買」。</div></div><div data-component-type="heading"><h2 id="" level="4">若要變更按鈕文字：</h2></div><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>點擊頁面上的按鈕。</li>  <li>點擊<strong>設定</strong>。</li>  <li>（選填）點擊<strong>選擇顯示內容</strong>下拉式選單並選擇一個選項：<strong>文字和圖示</strong>、<strong>圖示</strong>、<strong>僅文字</strong>或<strong>不顯示</strong>。</li>  <li>在<strong>文字</strong>下方編輯按鈕上顯現的文字。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/29/4f4460cf-c393-4c70-9794-5d7608109215/afa04e7b-6d5f-4ec4-a505-2e48c7a6929c.png" alt="Wix 編輯器中的「按鈕設定面板」" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div>您也可從「版面配置」面板選擇按鈕上要顯示的內容（例如：文字、圖示或兩者皆有）。</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="designing-the-button" level="3">設計按鈕</h2></div><div data-component-type="text"><div>設計按鈕是使其符合網站外觀和需求的絕佳方式。請為每個按鈕狀態調整設計：</div></div><div data-component-type="text"><ul> <li><strong>固定：</strong>按鈕在互動前的顯示方式。</li>  <li><strong>浮動：</strong>游標懸停在按鈕上時的顯示方式。</li></ul></div><div data-component-type="heading"><h2 id="" level="4">若要設計按鈕：</h2></div><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>點擊頁面上的按鈕。</li>  <li>點擊「<strong>設計</strong>」圖示 <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/974c50b4-3472-4fd0-b0eb-bf70636220c6.png" />。</li>  <li>點擊「<strong>自訂設計</strong>」。</li>  <li>選擇按鈕狀態。</li>  <li>根據需求調整設計：
    <ul>
      <li><strong>背景填滿：</strong>選擇背景色彩並調整不透明度。</li>      <li><strong>文字：</strong>調整文字的主題、色彩、字型、大小和格式。</li>      <li><strong>邊框：</strong></li>調整邊框的色彩、不透明度和寬度。      <li><strong>圓角：</strong>使用方塊調整按鈕圓角的 Pix 大小。</li>      <li><strong>陰影：</strong>為按鈕新增並自訂陰影。</li>      <li><strong>版面配置：</strong>編輯按鈕的版面配置和對齊方式。</li>      <li><strong>圖示：</strong>顯示帶有文字的圖示並調整其設定。</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/29/83fe4a9d-aa54-4c07-a5fb-5cdc6748d52b/93bc6055-8228-4251-bd40-0eced103dc96.png" alt="Wix 編輯器中的按鈕設計面板" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjusting-the-buttons-layout" level="3">調整按鈕版面配置</h2></div><div data-component-type="text"><div>變更按鈕文字和／或圖示之間的對齊方式、位置和間距。您也可決定當按鈕空間不足以顯示完整文字時的處理方式。 </div></div><div data-component-type="heading"><h2 id="" level="4">若要調整按鈕版面配置：</h2></div><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>點擊頁面上的按鈕。</li>  <li>點擊「<strong>版面配置</strong>」圖示 <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/07/26/8e428eb0-e870-446c-b3e5-11fb7f9bb64d/ea84a13e-3e51-44c6-9073-35745f95e190.png" />。</li>  <li>調整以下任一設定：
    <ul>
      <li><strong>選擇顯示內容：</strong>決定按鈕上顯示的內容：<strong>文字和圖示</strong>、<strong>僅文字</strong>、<strong>僅圖示</strong>或 <strong>無</strong>。</li>      <li><strong>文字和圖示位置：</strong>選擇同時顯示文字和圖示時，決定其排列位置：並排或上下排列。</li>      <li><strong>文字和圖示間距：</strong>選擇同時顯示文字和圖示時，拖曳滑桿以設定兩者之間的間距（單位為像素）。</li>      <li><strong>對齊方式：</strong>將文字和圖示對齊按鈕的左側、中間或右側。點擊「<strong>左右對齊</strong>」<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/07/26/7b2538db-a825-491f-a6e3-e0dbea7fa5bf/f525d252-55a2-41c1-a34b-f306c6037242.png" />，即可將其對齊按鈕的兩端邊距。</li>    </ul>  </li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div>您也可從「設定」面板選擇按鈕上要顯示的內容（例如：文字、圖示或兩者皆有）。</div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/29/3e9eec6c-6741-43d8-8972-bfa9fc2d29fe/abefb087-1c97-4194-b9c8-dc1b69c339ad.png" alt="Wix 編輯器中的按鈕版面配置面板。" /></div></div>

引導網站訪客直接存取檔案最簡單的方法就是使用按鈕。此外，Wix 也提供多種其他選項，以滿足網站需求。建立下載按鈕在網站新增下載按鈕，訪客點擊按鈕後即可開啟檔案並輕鬆下載。若要建立下載按鈕： 前往編輯器。  點擊編輯器左側的新增元件。  點擊按鈕。  點擊文字與圖示按鈕或圖示按鈕。  將按鈕拖曳至頁面。  點擊連結圖示 。  選擇文件以讓訪客下載檔案，然後點擊選擇檔案來新增或上傳檔案。  點擊完成。...

Wix 編輯器：新增下載按鈕

學習如何在您的網站上建立下載按鈕，讓訪客能夠輕鬆下載檔案。這篇文章將指導您如何使用 Wix 編輯器新增按鈕，並提供其他下載選項，如文件、圖片、音樂和影片，幫助您滿足不同需求。透過這些功能，您可以提升網站的互動性和用戶體驗。

<div data-component-type="text"><div>引導網站訪客直接存取檔案最簡單的方法就是使用按鈕。此外，Wix 也提供多種其他選項，以滿足網站需求。</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="creating-a-download-button" level="3">建立下載按鈕</h2></div><div data-component-type="text"><div>在網站新增下載按鈕，訪客點擊按鈕後即可開啟檔案並輕鬆下載。</div></div><div data-component-type="heading"><h2 id="" level="4">若要建立下載按鈕：</h2></div><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>點擊編輯器左側的<strong>新增元件</strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" />。</li>  <li>點擊<strong>按鈕</strong>。</li>  <li>點擊<strong>文字與圖示按鈕</strong>或<strong>圖示按鈕</strong>。</li>  <li>將按鈕拖曳至頁面。</li>  <li>點擊<strong>連結</strong>圖示 <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/e81e2c4c-a111-4aea-ab65-0c5e2db6619e.png" />。</li>  <li>選擇<strong>文件</strong>以讓訪客下載檔案，然後點擊<strong>選擇檔案</strong>來新增或上傳檔案。</li>  <li>點擊<strong>完成</strong>。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/19/1b56dcac-84d1-4524-ae7d-a3ffcaf66f04/663b0262-41b3-44c5-bd3c-4468306cbc14.png" alt="Wix 編輯器畫面截圖，其中連結圖示為已選擇狀態，且「您想要連結至什麼？」下方已選擇文件" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="additional-download-options" level="3">其他下載選項</h2></div><div data-component-type="text"><div>Wix 提供多種不同功能，方便訪客從網站下載檔案。點擊下方的檔案類型即可查看可用選項。</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">文件（PDF、DOC、DOCX、PPT、PPTX、XLS、ODP 或 ODT）</h4><div class="collapsible-content"><ul> <li><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-editor-adding-a-document-button" target="_blank">文件按鈕</a></li>  <li><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-editor-adding-a-link-to-an-element" target="target">從網站連結文件</a></li>  <li><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-forms-an-overview" target="_blank">Wix Forms</a></li>  <li><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-apps-about-the-file-share-app" target="_blank">File Share 應用程式</a></li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">圖片</h4><div class="collapsible-content"><ul> <li><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-an-overview" target="_blank">Wix 專業圖庫</a></li>  <li><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-apps-about-the-file-share-app" target="_blank">File Share 應用程式</a></li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">音樂</h4><div class="collapsible-content"><ul> <li><a data-composite="true" href="https://support.wix.com/zh-hant/article/about-wix-music" target="_blank">Wix Music</a></li>  <li><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-apps-about-the-file-share-app" target="_blank">File Share 應用程式</a></li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">影片</h4><div class="collapsible-content"><ul> <li><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-video-about-wix-video" target="_blank">Wix Video</a></li>  <li><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-an-overview" target="_blank">Wix 專業圖庫</a></li>  <li><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-apps-about-the-file-share-app" target="_blank">File Share 應用程式</a></li></ul></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">提示：</div><div class="info-content"><div>若要讓訪客下載外部託管的檔案，請<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-editor-adding-a-link-to-an-element" target="_blank">從網站連結至該檔案</a>。</div></div></div></div>

如何開始

選擇範本

雇用專業人士建立網站

以 Wix 建立網站和商家。歡迎使用我們的 AI 工具來建立網站、自訂範本或雇用專業人員，樹立網上形象。

開始使用 Wix

了解如何以 Wix 建立網站和商家。

Wix 編輯器入門

使用編輯器工具

網站版面配置

帶狀區和欄

界定網站結構

設計網站

頁面

選單

管理頁面和選單

文字

按鈕

容器和方塊

投影片

形狀和線條

新增和自訂元件

圖片

圖庫

影片

文件和檔案

新增檔案和媒體

如何處理元件

效果與動畫

分享並推廣網站

新增進階元件

行動版工具

行動版頁面

行動版背景

行動版網站版面

行動版網站選單

行動版文字

行動版媒體

其他行動版元件

行動版網站疑難排解

建立行動版網站

編輯器網站疑難排解

使用 Wix 編輯器

如何使用管理介面

管理網站

管理身分與權限

AI 工具入門

以 AI 建立並管理網站

以 AI 設立商家

AI 工具

媒體管理員入門

上傳媒體

購買媒體

管理媒體

媒體疑難排解

新增並管理媒體

使用專業圖庫

編輯圖片（Wix 圖庫）

Wix 多語言入門

翻譯網站

管理語言

Wix 多語言與 SEO

建立多語言網站

隱私權與 GDPR

無障礙介紹

使網站符合無障礙要求

進階無障礙功能

建立無障礙網站

Wix 與開發人員

測試網站

SSO 登入

Wix 區塊

進階功能

Wix Vibe 入門

管理 Wix Vibe 網站

自訂 Wix Vibe 網站

發佈 Wix Vibe 網站

使用 Wix Vibe

了解如何以 Wix 工具建立並管理網站。您也可在此找到更多關於 AI 工具、網站訪客隱私權和無障礙的資訊。

建立網站

了解如何建立、管理並維護 Wix 網站。

變更帳戶設定

登入問題

管理帳戶

升級至進階方案

進階方案帳單

網域帳單

Google Workspace 商務電子郵箱帳單

管理訂閱

收費、付款與稅金

Wix 服務請款單

使用優惠券和推廣優惠

帳單與進階訂閱

檢閱帳戶設定，設定訂閱與方案，查看請款單。

帳戶與帳單

以 Wix 應用程式管理網站

行動應用程式入門

自訂行動應用程式

管理行動應用程式

提交行動應用程式以供核准

建立行動應用程式

在 Wix 會員應用程式自訂網站

在 Wix 會員應用程式管理網站

以會員身分使用行動應用程式

使用 Wix 會員應用程式

為顧客設立行動應用程式

歡迎使用 Wix 行動應用程式，隨時隨地處理業務，並以專屬應用程式吸引網站會員互動。

使用 Wix 行動應用程式

網域入門

Wix 網域

於別處購買的網域

轉移網域

管理網域

網域疑難排解

以逐步指南了解如何購買、連結或轉移網站網域，並學習如何確保網站資料安全。