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 Webflow site you can publish.
1
Paste into Custom code
In Webflow, open Site settings → Custom code and paste this into Footer code:Then publish the site. Custom code doesn’t run in the Designer preview, so you’ll only see the widget on the published site.
Site settings → Custom code → Footer code
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. There’s nothing to protect.
2
Choose how users open it
By default, a floating chat button appears in the bottom-right corner of every page.If you’d rather use a button you designed, give it an ID such as
help in the Designer, add launcher: false to the init call, and add this line after it: document.querySelector('#help').addEventListener('click', () => Feddy.open()).3
Send yourself a message
Open the published site, 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 site, the reply appears in the panel.
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.