Bubble Installation

Add Simple Commenter to your Bubble.io application using the SEO/metatags settings or an HTML element.

Method 1: SEO/Metatags Settings (Recommended)

This adds the script to all pages in your app.

1. Open App Settings

Open your Bubble app editor
Go to Settings in the left sidebar
Click the SEO/metatags tab

2. Add the Script

Scroll to the Script/meta tags in header section
Paste this code:

<script
  src="https://simplecommenter.com/js/comments.min.js"
  data-id="sc_your_project_key"
  defer
></script>

Click outside the field to save

Replace sc_your_project_key with your project's public key from the Simple Commenter dashboard.

Method 2: HTML Element

For more control over where the script loads:

Add an HTML element to your page
Paste the script code
Position it at the bottom of your page (it won't be visible)
Preview or deploy

Method 3: Page-Level Script

To add to specific pages only:

Open the page in the editor
Click on the page background
In the property editor, find SEO/metatags
Add the script in the header tags section

Verifying Installation

Preview your app or deploy to live
Visit the live URL (not the editor)
Look for the feedback widget button
Check browser Developer Tools (F12) for errors

Troubleshooting

The widget won't appear in the Bubble editor. Use Preview mode or view the deployed app.

Check you deployed after adding the code
Verify you're viewing the correct version (development vs live)
Ensure the public key matches your dashboard settings
Clear your browser cache

Same key for dev and live

The same public key works across both your development and production environments, so you only need one script tag:

<script>
  (function () {
    var s = document.createElement("script");
    s.src = "https://simplecommenter.com/js/comments.min.js";
    s.dataset.id = "sc_your_project_key";
    s.defer = true;
    document.body.appendChild(s);
  })();
</script>

Single-page app behavior

Bubble apps are SPAs. The widget loads once and persists across page navigation within the app.

Need help? Contact support.