Guides
Practical guides to building and customizing chat with TalkJS
51 guides
Sorted A–ZAction buttons and links
Add custom action buttons and links to messages and themes.
Action buttons and links
Trigger custom code from buttons and links in messages.
Action buttons and links
Trigger custom code from buttons and links in messages.
Add a chatbox UI
Embed a chatbox and let users switch between conversations.
Add a popup UI
Show a chat overlay that opens from a button click.
Add an inbox UI
Display a conversation list alongside the selected conversation.
Add an unread notification badge
Show an unread-message count badge in your app's header.
Add chat to Angular
Add TalkJS chat and start a conversation in your Angular app.
Add chat to Ionic
Add TalkJS chat to an Ionic app.
Add chat to Svelte
Add TalkJS chat and start a conversation in your Svelte app.
Add chat to Vue
Add TalkJS chat and start a conversation in your Vue app.
Add custom message actions
Handle custom message actions and fix common theme issues.
Add users to a group chat
Add participants from your frontend or backend, and allow guests.
Configure Apple Push Notification service
Add capabilities and an authentication key for APNs.
Configure Firebase Cloud Messaging
Upload a service account key and set secure permissions.
Control access to group chats
Set a participant's or guest's access from your frontend or backend.
Control guest access
Enable or turn off guest access to a group chat.
Control link previews
Add, customize, or remove link previews in your theme.
Controlling content masking
Vary masking rules for each participant.
Create a group chat
Build a group chat with three or more participants.
Create a group chat
Build a group chat with three or more participants.
Create a large group chat with guests
Build a large group chat using lightweight guest access.
Create a large group chat with guests
Build a large group chat using lightweight guest access.
Create custom headers
Replace or remove the default header on your chat UI.
Custom emojis
Add or remove your own custom emojis.
Customize the message field
Customize the message field's appearance and behavior.
Customize the message field
Customize the message field's visibility, placeholder, and behavior.
Customize the message field
Customize the message field's appearance and behavior.
Customizing mentions
Customize who users can mention and notify mentioned non-participants.
Customizing mentions
Customize who users can mention and notify mentioned non-participants.
Embeddable read-only conversation
Embed a single read-only conversation with a signed URL.
Enable mobile push notifications
Register a user's device to receive push notifications.
Enable or restrict file sharing
Enable file sharing in your dashboard and configure it for Android.
Enable push notifications
Set up push notifications for iOS and Android in Flutter.
Enable push notifications
Set up push notifications for iOS and Android in React Native.
Enable push notifications (Expo)
Set up push notifications for iOS and Android in Expo.
Enable voice messages
Enable voice messages and grant microphone permissions on mobile.
Filter a conversation list
Show conversations by unread status, time, or other properties.
Filter messages
Show only messages matching sender, type, or other properties.
Frameworks
Get started with TalkJS in your frontend framework of choice.
How to close a conversation
Restrict a participant's access to end a conversation.
How to set up content suppression
Block or replace unwanted words and phrases in messages.
HTML panels
Embed and control custom HTML content inside your chat UI.
Integrate third-party services
Connect your chat UI to supported analytics and monitoring tools.
Remove users from a group chat
Remove a participant, or turn off guest access.
Resize your chat UI
Adjust the height and width of your chat UI.
Set up real-time message translation
Enable translation using the Google Cloud Translation API.
Update localization
Set the chat UI's language globally or per user.
Use custom conversation actions
Create and handle custom actions in the conversation menu.
Welcome messages
Show a pre-written greeting at the top of a conversation.
Welcome messages
Show a pre-written greeting at the start of a conversation.