Localization (i18n)

Intro.js ships with built-in translations for its buttons and messages. Set the language option to pick one explicitly, or leave it unset and Intro.js will auto-detect the visitor’s browser language, falling back to English if there’s no match.

Available language codes: en_US, fa_IR, de_DE, es_ES, fr_FR, ar_SA.

Language	`next`	`prev`	`skip`	`done`
English (`en_US`)	Next	Back	Skip	Done
Persian (`fa_IR`)	بعدی	قبلی	رد کردن	پایان
German (`de_DE`)	Weiter	Zurück	Überspringen	Fertig
Spanish (`es_ES`)	Siguiente	Atrás	Saltar	Hecho
French (`fr_FR`)	Suivant	Retour	Passer	Terminé
Arabic (`ar_SA`)	التالي	السابق	تخطي	إنهاء


introJs.tour().setOptions({
  language: 'fr_FR',
  steps: [
  {
    element: document.querySelector('.card-demo'),
    intro: "Bienvenue ! Ceci est une visite guidée en français."
  },
  {
    element: document.querySelector('.card__image'),
    intro: "Les boutons sont aussi traduits : « Suivant », « Retour », « Terminé »."
  }]
}).start();

Quaco Lighthouse

The Quaco Head Lighthouse is a well maintained lighthouse close to St. Martins. It is a short, beautiful walk to the lighthouse along the seashore.

Combine language with dontShowAgain and it translates the checkbox label too:


introJs.tour().setOptions({
  language: 'es_ES',
  dontShowAgain: true,
  showStepNumbers: true,
  steps: [
  {
    element: document.querySelector('.card-demo'),
    intro: "¡Bienvenido! Este es un recorrido en español."
  },
  {
    element: document.querySelector('.card__body'),
    intro: "El contador de pasos y el botón también están traducidos."
  }]
}).start();

Quaco Lighthouse

The Quaco Head Lighthouse is a well maintained lighthouse close to St. Martins. It is a short, beautiful walk to the lighthouse along the seashore.