Seat Plan Thumbnail Widget

The Seat Plan Thumbnail widget is a small widget that shows the venue image in two modes: text and image itself. Both options are clickable. Click on the widget will open a popup with the larger version of the image.

Embedding the widget

To embed the Seat List widget:

  1. Ensure you've got a valid affiliate Id. This should be provided to you as part of your account setup.
  2. Create a new HTML page and add the following markup:
<!doctype html>
<html lang="en">
    <title>Seat Plan Thumbnail example</title>

    <script type="text/javascript" src=""></script> 

Supported data attributes

In addition to the standard data attributes used by all widgets, the following data attributes are used to customise the behaviour of the Seat Plan Thumbnail widget.

data-venue-idYes*StringIdentifier of the venue to show the image for.

*Required, if data-image-url is not provided
data-modeNoStringIndicates the display mode. Valid values are:
link - For text
thumbnail - For image

Default value: "thumbnail"
data-user-localeNoStringIdentifies user locale for labels from data-labels-config.
data-labels-configNoString (JSON object)Identifies user labels.
data-defer-renderingNoBooleanDefer rendering until user call venue-apprender event.

_Example: window.dispatchEvent(new CustomEvent('venue-app_render'))
data-disable-height-calculationNoBooleanDisable image height on page resize.

Default value: "false"

Configuring labels

The Seat Plan Thumbnail widget comes with some default text labels, but these can be customized to your liking. To do so, use the "data-labels-config" attribute, like so:

      "linkText": {
        "en-GB": "View venue seat plan",
        "it-IT": "Visualizza la pianta del posto"
      "imageTitle": {
        "en-GB": "Venue seating plan",
        "it-IT": "Pianta dei posti a sedere"
  }' />

seatPlanThumbnail -> linkText

Venue Image Link text

seatPlanThumbnail -> imageTitle

Venue Image Title text