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 full address 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. Test and verify

Test on localhost during development, then open the approved website and confirm a message 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"
/>

Domain protection

Your bubble is locked to your website.

Enter the full address your visitors use. Feedback Bubble checks every load and message against it, while also allowing loopback localhost addresses so you can test safely during development.

Approved website

https://www.yourwebsite.com

Protected

Address checked

The bubble loads on the approved website or a local development address.

Session secured

A short-lived session is tied to that website.

Messages verified

Every submission is checked again by the server.

Create the widget before copying the code.

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

Create your bubble