how-to-use-custom-data-to-style-your-talkjs-chat

How to use custom data to style your TalkJS chat

This is an example project to go with our tutorial on how to use custom data to style your TalkJS chat.

This project passes custom data to multiple TalkJS chatboxes. Then, we use the custom data to modify a newly created TalkJS Theme.

Tip

Download this example project as a zip file

Prerequisites

To run this tutorial, you will need:

• A TalkJS account

How to run the tutorial

1. Clone or download this project.
2. Go to index.js, and replace <YOUR_APP_ID> with your app ID from the TalkJS dashboard.
3. Go to your TalkJS dashboard and navigate to the Themes tab. Create a new theme called "customDataToTheme" based on the "default" theme. The project adds the default role to all users in the chat.
4. Edit the theme as per the instructions in the tutorial.
5. Run the HTML file by opening it in your browser.