Before you start
- A Feddy project and its project ID. You’ll find the ID under Settings → Install in the dashboard. No project yet? Create one first.
- A page you can edit. There’s nothing to install and no build step; the widget is one script loaded from Feddy’s servers.
1
Add the script
Put this just before the closing It’s a single file with no dependencies. The widget keeps its own styles, so it never clashes with your page’s CSS, and your CSS never leaks into it.
</body> tag:index.html
2
Tell Feddy which project this is
The project ID isn’t a secret. It’s visible in your page source, so anyone can find it, and that’s fine: it only tells Feddy which inbox a message belongs to. Commit it like any other setting. There’s nothing to protect, so keep it out of your secrets file.
3
Choose how users open it
By default, a floating chat button appears in the bottom-right corner of the page. That’s all most sites need.If your site already has a Support or Feedback link, you can turn the floating button off and open Feddy from your own element instead:
4
Send yourself a message
Open the page, click the button, and send a message. Then open your inbox at dash.feddy.app: it’s there, with the page URL and browser alongside.Reply from the inbox. Back on the page, the reply appears in the panel, and the floating button shows a count until the visitor opens it.
That’s the whole loop: a visitor writes in, you answer, and the answer reaches them on your site.
Next steps
Identify users
Tell Feddy who’s logged in, so you see their name in the inbox and replies can reach them by email.
Unread badge
Show the count on your own element when you’ve turned the floating button off.
Conversations
What you’re looking at in the inbox, and what happens on its own.
Web SDK reference
Every option and call in the widget.