Skip to content

Latest commit

 

History

History
84 lines (62 loc) · 3.25 KB

README.md

File metadata and controls

84 lines (62 loc) · 3.25 KB
Raw

Website Translator

Node.js Package

Quickly scale up from one language to a dozen! No coding, manual translation, or duplicated webpages! Simply select the target languages and Website Translator will instantly translate the content. For quality control, you can review and edit translations with a visual editor.

Usage

Include a reference to the Website Translator

<script src="/dist/widget.js"></script>

Integrate using the default language selector

Default language selector can be displayed as a dropdown or a list of buttons that can be styled by css to further match your style. It will load the available languages automatically and start translation on making a selection.

<html lang="en">
<head>
   <!-- Enter the correct source code path -->
   <script src="/dist/widget.js"></script>
</head>
<body>
   <div class="website-translator"></div>
   <!-- This will be translated  -->
   <p>This will be translated</p>

   <!-- This will not be translated  -->
   <p translate="no">This will not be translated</p>

   <!-- This will not be translated  -->
   <p lang='ja'>これを訳して</p>
</body>
<footer>
   <script>
      // Configure

      // Change XXXXXXXXXXX to your Client-ID
      WebsiteTranslator.Options.api.clientId = "XXXXXXXXXXX";

      // Change backend url 
      WebsiteTranslator.Options.api.url = "https://example.com"

      WebsiteTranslator.Options.ui.toolbarPosition = "top";

      // Display the language selector as a dropdown:
      //    menu - "menu"
      //    list of buttons - "list"
      WebsiteTranslator.Options.ui.layout = "menu";

      // Display UI in the language your visitors are translating into:
      //    target language - "target",
      //    the original language - "source"
      WebsiteTranslator.Options.ui.translate = "target";

      WebsiteTranslator.Initialize()
   </script>
</footer>
</html>

Browser support

Edge
Edge		 Firefox
Firefox		 Chrome
Chrome		 Safari
Safari		 Opera
Opera
14+ 52+ 51+ 10+ 38+

Edge Legacy and Internet Explorer browsers are not supported.