Embeds a Yotpo on-site widget.
|Supported Layouts||fill, fixed, fixed-height, flex-item, nodisplay, responsive|
You can use the
amp-yotpo extension to display Yotpo on-site widgets.
Example: Display the Yotpo bottom line widget
<amp-yotpo width="550" height="100" data-app-key="liSBkl621ZZsb88tsckAs6Bzx6jQeTJTv8CDf8y5" data-widget-type="BottomLine" data-product-id="9408616206"> </amp-yotpo>
Example: Display the reviews widget
<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 (required)||Specifies the account app key. For example, |
|data-** (optional)||Each Yotpo widget has optional data attributes. For example, the reviews widget has an optional attribute named |
When using the
|common attributes||This element includes common attributes extended to AMP components.|
See amp-yotpo rules in the AMP validator specification.
You've read this document a dozen times but it doesn't really cover all of your questions? Maybe other people felt the same: reach out to them on Stack Overflow.Go to Stack OverflowFound a bug or missing a feature?
The AMP project strongly encourages your participation and contributions! We hope you'll become an ongoing participant in our open source community but we also welcome one-off contributions for the issues you're particularly passionate about.Go to GitHub