Because live chat is such a prolific tool now, often live chat users need the service provided to them in their local or regional language. Depending on your application and deployment, you may require certain custom Live Chat UI templates to be static and others to be automatically translated by FocalScope when the default language settings are changed. This article details how custom Live Chat UI templates can be designed to be translatable by FocalScope or static (not translatable).
The easiest way to make translatable custom Live Chat UI templates is to base them off the default Live Chat template included in FocalScope (downloadable at the end of this article). The element IDs in the default template are reference by FocalScope and the associated form, button, and interface text will automatically be translated when the language settings in FocalScope are changed.
So, to create a translatable custom Live Chat UI template, observe the following practices:
Figure 1 - Default element IDs
To prevent the translation of form, button, or other Live Chat UI element text in a custom Live Chat UI template, the following practises need to be observed:
Figure 2 - Images containing the desired language
Figure 3 - Custom CSS styling elements with images