Adding the Case Component to the Lightning Record Pages

Editing the Case object Lightning Record Page

1. Login to Salesforce and go to Setup:
   
    
2. Click on Object Manager, and select Case:
   
3. Click on Lightning Record Page, then click on the record page associated with the case. In the example below, this is LIO Case:
   
4. Click Edit.
   

Adding the Language IO Email Translation Custom Component

1. From the left pane, drag the Custom or Custom Managed component Language IO Email Translation and drop it where you want it to appear on the page:
   

Adding the LIO Case Translation VisualForce component to a Custom Tab

1. Click on the empty area in the title bar of the center page and click Add Tab:
   
2. Click on Details tab just above the Add Tab
3. Click Details Tab Label.
4. Change the type to Custom (this is the very first option at the top of the dropdown list).
5. Enter a custom label, for example "Language IO":
   
6. From the center pane, click on “Language IO” tab.
7. Drag a Visualforce component from the left pane and drop it within the Language IO tab.
8. Change Visualforce Page Name to LIO Case Translation.
9. Check off Show Label.
10. Click Save.