重要事項：此文件不適用於您目前選取的格式電子郵件！

amp-yotpo

描述

嵌入 Yotpo 站內小工具。

必要指令碼

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

支援的版面配置

fill fixed fixed-height flex-item nodisplay responsive

總覽

您可以使用 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` 的選填屬性。請參閱 Yotpo 的文件，以了解要指定哪些屬性。當使用 `amp-yotpo` 擴充功能時，對於每個對應的 Yotpo 屬性，請在屬性前面加上 `data`。例如，`product-id` 屬性會變成 `data-product-id`。
title (選填)	為元件定義 `title` 屬性。預設值為 `Yotpo widget`。
通用屬性	這個元素包含通用屬性，這些屬性已擴充至 AMP 元件。

驗證

請參閱 AMP 驗證器規格中的amp-yotpo 規則。

需要更多協助嗎？

您已經讀過這份文件十幾次，但它仍然沒有涵蓋您的所有問題嗎？也許其他人也有同樣的感覺：請在 Stack Overflow 上聯繫他們。

前往 Stack Overflow

發現錯誤或缺少功能嗎？

AMP 專案大力鼓勵您的參與和貢獻！我們希望您能成為我們開放原始碼社群的長期參與者，同時我們也歡迎針對您特別關注的問題提供一次性的貢獻。

前往 GitHub