重要提示：此文档不适用于您当前选择的格式电子邮件！

amp-yotpo

描述

嵌入一个 Yotpo 站内小部件。

必需的脚本

<script async custom-element="amp-yotpo" src="https://cdn.ampproject.org/v0/amp-yotpo-0.1.js"></script>

支持的布局

填充固定固定高度弹性项无显示响应式

概述

您可以使用 amp-yotpo 扩展程序来显示 Yotpo 站内小部件。

示例：显示 Yotpo 底线小部件

<amp-yotpo
  width="550"
  height="100"
  data-app-key="liSBkl621ZZsb88tsckAs6Bzx6jQeTJTv8CDf8y5"
  data-widget-type="BottomLine"
  data-product-id="9408616206"
>
</amp-yotpo>

示例：显示评论小部件

<amp-yotpo
  width="550"
  height="700"
  layout="responsive"
  data-app-key="liSBkl621ZZsb88tsckAs6Bzx6jQeTJTv8CDf8y5"
  data-widget-type="MainWidget"
  data-product-id="9408616206"
  data-name="hockey skates"
  data-url="https://ranabram.myshopify.com/products/hockey-skates"
  data-image-url="https://ichef.bbci.co.uk/news/320/media/images/83351000/jpg/_83351965_explorer273lincolnshirewoldssouthpicturebynicholassilkstone.jpg"
  data-descriptipn="skates"
  data-yotpo-element-id="1"
>
</amp-yotpo>

属性

data-app-key (必需)	指定帐户应用密钥。例如，`liSBkl621ZZsb88tsckAs6Bzx6jQeTJTv8CDf8y5`。
data-（可选）**	每个 Yotpo 小部件都有可选的数据属性。例如，评论小部件有一个名为 `product-id` 的可选属性。请参阅 Yottpo 的文档，了解要指定的属性。使用 `amp-yotpo` 扩展程序时，对于每个相应的 Yotpo 属性，请在属性前面添加 `data`。例如，`product-id` 属性变为 `data-product-id`。
title（可选）	为组件定义一个 `title` 属性。默认值为 `Yotpo 小部件`。
通用属性	此元素包括扩展到 AMP 组件的通用属性。

验证

请参阅 AMP 验证器规范中的 amp-yotpo 规则。

需要更多帮助？

您已经阅读此文档很多遍了，但它并没有真正涵盖您的所有问题？也许其他人也有同样的感受：请在 Stack Overflow 上联系他们。

前往 Stack Overflow

发现错误或缺少功能？

AMP 项目强烈鼓励您的参与和贡献！我们希望您能成为我们开源社区的持续参与者，但也欢迎您对您特别感兴趣的问题做出一次性贡献。

前往 GitHub