Why add feedback to Lovable apps?
Lovable projects are React apps built with Vite, so TellTide installs with one script tag in index.html. You can paste it yourself or ask Lovable to add it.
Step 1: Create a TellTide app and copy your App ID
Sign in to TellTide, open Apps, and create an app for your site. Set the App link to your public URL — in production, the widget only accepts submissions from pages on that hostname. Copy the App ID; every snippet below uses it.
Step 2: Ask Lovable to add the script
In the Lovable chat, paste this prompt with your App ID filled in. Lovable edits index.html for you:
Add this script tag to index.html, just before the closing </body> tag.
Do not change anything else in the project.
<script
src="https://telltide.com/src/widgets/widget.js"
data-app-id="YOUR_APP_ID"
></script>Step 3: Or edit index.html yourself
If you edit code directly in Lovable or through its GitHub sync, open index.html in the project root and paste the tag after the root div:
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
<script
src="https://telltide.com/src/widgets/widget.js"
data-app-id="YOUR_APP_ID"
></script>
</body>Step 4: Publish, then point TellTide at the live URL
Publish the project and set the App link in TellTide to the published address: your lovable.app subdomain or your custom domain. The editor preview runs on a different hostname, so submissions sent from the preview are rejected unless you add that URL under API credentials → Publishable key → Allowed websites.
Step 5: Verify the feedback loop end to end
Open your site, click the TellTide launcher (bottom corner by default), and submit a test bug report. It should appear in your TellTide inbox within seconds. From there you can reply-triage privately, and later publish your first feature request to the public roadmap.
Good to know
- The launcher lives outside your React tree, so Lovable regenerating components will not remove it. Only an edit to index.html can.
- Restyle the widget in TellTide rather than by prompting Lovable. Colors, label, and position load at runtime, so you never need to republish to change them.
- If you later connect a custom domain, update the App link to match it.
Common questions
Can Lovable build the feedback form itself instead?
It can generate a form, but then you also need storage, an inbox, statuses, screenshots, spam protection, and a roadmap. TellTide gives you all of that from one script tag, and your Lovable credits go into the product instead.
Will the widget slow down my Lovable site?
No — the snippet loads a single small script at the end of the body, after your content renders. It does not block paint or affect your Core Web Vitals.
Is the feedback users send public?
No. Unlike board-first tools, everything arrives in a private inbox. Bug reports and reviews stay internal; you publish only chosen feature requests to a roadmap users can vote on.
How much does TellTide cost?
Pro includes the widget, private inbox, API, and public roadmap. Pricing never scales with how many users you have.