> For the complete documentation index, see [llms.txt](https://help.windmillsoft.kr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.windmillsoft.kr/en/simplychat/installation-and-basic-setup-guide/salesforce-settings/add-the-chat-screen-component-to-the-record-page.md).

# Add the chat screen component to the record page

Adds the chat screen component to the record page to enable chatting.

* \[App Launcher] > Enter the name of the Service Console app > Select the app

<figure><img src="https://174170309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcMCw4RFNzatnGReKcWKb%2Fuploads%2FRXxC0gAXDj3DEOpCKjiq%2F1.png?alt=media&amp;token=8b46f1c9-158f-4b46-9371-4f0f5ef756b4" alt=""><figcaption></figcaption></figure>

* Use the Omni-Channel widget at the bottom of the screen to set the user's status to Available for Chats.

<figure><img src="https://174170309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcMCw4RFNzatnGReKcWKb%2Fuploads%2Fgc6koq52tGR6yAy0v6b9%2F2.png?alt=media&amp;token=1b3e5bc1-6eab-4bc1-aa4a-ca3f47d21280" alt=""><figcaption></figcaption></figure>

* Access the messenger using the channel search ID and start a chat as a customer.
* Verify that the chat is routed correctly through Omni-Channel.

<figure><img src="https://174170309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcMCw4RFNzatnGReKcWKb%2Fuploads%2F54moEpgxBj65GYlzVuyT%2F3.png?alt=media&amp;token=5387b000-8654-4658-b08f-19154700e6ea" alt=""><figcaption></figcaption></figure>

* Accept the chat and verify that the subtab is created.
* The chat screen component has not been added to the record page yet, so the chat content cannot be viewed.

![](https://174170309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcMCw4RFNzatnGReKcWKb%2Fuploads%2FrnOlPWtgPz6OOonLbXmw%2F4.png?alt=media\&token=c51ada83-b2c6-4850-b78f-0abed7710bf6)

* ![](https://174170309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcMCw4RFNzatnGReKcWKb%2Fuploads%2FDMPUx7KPboVMKP47LTtp%2F%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7%202023-07-19%20160323.png?alt=media\&token=a47d455e-de8c-4c2f-8ac1-2cc0d665b423) >  \[Edit Page] > Place the 'SC\_chatScreen\_Aura' component in the empty area on the right. > \[Save] > \[Activation]

<figure><img src="https://174170309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcMCw4RFNzatnGReKcWKb%2Fuploads%2FgPr6UST4poqxMvqtBpLH%2F5.png?alt=media&amp;token=6c7fc354-f119-478f-bb1a-43f15c407139" alt=""><figcaption></figcaption></figure>

* \[APP DEFAULT] > \[Assign as App Default]

<figure><img src="https://174170309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcMCw4RFNzatnGReKcWKb%2Fuploads%2FnJExMx6LxVcl6IPYYTBm%2F6.png?alt=media&amp;token=0608377d-6a24-45ab-9eee-bc6a52f5a7a8" alt=""><figcaption></figcaption></figure>

* Select the Service Console App > \[Next] > \[Next] > \[Save]

<figure><img src="https://174170309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcMCw4RFNzatnGReKcWKb%2Fuploads%2FubiJjGTFMiDxWFksbwtO%2F7.png?alt=media&amp;token=3ef1de62-ed0c-4fdf-9e26-55a1cf250bf4" alt=""><figcaption></figcaption></figure>

* Click \[Back] to verify that the chat screen component has been added to the record page.

<figure><img src="https://174170309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcMCw4RFNzatnGReKcWKb%2Fuploads%2F9TBVHz3sPc53HhiiE7zv%2F8.png?alt=media&amp;token=fb44ff0b-64b1-48b3-b7b3-4985595b9b78" alt=""><figcaption></figcaption></figure>

<figure><img src="https://174170309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcMCw4RFNzatnGReKcWKb%2Fuploads%2F1hQxGNa4lJWstahqS0eB%2F9.png?alt=media&amp;token=f5edef41-a3f1-46a3-920d-abe659d529f6" alt=""><figcaption></figcaption></figure>