Wix 說明
首頁
文章庫

Studio Two 編輯器：嵌入連結或 HTML 程式碼

5 分鐘

本文適用於 2026 年 11 月推出的全新 Studio Two 編輯器。如果不確定目前使用的是 Studio 編輯器或 Studio Two 編輯器，請點此查看更多資訊。

嵌入程式碼片段或外部網址，即可顯示其他平台的內容。新增倒數計時器或天氣小工具等自訂組件，或顯示其他網站的內容，讓訪客可在同一處取得所需的一切資訊。

嵌入程式碼或網站

直接從「新增元件」面板將 iFrame 新增至網站。選擇嵌入程式碼或網站，再貼上程式碼或網址，內容就會顯示在 iFrame 中。

重要：

嵌入程式碼或連結前，請務必閱讀指南。

新增嵌入內容：

  1. 前往編輯器。

  2. 將游標懸停在左上方的新增元件圖示  上。

  3. 選擇元件。

  4. 點擊嵌入圖示 。

  5. 將嵌入程式碼或嵌入網站元件拖曳至頁面。

  6. 點擊操作列上的設定圖示 。

  7. 按照下方相關步驟操作：

「新增元件」面板中的「內嵌」類別，包含「內嵌程式碼」和「內嵌網站」元件。

調整顯示內容大小

內嵌元件通常包含預先定義的像素寬度和高度，這些數值由元件的來源服務設定，如下方範例所示：

1<iframe width="560" height="315" 
2       src="https://www.wix.com" 
3        frameborder="0">
4</iframe>

如果 iFrame 容器（位於畫布上）小於 560 像素 × 315 像素，這些設定可能會裁切內容。若要避免內容遭到裁切，請將像素值改為百分比單位，並依照下方所示設為 100％： 

1<iframe width="100%" height="100%" 
2       src="https://www.wix.com" 
3        frameborder="0">
4</iframe>

準則

將程式碼或連結內嵌至 iFrame 前，建議先閱讀以下準則。

程式碼

  • 請務必確認要內嵌的程式碼為最新版本，且與 HTML5 相容。如果頁面和指令碼使用舊版 HTML 編寫，大多數瀏覽器將無法正確顯示。

  • HTML 程式碼包含頁面的核心元件，但設計設定和其他複雜功能通常會分開儲存。因此，如果 HTML 程式碼未參照並納入相關元件（例如 CSS 和 JS 檔案），部分元件可能無法正常運作，或顯示不同的外觀。

連結

  • 如果不確定如何使用 target 屬性，請參閱此處的相關資訊，或聯絡程式碼建立者。

  • 請確認連結包含 HTTPS 而非 HTTP，否則不會顯示在已上線的網站上。

內嵌問題疑難排解

內嵌程式碼或連結時遇到問題嗎？點擊下方的問題，即可深入了解並查看疑難排解步驟。
重要：
Wix 無法為未經 Wix 建立或測試的外部程式碼提供支援。如果下列步驟無法解決程式碼片段的問題，請直接聯絡提供者。