Installation

One script between your website and better feedback.

Create a bubble, approve its website address and paste the generated installation code into your application.

1. Create a bubble

Name the website, enter its public origin and choose the first version of the widget design.

2. Add the script

Copy the generated site key and use the installation pattern for your framework.

3. Verify it live

Open the approved website, submit a test message and confirm it appears in your inbox.

HTML and WordPress

Place the script before the closing body tag.

Use the shared template, footer scripts area or a trusted code-injection plugin. Replace the example key with the one shown in your bubble dashboard.

<script src="https://www.getfeedbackbubble.com/widget/v1.js" data-site="YOUR_SITE_KEY" defer></script>

Next.js

Use the framework Script component.

Import Script from next/script and place this after your page content in the root layout.

<Script
  src="https://www.getfeedbackbubble.com/widget/v1.js"
  data-site="YOUR_SITE_KEY"
  strategy="afterInteractive"
/>

Important

The approved origin must match.

The website address saved with your bubble is a security boundary. Protocol, hostname and development port matter: https://example.com and http://localhost:3001 are different origins.

Create the widget before copying the code.

Your dashboard generates the real site key and framework-specific installation instructions.

Create your bubble