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

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

2. Add the Script

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

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

3. Click outside the field to save

Method 2: HTML Element

For more control over where the script loads:

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

Method 3: Page-Level Script

To add to specific pages only:

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

Using Your Bubble Domain

For Bubble subdomain:

<script
  src="https://simplecommenter.com/js/comments.min.js"
  data-domain="yourapp.bubbleapps.io"
  defer
></script>

For custom domain:

<script
  src="https://simplecommenter.com/js/comments.min.js"
  data-domain="www.yourapp.com"
  defer
></script>

Verifying Installation

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

Troubleshooting

Widget not appearing in editor

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

Widget not appearing on deployed app

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

Different domains for dev and live

You may need different domains registered:

• yourapp.bubbleapps.io for development
• www.yourdomain.com for production

Consider using dynamic domain detection:

<script>
(function() {
  var s = document.createElement('script');
  s.src = 'https://simplecommenter.com/js/comments.min.js';
  s.dataset.domain = window.location.hostname;
  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.