Quick start
Enable Live Chat and add the chat widget to your site in a couple of minutes.
Quick start
1. Enable Live Chat
Open your project, go to Live Chat, and turn the module on. (Live Chat is part of the Pro and Pro Max plans — if you don't see it, check your workspace plan.)
2. Add the widget to your site
On the Live Chat settings page you'll find a snippet with your project's public key. Paste it into your site's HTML, just before the closing </body> tag, on every page where you want chat available:
<script src="https://userhero.co/chat-widget.js" data-key="pk_live_your_key"></script>A chat launcher appears in the corner of your site. Visitors click it to start a conversation.
Your public key (pk_live_…) is safe to put in client-side code — it only identifies your project.
3. Test it first
Use the Test live chat button on the Live Chat settings page. It opens a test page with the widget already installed. Conversations you start there are marked as test data and don't count toward your monthly usage, so you can try the full flow — send a message, answer it from the dashboard, and close it — without creating real feedback.
4. Go live
Once you're happy, make sure at least one teammate is marked Available (see Availability & routing) and you're ready to take chats.