Adding Chat to OBS

Adding a chat on top of the broadcast in OBS

This option will allow you to show the chat to all viewers.

Go to the Chat section - Chat Settings and copy the link to the chat widget

1851d7c4-dfdf-801f-b275-fba27d561eff%2F1891d7c4-dfdf-80dc-b238-d2797c21d065-image.png

In the OBS program, in the Sources section, click add

1851d7c4-dfdf-801f-b275-fba27d561eff%2F1851d7c4-dfdf-8168-943e-f25877e6aa21-Untitled.png

Select "Browser”

1851d7c4-dfdf-801f-b275-fba27d561eff%2F1851d7c4-dfdf-817f-bc1e-d10a35ee8cdf-Untitled.png

Enter the name and click OK

1851d7c4-dfdf-801f-b275-fba27d561eff%2F1851d7c4-dfdf-815d-b4f6-f422b90758c6-Untitled.png

Paste the copied widget link onto the chat widget and click OK

1851d7c4-dfdf-801f-b275-fba27d561eff%2F1851d7c4-dfdf-81bf-a548-dad1749ee091-Untitled.png

Move the chat to the desired location

1851d7c4-dfdf-801f-b275-fba27d561eff%2F1851d7c4-dfdf-816b-b7e7-f0bed6a7124d-Untitled.png

Adding a chat to OBS for quick access

This option will allow you to show the chat for you in the OBS program without showing it to viewers.

Go to the Chat section - Chat Settings and copy the link to the chat widget

1851d7c4-dfdf-801f-b275-fba27d561eff%2F1891d7c4-dfdf-8029-aa01-d9b41062f03d-image.png

In the OBS program menu, select "Dock Panels" -> "Custom Browser Dock Panels”

1851d7c4-dfdf-801f-b275-fba27d561eff%2F1851d7c4-dfdf-8107-a4cf-dd9a6cf1d421-Untitled.png

Write the name, paste the copied link to the chat widget into the URL column, and click Apply

1851d7c4-dfdf-801f-b275-fba27d561eff%2F1851d7c4-dfdf-81a8-8c5d-e782a853ce70-Untitled.png

You will see a chat panel that you can move to the desired location.

1851d7c4-dfdf-801f-b275-fba27d561eff%2F1851d7c4-dfdf-8171-aad9-f735354c0dd0-Untitled.png