React Localization – How to Translate Your React App

How To Translate Your React Website

The Reach app, a powerful tool for web developers, faces significant challenges when it comes to localization into multiple languages. Web developers often struggle with the complex process of translating every element of their website, from content and user interfaces to error messages and navigation menus. This task is made even more daunting by the need to maintain consistency and accuracy across languages, ensuring that the user experience remains seamless regardless of the locale. Additionally, managing the technical aspects of localization, such as encoding issues, text direction changes, and handling language-specific nuances, can be incredibly time-consuming and prone to errors. These difficulties can lead to delays, increased costs, and frustration, making the quest for a reliable and efficient localization solution all the more critical for developers.

Integrating ConveyThis into your site is fast and easy, and React is no exception. In just a few minutes you’ll learn just how to install ConveyThis to React and start giving it the multilingual functionality you need.

Paso #1

Crea una cuenta ConveyThis.com y confírmala.

Paso #2

En tu panel (you have to be logged in) navigate to “Domains” in the upper menu.

menu domaindrupal plugin

Paso #3

En esta página haga clic en “Agregar dominio”.

No hay forma de cambiar el nombre de dominio, por lo que si cometió un error con el nombre de dominio existente, simplemente elimínelo y cree el nuevo.

Una vez que haya terminado, haga clic en “Configuración”.

*Si instalaste ConveyThis anteriormente para WordPress/Joomla/Shopify, tu nombre de dominio ya estaba sincronizado con ConveyThis y será visible en esta página.
You can skip adding domain step and just click to “Settings” next to your domain.

Paso #4

Ahora estás en la página de configuración principal.

Seleccione el idioma(s) de origen y de destino para su sitio web.

Haga clic en “Guardar configuración”.

main configuration new 1024x546 1

Paso #5

Ahora desplácese hacia abajo y copie el código JavaScript del campo a continuación.

<!-- ConveyThis Script Start -->
<script src="//cdn.conveythis.com/javascript/conveythis.js?api_key=*****************************"></script>
<!-- ConveyThis Script End -->>

*Más adelante es posible que desees realizar algunos cambios en la configuración. Para aplicarlos, primero deberá realizar esos cambios y luego copiar el código actualizado en esta página.

*Para WordPress/Joomla/Shopify NO necesitas este código. Para obtener más información, consulte las instrucciones de la plataforma asociada.

Paso #6

Your script comes from a panel on app.conveythis.com and needs to be placed in public\index.html before or tag.

Paso #7

СonveyThis plugin is ready to use.