# 3D Chat Widget

#### Steps to Set Up the 3D chat widget

1. Go to the following [Google Drive link](https://drive.google.com/drive/folders/109XAhnnozXsuIyx_68lkz0mhcFGXMSeE?usp=drive_link) and download the **Convai Convenience Pack**.
2. Unzip the file and place it in `ProjectDirectory/Content` folder.

#### Adding the BP Convai 3DWidget Component

1. Navigate to your player blueprint. 
2. Go to the **Viewport** tab.

<figure><img src="https://413558230-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEtUJA212Zc1S9ACc8T4l%2Fuploads%2F37hSnvMgQb0QzOj8cK3a%2F1.png?alt=media&#x26;token=951f9297-5bb2-4f67-b239-e95cd848ade2" alt="" width="375"><figcaption></figcaption></figure>

3. Under the **Components** tab, click the **Add** button, search for **BP Convai 3DWidget Component**, and add it.

<figure><img src="https://413558230-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEtUJA212Zc1S9ACc8T4l%2Fuploads%2FAzLQOMpp8IGwbC73DroJ%2F2.png?alt=media&#x26;token=966482b5-a27e-4791-80ec-a2f4d442a5ed" alt="" width="204"><figcaption></figcaption></figure>

4. Select the newly added component and adjust the transform according to your needs.

<figure><img src="https://413558230-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEtUJA212Zc1S9ACc8T4l%2Fuploads%2FdrTxHvfNJ0PmghDXoHHU%2F3.png?alt=media&#x26;token=524cba90-c04b-4525-b562-84829505a034" alt="" width="375"><figcaption></figcaption></figure>