Product Spotlight Embed Demo

Preview

Embed Code

<iframe 
  src="https://shop.tastyinteriors.com/embed/product-spotlight" 
  width="100%" 
  height="600" 
  frameborder="0"
  allow="web-share"
  title="TastyInteriors Product Spotlight"
></iframe>

This is the simplest way to embed the Product Spotlight widget on your website. Just copy and paste this code into your HTML.

Implementation Guide

Sizing Recommendations

Minimum width: 300px
Recommended width: 350-400px
Minimum height: 500px
Recommended height: 600px
For mobile: Use responsive embed with aspect ratio

Controlling the Widget

You can control the widget from your website using the postMessage API:

// Get reference to the iframe
const iframe = document.getElementById('product-spotlight-iframe');

// Refresh the product
iframe.contentWindow.postMessage('refresh-product', '*');

// Like the product
iframe.contentWindow.postMessage('like-product', '*');

// Buy the product
iframe.contentWindow.postMessage('buy-product', '*');

Customization

The widget automatically adapts to its container size. For further customization options or to request a custom version of the widget, please contact us at support@tastyinteriors.com.