Widget Constructor

Configure the widget parameters and copy the generated code to embed on your website.

Settings

Your Email (Key Manager)

API KeyGet Credentials →

Environment

Locale

Currency

Header Title

Theme

Position

Width

Countries (leave empty for all)

Vehicle Types (leave empty for all)

Registration Country (pre-select)

Plate Number (pre-fill)

VIN Code (pre-fill)

Preview

Preview using shared demo credentials. Get your own key →

Generated Code

<div id="vignette-widget"></div>
<script src="https://widget.vgnt.app/vignette-widget.js"></script>
<script>
  VignetteWidget.init({
      container: '#vignette-widget',
      apiKey: 'YOUR_API_KEY',
      apiUrl: 'https://sandbox-api.vignette.id',
      locale: 'en',
      currency: 'EUR',
      theme: 'light',
  });
</script>