Our users come from all over the globe, and so naturally English isn’t necessarily the language used by all of our users.

Seats gives you a flexible way to internationalise (i18n) your floor plan, making it easy to translate a seating chart, and display it to your users in their language.

Note: this article only applies to floor plans embedded using the seats.io renderer, i.e. typically the floor plans you present to your ticket buyers to select their seats.
For more information on how to translate Event Manager, our box office and admin tool, check
this article.

Built-in texts

Built-in texts are texts that Seats provides by itself. For example texts like the ones in the tooltips that get shown when a ticket buyer hovers over a seat or a section. 

These are the built-in texts, with their translation in English:

  1. notAvailable: “Not available”
  2. sectionAvailability.none: “No seats available”
  3. selected: “selected”
  4. noOrphanSeats: “Please leave no empty seats”
  5. maxSelectionReached: “You can't choose any more places”
  6. deselectOthersFirst: “Deselect other places first”
  7. available.places: “available places”
  8. available.seats: “available seats”
  9. choosePriceLevel: “Please choose”
  10. choosePriceLevels: "Please choose a ticket type for your %a places"
    (Note: %a will be replaced by a number, e.g. 4)
  11. singleTicketAvailableInSection: “1 ticket available at %1”
    (Note: %1 will be replaced by a price, e.g. €20)
  12. multipleTicketsAvailableInSection: “%1 tickets available from %2”
    (Note: %1 will be replaced by a number, %2 will be replaced by a price)
  13. ticketsAvailableFrom: "Tickets from %1"
    (Note: %1 will be replaced by a price, e.g. €20)
  14. selectQuantity: “Select quantity”
  15. close: “Close”
  16. renderingFailed: “The seating chart could not be loaded”
  17. renderingFailedTryAgain: “Try again”
  18. clickToSelect: “Click to select”
  19. clickToDeselect: “Click to deselect”
  20. row: “Row”
  21. seat: “Seat”
  22. table: “Table”
  23. section: "Section"
  24. restrictedView: "Restricted view"
  25. accessible: "Accessible"
  26. companionSeat: "Companion seat"
  27. sessionExpired: "Your session has expired"
  28. sessionExpiredAllPlacesReleased: "All selected places have been released"
  29. sessionExpiredStartOver: "Start over"
  30. useMetaKeyToZoom: "Use %a + scroll to zoom in"
    (Note: %a will be replaced by the platform-specific meta key, e.g. ⌘ on Mac, and ⊞ Win on Windows)
  31. couch: "Couch"
  32. bar: "Bar"
  33. select: "Select"
  34. deselect: "Deselect"
  35. noLongerAvailable: "No longer available"
  36. pickCategory: "Choose a category"
  37. filterCategories: "Filter categories"

Rendering in your language

Seats has built-in support for over 30 languages. To render a floor plan in your language, simply pass in a “language” config parameter, like so:

new seatsio.SeatingChart({
    ...,    
    "language": "fr"
}).render();


The currently supported languages are:

  • “ar”: Arabic
  • “be”: Belarusian
  • “bg”: Bulgarian
  • “ca”: Catalan
  • “cs”: Czech
  • “da”: Danish
  • “de”: German
  • “el”: Greek
  • “en”: English
  • “es”: Spanish
  • “et”: Estonian
  • "fa": Persian (Farsi)
  • “fi”: Finnish
  • “fr”: French
  • “hr”: Croatian
  • “he”: Hebrew
  • “hu”: Hungarian
  • “it”: Italian
  • "ja": Japanese
  • “li”: Lithuanian
  • “lv”: Latvian
  • “no”: Norwegian
  • “nl”: Dutch
  • “pl”: Polish
  • “pt”: Portuguese
  • “ro”: Romanian
  • “ru”: Russian
  • “sk”: Slovak
  • “sl”: Slovenian
  • “sr”: Serbian
  • “sv”: Swedish
  • “tr”: Turkish
  • “uk”: Ukrainian
  • “zh-Hans”: Simplified Chinese
  • “zh-Hant”: Traditional Chinese

If your language is not in this list, please feel free to send us translations for the built-in texts mentioned above, we’ll be happy to add them for you.

Overriding built-in texts

You can also override individual built-in texts, using the key (e.g. unavailableSeat) with the messages config parameter.

Translating dynamic labels and texts

Besides the built-in texts, other texts can be translated as well: 

  • static text you add on your floor plan while you're designing it
  • category labels
  • ... 

To translate these dynamic, you need to pass in a messages config variable, like so:

new seatsio.SeatingChart({
    ...,
    "messages": {
        "STAGE": "Podium",
        "ORGAN": "Orgue"
    }
}).render();


Please note: the keys in the messages object are cAsE sEnSiTivE!

Recap

  1. set the language  config param to translate built-in texts.
  2. use a messages  array to translate your own labels and texts.
Did this answer your question?