View Order

Render an existing order by ID — status, details, documents and payment options.

The view widget displays an existing order by ID: its status, details, documents and payment options. This is what you render on the page a buyer lands on after an order is created.

<div data-iasig-widget="view"
     data-order-id="IAC186768LUZ"></div>

The redirect flow

Set data-redirect-url on the order widget with a {orderId} placeholder:

<div data-iasig-widget="order"
     data-product="vignette:eu"
     data-source-app="vinieta.md"
     data-redirect-url="/order?order={orderId}"></div>

Then on /order, read the order query parameter and pass it through:

<div data-iasig-widget="view"
     data-order-id="EUV001002ABC"></div>

Because the widget re-checks status when it renders, an EU vignette order will show processing and then the finished vignette without you polling anything.

Matching your page theme

Pass data-bs-theme to keep the widget in step with your site’s light/dark setting — it does not read your CSS or prefers-color-scheme on its own:

<div data-iasig-widget="view"
     data-order-id="EUV001002ABC"
     data-bs-theme="dark"></div>

If your theme can change without a page reload, re-render the widget or trigger a rescan after the change:

window.dispatchEvent(new Event('iasig:scan'));

A minimal integration

Two pages is all it takes:

Page	Widget
Product page	`order` with `data-redirect-url`
`/order`	`view` with `data-order-id` from the query