Adding the Chat Component to the Lightning Record Pages

To configure your Language IO application in Salesforce, follow these steps: 

1. Open Salesforce and go to Setup > Object Manager.
2. Click Chat Transcript:
   
3. Click Lightning Record Pages, then click on the record page that belongs to the app in which you will use the plugin.
4. Click Edit:
   
5. Create a new tab with a custom label (for example "Language IO" or "Translations"):
6. If a Tabs component already exists, click on it. If you have not added a Tabs component to the Page, add it, then click on it.
7. In the right-hand panel, under the Tabs section, click Add Tab.
   
8. Click on the new tab in the list. Open the Tab Label dropdown, and select Custom (this is the very first option at the top of the dropdown list).
9. Change the Custom Label to your preferred label.
10. Click Done.
11. Your can now see your new custom tab added to your Tabs component.
12. From the left pane, drag the Language IO Chat component into the newly created tab:
    
13. Click Save.

Optional: setting up the Customer Rating Flag

The application supports Quality Rating Flags for end users. When you enable this feature, end users can see a flag icon next to the agent's translated message. If they are not satisfied with the translation because it is incorrect or it could be improved, they can click the flag, turning it red. This action is reversible.

If you plan to use the Customer Rating Flag, follow these steps:

1. From Setup, look for Embedded Service Deployments in the Quick Find box.
2. Click the down arrow next to the desired service deployment. 
3. Click View:
   
4. Click Edit next to Chat Settings.
5. Click Edit next to Customize with Lightning Components.
6. Select the lioCustomChat Custom Component for the Chat Messages (Text) Standard Component:
   
7. Click Save.

Proceed to Step 5: Setting up locally stored Custom Auto Responses.