# 채팅 화면 컴포넌트 레코드 페이지에 추가

* \[앱 시작 관리자(App Launcher)] > 서비스 콘솔 이름 입력 > 선택

<figure><img src="https://2029041223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTQhsBFkZ51BlLLmWPGbG%2Fuploads%2Fa0DSxfX1993DZe8Ju8wc%2Fimage.png?alt=media&#x26;token=1751ed12-bb63-4ee1-991d-b40e568ed230" alt=""><figcaption></figcaption></figure>

* 하단의 옴니채널 창을 이용하여 사용자의 옴니채널 현재 상태를 채팅 가능한 상태로 설정합니다.

<figure><img src="https://2029041223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTQhsBFkZ51BlLLmWPGbG%2Fuploads%2FeSxlrG2ECj95oBKkkEYq%2Fimage.png?alt=media&#x26;token=e4b7e786-556a-4d9f-91bb-3f7c96499b4f" alt=""><figcaption></figcaption></figure>

* 메신저에서 채널 검색용 ID를 이용하여 접근하고 고객의 입장에서 채팅을 시작합니다.
* 해당 채팅이 옴니채널을 통해 정상적으로 라우팅 되는지 확인 합니다.

<figure><img src="https://2029041223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTQhsBFkZ51BlLLmWPGbG%2Fuploads%2FyTgbIkgSf65kRh0zcFwC%2Fimage.png?alt=media&#x26;token=36136722-c7f0-4e48-890f-86199da04d88" alt=""><figcaption></figcaption></figure>

* 채팅을 수락하고 생성된 하위 탭을 확인 합니다.
* 채팅 화면 컴포넌트가 레코드 페이지에 추가되어있지 않기 때문에 채팅 내용을 확인할 수 없습니다.

![](https://2029041223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTQhsBFkZ51BlLLmWPGbG%2Fuploads%2F07t6QfO7buq2Xy8UWdGI%2Fimage.png?alt=media\&token=61275f62-626b-4cca-a3a1-a274ad11df5f)

* 톱니 바퀴 > \[페이지 편집(Edit Page)] > 'SC\_chatScreen\_Aura' 컴포넌트 오른 쪽 빈칸에 위치 > \[저장(Save)] > \[활성화(Activation)]

<figure><img src="https://2029041223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTQhsBFkZ51BlLLmWPGbG%2Fuploads%2F2LEufS2WtYxxrEsXp4zJ%2Fimage.png?alt=media&#x26;token=613a5dcb-694a-455a-9d62-1564356767ac" alt=""><figcaption></figcaption></figure>

* \[앱 기본값(APP DEFAULT)] > \[앱 기본값으로 할당(Assign as App Default)]

<figure><img src="https://2029041223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTQhsBFkZ51BlLLmWPGbG%2Fuploads%2FogcpHLx0DOupcRzFMe8z%2Fimage.png?alt=media&#x26;token=4ec0720f-4826-4c79-9bf5-6b63778e195d" alt=""><figcaption></figcaption></figure>

* 서비스 콘솔 선택 > \[다음(Next)] > \[다음(Next)] > \[저장(Save)]를 클릭하여 레코드 페이지에 채팅 화면 컴포넌트를 추가합니다.

<figure><img src="https://2029041223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTQhsBFkZ51BlLLmWPGbG%2Fuploads%2Fpv9KqOlsOyK3WtbYx8k5%2Fimage.png?alt=media&#x26;token=5a0d180e-5d7f-4765-b62a-5b52a5a1a0fc" alt=""><figcaption></figcaption></figure>

* \[뒤로(Back)]을 클릭하여 레코드 페이지에 채팅 화면 컴포넌트 추가를 확인합니다.

<figure><img src="https://2029041223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTQhsBFkZ51BlLLmWPGbG%2Fuploads%2F3RGreisqgb1sqfQjxqCE%2Fimage.png?alt=media&#x26;token=bc6d33b2-fc9f-46aa-85c4-79003780c8ca" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2029041223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTQhsBFkZ51BlLLmWPGbG%2Fuploads%2FLmVhXSIhE3bNDTaVGoqj%2Fimage.png?alt=media&#x26;token=501c757b-9b4a-4967-951f-74b0f35989ec" alt=""><figcaption></figcaption></figure>

여기까지 기본적인 세팅이 끝이납니다.

그 외에 추가 설정이 필요한 부분은 하단의 세일즈포스 설정가이드를 참고하시어 수정하시면 됩니다.