Translating your React app doesn’t need to be complex. With Teral, you can translate your React app in 100+ languages within minutes. Follow our step by step guide and translate your React app in under 5 minutes.

Step 1: Configure your App

If you have not already created a Project in your Teral account, create one. 

  • Start by entering your website page URL
  • Next, choose the current language of your site and the languages you would like to have your website translated into.
  • Finally, customize the appearance and the position on the Language Switcher. 
  • Now that the project is created, simply copy the Teral Code (Click on the Copy Code button).

If you already have a project, get the Teral code

  • Click on the “Project Settings” from the left menu/navigation.
  • Scroll all the way to the bottom to the Javascript Snippet section. Copy the Code (Click on the Copy Code button) 

Step 2: Install the Teral package

Install the Teral package from NPM using the command below

npm install teral-translate-react

Step 3: Usage

Import the Teral component and use it as below

import Teral from 'teral-translate-react'

  • You can get your APIKEY by signing up at
  • SOURCELANGUAGE is the 2 digit language code (ISO 639-1 Code) that your app is currently in. Learn more

For a list of supported languages, please check here.

You can find more information about the package here.

If you have any questions simply email us at

Contact Us


Made in Canada 🇨🇦

Teral Co All rights reserved © 2022