In-app comments

Build a customizable commenting experience into your product

Add comments, mentions, and emoji reactions to your app with customizable, pre-built UI components. Increase engagement, support collaboration, and maintain a seamless in-product experience.
import { Chatbox } from '@talkjs/react-components';
import '@talkjs/react-components/base.css';
import './comments-theme/index.css';
import { Message, MessageListFooter } from './comments-theme';

function Comments(props) {
  return (
    <Chatbox
      appId={props.appId}
      theme={{ Message, MessageListFooter }}
      userId={props.userId}
      conversationId={props.id}
    />
  );
}
Mia Meyer
I’ve uploaded a new version of the dashboard layout. Would love a quick review on the sidebar spacing.
You
Looks strong overall. I’d just reduce the gap between sidebar and main content on desktop by 16px.
thumbs-up
Jonas Bremer
Agree with Carl. Also, could we make the active nav item more visible? It’s a bit hard to spot against dark backgrounds.
eyes
thinking
You
Good point. I’ll bump the weight and add a subtle background highlight for the active state.
Mia Meyer
Perfect, thanks! I’ll apply that to the Figma file and sync the component tokens.
heart
Write a comment...
Emma
Emma
The opening sentence feels a bit too formal. Maybe try something more direct, like how donations help real families right now.
You
You
Agreed @Emma. I rewrote it as: “Your support provides warmth, food, and hope to those struggling this winter.”"
Tom
Tom
Much better. Could we add a short stat? Something like how many people were helped last year?
Emma
Emma
Good point @Tom,@Carl would you mind adding something like this?
You
You
Nice. I’ll merge that into the second paragraph. Also thinking we add a photo right after the stat to make it feel more personal.
Write a comment...

Customize everything and anything

TalkJS provides prebuilt themes you can use right away or customize to match your brand’s design and user experience.
Themes give you complete control over how your chat looks and feels—from overall layout and message styling to fonts, colors, and interactive elements. You can fine-tune every visual detail, extend functionality, or design a fully bespoke chat interface.
Whether you start from a default themes or build your own, TalkJS provides a flexible foundation to create a consistent and responsive chat experience within your product.

Advanced commenting features

With TalkJS you can add advanced messaging features to your comments and create an even better user experience.
https://www.wikipedia.org/
Wikipedia logo
Wikipedia, the free encyclopediaWikipedia is a free online encyclopedia written collaboratively by volunteers around the world.wikipedia.org
Link previews
Automatically generate rich visual previews for any shared link.
Can you please remind of the name of the coffee shop we visited yesterday?
2m ago
Read receipts & typing indicators
Keep users informed in real-time with modern messaging feedback.
Voice comment from Alex01:24
1x
Voice messages
Add a more personal, human, and expressive touch with voice comments.
Hey @adam are you available for a call this afternoon after 2PM? If not, then tomorrow?
Mentions & replies
Add structure and clarity to conversations with Slack-like interactions.
ship-faster-with-talkjs.mp4 (4MB)Video still
4m ago
User avatar
Media attachments
Let users upload images, videos, and files easily. Works across mobile and web.
This looks fantastic! Great wor
Edit comments
Make edits or improvements to your comments even after posting.
Replies
Voice messages
Mentions
Emoji reactions
Link previews
Edit messages
Private 1-1 chat
Group chat
Large public group chat
AI chatbot integration
Notifications
Threads
Read receipts
Message search
Conversation search
Persistent message history
File sharing
Media attachments
Typing indicator
Message translation
Announcements
Admin messages
Moderation
Mute user in channel
Ban user
Block user
Flag messages
Profanity filter
Spam protection
Domain filter
Silent messages
Location sharing
Presence indicators
Unread message count
Custom message actions
Custom message types
Analytics
Data export
Third-party integrations
Voice and video call integration
Webhooks
Multi-tenancy support
User roles
Channel list
Coosto logo
The power of TalkJS is its high customisability and ease of use. We can offer our customers a plug-and-play solution while giving them the flexibility to adjust the chat widget to their needs.
Paul Van Den Broek
Product Manager, Coosto

Comments are completely in sync with email notifications

TalkJS email notifications make it possible for users to reply to comments using email, even when they‘re not on your platform. Replying to the email lands the message back into the comments. It works well when users can‘t access your product, but would like to reply.
Email comment alerts keep the conversation moving
Users get email notifications when someone replies to their comment or mentions them—even if they’re offline or not logged in at the time.
Replying by email puts the message back in the thread
Users can respond directly to the notification email, and their reply is added straight into the comment thread inside your product—automatically.