AmandaAmanda

Embed the Residency Exposure Check Widget

Add Amanda's residency exposure checker to your website. Free, no account required.

Configure your embed

Partner ID tracks referrals. Theme sets the widget appearance.

What the widget does

The embed widget is a single-screen residency exposure scanner that your visitors can use without leaving your site.

  • Collects home country, nights abroad, and ties
  • Shows exposure level (Low / Medium / High) per country
  • Lists triggers detected
  • Links to full Amanda tracker with prefilled data

No persistence. No accounts. No data stored on your end.

Embed code

<iframe
  src="https://amanda.legal/embed/residency?partner=your-partner-id&theme=dark"
  width="100%"
  height="700"
  frameborder="0"
  style="border-radius: 12px; max-width: 450px;"
  data-module="residency"
></iframe>

Paste this code into your HTML where you want the widget to appear.

Auto-resize (optional)

The widget sends postMessage events when its content height changes. Add this script to automatically resize the iframe:

<script>
window.addEventListener("message", (event) => {
  // Verify origin in production
  // if (event.origin !== "https://amanda.legal") return

  const { type, moduleId, height } = event.data || {}

  if (type === "amanda:resize") {
    const iframe = document.querySelector(
      `iframe[data-module="${moduleId}"]`
    )
    if (iframe) {
      iframe.style.height = `${height}px`
    }
  }

  if (type === "amanda:ready") {
    console.log(`Amanda ${moduleId} widget ready`)
  }

  if (type === "amanda:navigate") {
    console.log(`User navigating to: ${event.data.url}`)
  }
})
</script>

PostMessage events

The widget emits these events to the parent window:

amanda:ready

Fired when the widget is fully loaded

amanda:resize

Fired when content height changes. Includes height in pixels.

amanda:navigate

Fired when user clicks to open full tracker. Includes url.

Direct URL

https://amanda.legal/embed/residency?partner=your-partner-id&theme=dark

You can also link directly to this URL.

Styling

Use the theme parameter to set dark or light mode. If not specified, the widget uses the user's saved preference.

For best results, use a container width of 350-450px. The widget is responsive and works on mobile.

Live preview

dark mode

Configure settings above and click "Apply" to update