POTAL

Widget Playground

Configure and preview the POTAL widget in real-time

Configuration

Test: pk_live_ghTRbsEvgN7BgbuwI0d4vWOWzFIkLSqgF5BR

Live Preview

📦

Premium Headphones

$99.99 + $15.00 shipping

US → GB
☀️ Light Theme

Widget would load here with your actual widget script

Generated Embed Code

<!-- POTAL Widget -->
<script src="https://www.potal.app/widget/potal-widget.js"></script>

<!-- Embed the widget with your configuration -->
<div
  data-potal-widget
  data-api-key="pk_live_ghTRbsEvgN7BgbuwI0d4vWOWzFIkLSqgF5BR"
  data-product-name="Premium Headphones"
  data-price="99.99"
  data-shipping="15.00"
  data-origin="US"
  data-theme="light"
></div>

How to Use

1. Configure Settings

Update the API key, product details, and destination country to match your use case.

2. Copy the Code

Click "Copy Embed Code" to copy the generated HTML snippet to your clipboard.

3. Paste into Your Site

Paste the code into your product page HTML, and the widget will render automatically.

← Back to Integration HubView API Docs →