本文說明了 iframe 模組，以及如何將其加入 Microsoft Dynamics 365 Commerce 的網站頁面。
Iframe 模組提供在網站上嵌入外部內容的 iframe (內嵌框架)。 例如，它可用來將 YouTube 影片或 PDF 檔案檢視器嵌入到任何網站頁面上。
Iframe 模組需要目標網址。 然後，它會將目標頁面的內容嵌入在 HTML iframe 元素中。 根據網站的內容安全性原則 (CSP) 指令，外部 URL 必須位於允許清單中。 對於 iframe 內容，應使用 frame-ancestor 指令來允許 URL。 如需詳細資訊，請參閱管理內容安全性原則 (CSP)。
Note
iframe 模組在 Dynamics 365 Commerce 10.0.13 發行版本中可用。
下圖顯示在網站頁面上展示外部影片的 iframe 模組範例。
iframe 模組屬性
| 屬性名稱 | 價值 | 描述 |
|---|---|---|
| 標題 | 文字 | 屬性的標頭。 |
| 目標 URL | URL | 模組所承載的網址。 |
| 高度 | 數字或百分比 | 模組的高度，以像素為單位或以百分比表示。 例如，值 100 被視為像素數，而值 100% 則視為百分比。 |
| Aria 標籤 | 文字 | 無障礙豐富網際網路應用程式 (ARIA) 標籤可為協助工具用途定義。 |
新增 iframe 模組到頁面
要在顯示外部影片的頁面新增 iframe 模組，請依照以下步驟操作：
- 移至範本，然後選取新以建立新的範本。
- 在新範本對話方塊中，在範本名稱底下，輸入行銷範本，然後選取確定。
- 選取儲存，選取完成編輯以簽入範本，然後選取發佈以進行發佈。
- 移至頁面，然後選取新以建立新的頁面。
- 在建立新頁面對話方塊中，在頁面名稱底下，輸入行銷頁面，然後選取下一步。
- 在選擇範本底下，選取您建立的行銷範本，然後選取下一步。
- 在選擇版面配置底下，選取頁面版面配置 (例如，彈性版面配置)，然後選取下一步。
- 在檢閱和完成底下，檢閱頁面設定。 如果您需要編輯頁面資訊，請選取返回。 如果頁面資訊正確，則選取建立頁面。
- 在新頁面的主要位置中，選取省略符號 (...)，然後選取新增模組。
- 在選取模組對話方塊中，選取容器模組，然後選取確定。
- 在模組的屬性窗格中，將寬度值設為 填滿容器。
- 在容器位置中，選取省略符號 (...)，然後選取新增模組。
- 在選取模組對話方塊中，選取 iframe 模組，然後選取確定。
- 在模組的屬性窗格中，將目標 URL 的值設為影片的外部 URL。
- 依需要設定其他屬性，例如標題和高度。
- 選取儲存，選取完成編輯以簽入頁面，然後選取發佈以進行發佈。
- 移至您網站上的行銷頁面。 您應該會看到影片在 iframe 模組中呈現。
Note
由於 iframe 模組承載外部內容，網站作者必須確保 iframe 模組內的內容不會違反當地市場的內容限制政策。 如果使用iframe模組的頁面有內容違規，網站作者可以透過在網站建構器中開啟頁面，選擇iframe模組欄位中的 移除模組 ，然後儲存並重新發布該頁面來移除iframe模組。