Widget setup and configuration
Contents
Product Tours is currently in private alpha. Share your thoughts and we'll reach out with early access.
Currently only available on the web. Requires posthog-js >= v1.324.0.
The Support widget is a chat interface that appears on your website, allowing users to start conversations with your team. It loads automatically when enabled and captures session context for each ticket.
Enabling the widget
- Go to Support in PostHog and click Settings
- Click Enable conversations (if not already enabled)
- Go to the In-app widget section and enable it
- Configure your settings (see below)
- Save
The widget appears as a floating button in the bottom-right corner of your site.
Widget configuration
These settings are configured in the In-app widget section of Support settings.
| Setting | Description | Default |
|---|---|---|
| Enable widget | Show the chat widget on your site | false |
| Button color | Primary color for the widget (hex) | #5375ff |
| Greeting message | Welcome text shown when widget opens | "Hi! How can we help?" |
| Allowed domains | Restrict which domains can show the widget | [] (all domains) |
Domain restrictions
You can restrict which domains the widget appears on for security:
If domains is empty or not set, the widget shows on all domains.
Controlling widget visibility
Use the JavaScript API to programmatically show or hide the widget:
This is useful for:
- Showing the widget only on certain pages
- Triggering the widget from a custom button
- Hiding the widget during specific user flows
Disabling the widget via config
You can disable conversations entirely via the PostHog init config:
This is different from hiding the widget – it completely disables the feature.
Email notifications
Configure your team to receive email alerts when new tickets arrive.
Setting up notifications
- Go to Settings > Support in PostHog
- Find the Email notifications section
- Select team members who should receive alerts
What emails include
- Team name
- Ticket number
- First message preview
- Direct link to the ticket
Recipients must have access to the team to receive notifications.
Public token
The widget uses a public token for authentication. This token is automatically generated and shown in your Support settings. It's safe to expose in client-side code.
If you need to reset the token:
- Go to Support > Settings
- Click Regenerate token
Resetting the token stops current chats. Users need to refresh the page to reconnect with the new token.