This page demonstrates the Supportgram embeddable chat widget. The widget is loaded via a single <script> tag and provides live chat functionality on any website.
How to embed the widget:
Add this line to your website (before the closing </body> tag):
<script src="https://supportgram.io/widget.js" data-key="YOUR_PUBLIC_KEY"></script>
Parameters:
- src — The URL to the widget script. The origin is used to construct the API base URL.
- data-key — Your public business key. This identifies which tenant/business the conversation belongs to.
Local testing: With vercel dev, this page serves at http://localhost:3000/test.html. Update the script data-key to a valid public key from your database.
Widget loaded! Look for the blue chat bubble in the bottom-right corner of this page. Click to start a conversation.