E-commerce Widget Demo

This page demonstrates how the e-commerce widget can be embedded on any website.

How to Add This Widget to Your Site

1. Add product data to your buttons:

<button 
  data-product-id="slip-on"
  data-product-price="200"
  data-product-title="Slip On - Resume On"
>
  Add to Cart
</button>

2. Add the widget configuration and script:

<script>
  // Configure the widget (all options are optional)
  window.ecommerceWidgetConfig = {
    position: 'bottom-right',  // 'bottom-right', 'bottom-left', 'top-right', 'top-left'
    primaryColor: '#4f46e5',   // Primary color for buttons and accents
    secondaryColor: '#f59e0b', // Secondary color for badges and highlights
    widgetTitle: 'Your Cart',  // Title shown in the widget header
    currency: 'USD'            // Currency for price formatting
  };
</script>

<script src="https://your-widget-url.com/widget-embed.js" async></script>