There are several ways that you can create a multilingual content using in5 in InDesign.
  1. Create separate documents with buttons to switch language versions
  2. Create multi-state objects (MSOs) with buttons to switch between languages
  3. Export HTML text for the language to be switched via the browser
  4. Use in5's Mobile Article Explorer for select articles to display HTML text that can be translated via the browser

1. Create separate documents with buttons to switch language versions


Create separate documents that can be accessed from a landing page using buttons or hyperlinks and export with in5.


Here's an article with a video that shows how to set the links to separate documents:
In the example from the above article, the buttons are available on a landing page. 

Another option would be to create a default language document that opens first. The default version and the other versions could each have all the buttons to switch to the other versions. You could make the buttons go to the beginning of each language version document (the simplest method). Or you could have buttons for each page that specify the page number of the other version (probably a better user experience). If you are exporting with Output set to Web in the Basic section of the Export HTML5 with in5 dialog, the syntax for indicating a page would be as follows:
index.html#p=2


Otherwise, you could export with the Output set to Multi-page Web which will create multiple numbered HTML files:
2. Create multi-state objects (MSOs) with buttons to switch between languages

Anther approach would be to create one document that uses Multi-State Objects (MSOs) and our JavaScript resource. Each MSO would contain the language and another other localization content that can be switched with one button

The following article describes how to set it up:


3. Export HTML text for the language to be switched via the browser


There are 4 different ways that you can export text with in5 that include two HTML options. 

  • Images (preserves exact appearance)
  • HTML with Web-Safe Fallback Fonts
  • HTML with Local Font Embedding (when possible)*
  • SVG (preserves appearance + scalable)


You could use either of the 2 HTML text options and let the user switch the language via the browser using Google Translate. 


Here's some information about using Google Translate from Google's Support:


Be aware that some languages may require more space than others. You may need to plan your layout according or use one of the approaches above.


Here's more information about Text Rendering:


4. Use in5's Mobile Article Explorer for select articles to display HTML text that can be translated via the browser


The best way to make your InDesign layout match your in5 output is to set Text Rendering in the Basic section of the Export HTML5 with in5 dialog to Images, and setting Text Rendering to SVG makes the text scalable.


You can still include HTML text when Text Rendering is set to either Images or SVG by using the Mobile Article Explorer. Because the Mobile Article Explorer displays HTML text, it can also be translated in the browser.