POTAL Widget Demo

This simulates a seller's product page with POTAL widget embedded

Embed Code (copy & paste into your store)

<div id="potal-widget"></div>
<script src="https://www.potal.app/widget/potal-widget.js"
  data-api-key="YOUR_PUBLISHABLE_KEY"
  data-origin="CN"
  data-product-name="Your Product Name"
  data-price="49.99"
  data-shipping="8.50"
  data-theme="light"></script>

Programmatic Usage (JavaScript API)

<script src="https://www.potal.app/widget/potal-widget.js"></script>
<script>
  PotalWidget.init({ apiKey: 'pk_live_...' });

  // Show widget in a container
  PotalWidget.show('#my-container', {
    productName: 'Cotton T-Shirt',
    price: 49.99,
    shippingPrice: 8.50,
    origin: 'CN'
  });

  // Or just get raw data (headless mode)
  PotalWidget.calculate({
    price: 49.99,
    shippingPrice: 8.50,
    origin: 'CN',
    destination: 'JP'
  }).then(data => console.log(data));
</script>