Ybug + Lovable

Installing Ybug on your Lovable app

Lovable's agent can add the Ybug feedback widget for you. Copy your snippet from Ybug and ask for it in the chat.

1. Ybug: copy your code snippet

Go to your Ybug dashboard. Select the project from the dropdown menu in the top-left corner, open Widget configuration and copy your code snippet.

2. Lovable: ask the agent to add it

Open your project in Lovable and send this in the chat, with your snippet pasted at the end:

Add the Ybug feedback widget to this app. Paste this snippet so it loads on every page, just before the closing </body> tag, and don't change anything else:

(paste your snippet here)

Lovable picks the right file itself. Newer Lovable projects have no index.html, so the agent puts the snippet in the app's root layout instead.

3. Test it in the preview

Reload the preview. The Feedback button appears in the corner, and you can send a test report right away. Reports sent from the preview show the preview address (….lovableproject.com) as their page URL.

To put the widget on your live site, click Publish, then Update. It works on your lovable.app address and on a custom domain alike, with no extra settings in Ybug.

Next steps

• Connect Lovable to Ybug so Lovable's agent can read the feedback and fix it in the same project.
• Pass user information if your app has sign-in. Ask Lovable to set the signed-in user's name and email in ybug_settings, so you know who sent each report.
• Customize the widget: colors, button label and position.