Framer Installation

Add Simple Commenter to your Framer site using the custom code settings.

Step-by-Step Installation

1. Open Site Settings

Open your project in Framer
Click the gear icon or go to Site Settings
Navigate to the General tab

2. Add Custom Code

Scroll down to Custom Code
In the End of <body> tag section, paste:

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

Click Save or close the settings panel

Replace your-domain.com with your actual domain. Use your Framer subdomain (e.g., yoursite.framer.app) or custom domain.

3. Publish Your Site

Click Publish in the top right
Your changes will go live

Using a Custom Domain

If you've connected a custom domain:

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

Using a Code Component (Alternative)

You can also create a code component:

Click the + button to add a new component
Select Code component
Add this code:

export default function SimpleCommenter() {
  React.useEffect(() => {
    const script = document.createElement("script");
    script.src = "https://simplecommenter.com/js/comments.min.js";
    script.dataset.domain = "your-domain.com";
    script.defer = true;
    document.body.appendChild(script);

    return () => {
      document.body.removeChild(script);
    };
  }, []);

  return null;
}

Add the component to your page
Publish

The Site Settings method is recommended as it applies to all pages automatically.

Verifying Installation

Publish your site
Visit the live site (not the editor preview)
Look for the feedback widget button
Check browser Developer Tools (F12) for errors

Troubleshooting

The widget won't appear in the Framer editor. You must view the published site.

Ensure you published after adding the code
Check the code is in the "End of body" section
Verify the domain matches your dashboard settings
Clear your browser cache

Staging vs Production

If using staging sites, ensure the domain in your script matches where you're testing.

Need help? Contact support.