Webflow Installation

Add Simple Commenter to your Webflow site using the Custom Code feature in Project Settings.

Step-by-Step Installation

1. Open Project Settings

1. Open your project in the Webflow Designer
2. Click the W menu in the top left
3. Select Project Settings

2. Add Custom Code

1. Click the Custom Code tab
2. In the Footer Code section, paste:

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

3. Click Save Changes

3. Publish Your Site

1. Click Publish in the top right
2. Select your staging and/or production domains
3. Click Publish to Selected Domains

Adding to Specific Pages

Webflow allows page-level custom code:

1. Open the page in the Designer
2. Click the gear icon for Page Settings
3. Scroll to Custom Code
4. Add the script in the Before </body> tag section
5. Publish

This method lets you have the widget only on certain pages.

Using an Embed Element (Alternative)

You can also use a custom code embed:

1. Add an Embed element to your page
2. Paste the script code
3. Position it at the bottom of your page
4. Publish

Verifying Installation

1. Publish your site
2. Visit the live site (not the Designer preview)
3. Look for the feedback widget button
4. Check browser console (F12) for errors

Troubleshooting

Widget not appearing in Designer

The widget won't appear in the Webflow Designer. You must view the published site.

Widget not appearing on published site

• Ensure you clicked Publish after adding the code
• Check you're viewing the correct published domain
• Verify the code is in the Footer section, not Header
• Clear your browser cache

Different behavior on staging vs production

• Check that both domains have the same custom code
• The same public key works across staging and production

Webflow membership pages

The widget works on membership-protected pages. Logged-in users will see the widget after accessing the protected content.

Need help? Contact support.