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();
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();