Order Forms

The three vignette order widgets — Moldova, Romania and EU.

An order widget renders the full purchase flow: input form, price calculation, checkout and the issued vignette. Set data-iasig-widget="order" and pick a product.

Every example below assumes the loader snippet from Installation is already on the page.

MD Vignette

Moldova road vignette for domestic travel.

Collects registration country, vehicle category, plate number and VIN, plus payer details (IDNP/IDNO and full name, with a resident / non-resident toggle).

<div data-iasig-widget="order"
     data-product="vignette:md"
     data-source-app="vinieta.md"
     data-lang="ro"></div>

RO Vignette

Romania road vignette (rovinietă) for locally registered vehicles.

Collects the vehicle registration certificate, with a Moldova / other-country toggle.

<div data-iasig-widget="order"
     data-product="vignette:ro"
     data-source-app="vinieta.md"
     data-lang="ro"></div>

Rovinieta is a mandatory charge for using public roads in Romania. Once paid, it is non-refundable.

EU Vignette

European road vignettes (Austria, Bulgaria, Czechia, Hungary, Slovakia, Slovenia, Switzerland …) issued via the eTOLLS partner. The user picks a destination country and validity in the offer step.

<div data-iasig-widget="order"
     data-product="vignette:eu"
     data-source-app="vinieta.md"
     data-lang="ro"></div>

Pre-selecting a country

Pass data-country (lower-case ISO 3166-1 alpha-2) to skip the picker step and show only offers for that country. Supported: at, bg, ch, cz, hu, si, sk.

<div data-iasig-widget="order"
     data-product="vignette:eu"
     data-country="hu"
     data-source-app="vinieta.md"
     data-lang="ro"></div>

This is the pattern to use for per-country landing pages — one page per destination, each with the picker already resolved.

After the order is created

By default the widget carries the buyer through checkout itself. To hand off to your own page instead, set data-redirect-url with a {orderId} placeholder:

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

Then render the order on that page with the view widget.

Reserving height

Order widgets have known rendered heights. The loader snippet uses them to reserve min-height and avoid layout shift:

Product	Height
`vignette:md`	573px
`vignette:ro`	245px
`vignette:eu`	620px