通过


Iframe 模块

票据

Dynamics 365 Commerce 的 零售利益集团 已从 Yammer 迁移到 Viva Engage。 如果你无权访问新的Viva Engage社区,请填写此表单(https://aka.ms/JoinD365commerceVivaEngageCommunity),以便添加并继续参与最新的讨论。

本文介绍 iframe 模块以及如何将其添加到Microsoft Dynamics 365 Commerce中的网站页面。

iframe 模块提供在站点上托管外部内容的 iframe(内联框架)。 例如,它可以用于在任何站点页面上托管 YouTube 视频或 PDF 文件查看器。

iframe 模块需要目标 URL。 然后,它将目标页面的内容托管在 HTML iframe 元素内。 根据站点的内容安全策略 (CSP) 指令,外部 URL 必须在允许列表上。 对于 iframe 内容,应使用 frame-ancestor 指令允许 URL。 有关详细信息,请参阅管理内容安全策略 (CSP)

票据

iframe 模块在 Dynamics 365 Commerce 10.0.13 版本中可用。

下图显示了 iframe 模块的示例,这些模块在站点页面上展示外部视频。

显示网站页面上外部视频的 iframe 模块的屏幕截图。

iframe 模块属性

属性名称 Value 描述
标题 文本 模块的标题。
目标 URL URL 模块托管的 URL。
高度 数字或百分比 模块的高度,以像素或百分比表示。 例如,值 100 被视为像素数,值 100% 被视为百分比。
Aria 标签 文本 可以出于可访问性目的定义可访问丰富 Internet 应用程序 (ARIA) 标签。

向页面添加 iframe 模块

若要将 iframe 模块添加到显示外部视频的页面,请执行以下步骤:

  1. 转到模板,选择新建创建新模板。
  2. 新建模板对话框的模板名称下,输入市场营销模板,然后选择确定
  3. 选择保存,选择完成编辑签入模板,然后选择发布进行发布。
  4. 转到页面,选择新建创建新页面。
  5. 创建新页面对话框的页面名称下,输入市场营销页面,然后选择下一步
  6. 选择模板下面,选择您创建的市场营销模板,然后选择下一步
  7. 选择布局下面,选择页面布局(例如,灵活布局),然后选择下一步
  8. 查看并完成下面,查看页面配置。 如果您需要编辑页面信息,请选择返回。 如果页面信息正确,请选择创建页面
  9. 在新页面的插槽,选择省略号 (...),然后选择添加模块
  10. 选择模块对话框中,选择容器模块,然后选择确定
  11. 在模块的属性窗格中,将宽度值设置为填充容器
  12. 容器插槽中,选择省略号 (...),然后选择添加模块
  13. 选择模块对话框中,选择 iframe 模块,然后选择确定
  14. 在模块的属性窗格中,将目标 URL 值设置为视频的外部 URL。
  15. 根据您的要求设置其他属性,如标题高度
  16. 选择保存,选择完成编辑签入页面,然后选择发布进行发布。
  17. 转到您的站点上的市场营销页面。 您应该会看到视频已在 iframe 模块中呈现。

票据

由于 iframe 模块托管外部内容,网站作者必须确保 iframe 模块中托管的内容不会违反相应市场中的内容限制策略。 如果在使用 iframe 模块的页面上存在内容冲突,则网站作者可以通过在网站生成器中打开页面、在 iframe 模块槽中选择 “删除模块 ”,然后保存并重新发布页面来删除 iframe 模块。

附加资源

模块库概览

管理内容安全策略 (CSP)