Drop one script into Settings, SEO/metatags, page header HTML.
Bubble is a no-code platform, but it still lets you inject raw HTML and script into the page header. The vanilla SDK goes there and the widget appears on top of your Bubble app.
<script src='https://unpkg.com/@usero/sdk'></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
Usero.initUseroFeedbackWidget({ clientId: 'YOUR_CLIENT_ID' })
})
</script>Replace YOUR_CLIENT_ID with the id from your Usero dashboard.
Built for Bubble
Settings > SEO / metatags has a "Script/meta tags in header" field that applies to every page of the Bubble app. One paste covers the whole app.
Because the script sits in the header, wrap the init in a DOMContentLoaded listener so it runs after Bubble has built the page DOM.
You can also drop the scripts into an HTML element on a page, but the header field is cleaner because it covers every page at once.
This uses the built-in header injection, so you do not need a paid Bubble plugin from the marketplace.
Beamer needs a script plus dashboard configuration before it shows anything. The vanilla SDK shows its trigger from the init call alone.
FAQ
Settings > SEO / metatags > the "Script/meta tags in header of the page" field for an app-wide install. Or drop it into an HTML element on a single page.
The header runs before Bubble finishes building the page. Waiting for DOMContentLoaded ensures the body exists when the widget mounts onto it.
No. The built-in header injection field is enough. There is no need to buy a marketplace plugin.
Header script injection is available on Bubble paid plans. Confirm your plan exposes the header field before relying on it.
Free tier. No credit card. Two-minute install. Cancel by deleting two lines of code.
Install guides