Skip to main content
Enabled in workspaces on the Growth plan.
Multilingual demos are a powerful feature that allows you to translate your demos into multiple languages. Use multilingual demos to reach a global audience and create a more inclusive, localized experience for every viewer. To translate a demo, open it in the Build tab > click the settings icon (gear) in the top-right toolbar > Languages > Add language > select a language from the dropdown > Add. When you add a language, Navattic uses AI to automatically generate translations. These translations write into draft edit versions so they can be edited in the builder. If you make manual changes to your default language, you can click “Sync translations” to retranslate the selected languages.
Steps that contain only non-text content — such as a video-only modal — are copied to each language exactly as-is. The video plays correctly in every language version of your demo. If a previous translation sync replaced the video with placeholder text, re-syncing translations restores the correct content.

​
What updates on publish

When you publish a demo, all language versions that have a completed translation go live at the same time. Share links immediately serve whichever language matches a viewer’s browser preference. Languages that were never translated, or whose translation is still in progress, do not appear as options until the translation is complete and the demo is published again.

​
Syncing translations

Sync translations overwrites your manual edits. When you click “Sync translations,” Navattic re-translates the selected languages from your default language content from scratch. Any manual changes you made to those translations are replaced. Languages you do not select in the sync dialog are left untouched.

​
Captures vs. text

When you translate a demo, Navattic can translate two things separately:
  • Demo text includes tooltips, modals, buttons, and other text you’ve added in Navattic.
  • Captures are the HTML capture of your application, behind any tooltips and modals.
By default, translations only change your demo text. Your captures stay the same across every language. If you also want the text inside your captures translated, you can enable capture translation. This is an enterprise feature. Contact your account manager if you’re interested in enabling it. Once enabled, Navattic creates translated captures for each language when you publish your demo. Capture translation translates all visible text in your captured screens, including navigation labels and generic UI elements. Brand names and terms defined in your Translation Glossary are preserved as configured. Keep in mind:
  • Sync translations updates your demo text.
  • Publish updates your translated captures.

​
Automatic language detection

Navattic automatically serves your demo in the viewer’s preferred language. When a viewer opens a demo, Navattic checks their browser’s language settings and — if a matching completed translation exists — displays the demo in that language without any action required from the viewer or you. Language priority:
  1. ?lang= URL parameter — If the share link includes a language parameter, that language is always used.
  2. Browser language preference — If no ?lang= parameter is set, Navattic reads the viewer’s browser language and serves the closest matching translation.
  3. Demo default language — If the viewer’s browser language does not match any available translation, the demo’s default language is shown.
No configuration is needed. Automatic detection works for any demo that has at least one completed translation.

​
In-demo language selector

Allow visitors to switch between available languages directly within the demo. To enable it, open the demo in the Build tab, click the gear icon in the top-right toolbar, go to Languages, and turn on the Language selector toggle. A flag icon will appear in the demo player so viewers can switch languages.

​
Translation glossary

Ensure consistent translation of brand names and specific terms across all your demos. Workspace Admins can manage the Translation Glossary in Settings > Translation. Automatic demo translations to these languages are supported today:

Afrikaans (af)

Arabic (ar)

Bulgarian (bg)

Cantonese (yue)

Chinese - Simplified (zh-CN)

Chinese - Traditional (zh-TW)

Czech (cs)

Danish (da)

Dutch (nl)

Filipino (tl)

Finnish (fi)

French (fr)

German (de)

Greek (el)

Hebrew (he)

Hindi (hi)

Hungarian (hu)

Indonesian (id)

Italian (it)

Japanese (ja)

Korean (ko)

Lithuanian (lt)

Malay (ms)

Norwegian (no)

Polish (pl)

Portuguese (pt)

Romanian (ro)

Russian (ru)

Slovak (sk)

Spanish (es)

Swedish (sv)

Thai (th)

Turkish (tr)

Ukrainian (uk)

Vietnamese (vi)