Widget Constructor

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

Settings

API KeyGet Credentials →

Environment

Locale

Currency

Theme

Header Title

Position

Width

Countries (leave empty for all)

Vehicle Types (leave empty for all)

Registration Country

Plate Number

VIN Code

Allow user to edit vehicle dataOff — vehicle-info step is skipped (requires plate + registration country above)

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?v=1790859803650"></script>
<script>
  VignetteWidget.init({
      container: '#vignette-widget',
      apiKey: 'YOUR_API_KEY',
      apiUrl: 'https://sandbox-api.vignette.id',
      locale: 'en',
      currency: 'EUR',
      theme: 'light',
  });
</script>