How to translate data for custom components in AEM as a Cloud Service

[nikita24tailor]

I have been using AEM as a Cloud Service. In that I have created few custom components. Then, I have implemented the Language copy for my site. But the custom components which I have created, their data on frontend is not being translated. Is there a way through which I can achieve translation for custom components too?

[Manu_Mathew_]

@nikita24tailor You may need to setup translation rules, You can refer- https://experienceleague.adobe.com/docs/experience-manager-learn/sites/translation/translation-rules...

[aanchal-sikka · Accepted solution]

Hello @nikita24tailor 

regarding i18n

If its the i18n translation that you are looking for, then you might want to visit https://experienceleague.adobe.com/docs/experience-manager-65/developing/components/internationaliza...

https://www.tothenew.com/blog/i18n-implementation-using-sightly/ 

Even if i18n dictionary is set up, we need to use the relevant APIs to inform AEM to use them. It can be in:

• Java source files.
• JSP scripts.
• Javascript in client-side libraries or in page source.
• JCR node property values used in dialogs and component configuration properties.
• Sightly

regarding translation:

If you are looking for translation, then you would need to declare the new component/properties in Translation rules.

How these translation rules are configured might change for different translation vendors. A generic approach is https://experienceleague.adobe.com/docs/experience-manager-learn/sites/translation/translation-rules... .

Please check with the team, how translation rules are defined for your project.