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-domain="your-domain.com"
  defer
></script>
  1. Click Save Changes

Replace your-domain.com with your actual domain. Use your Webflow subdomain (e.g., yoursite.webflow.io) or your custom domain.

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

Using a Custom Domain

If you've connected a custom domain to Webflow:

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

Make sure the domain in your script matches the domain registered in your Simple Commenter dashboard.

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

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

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
  • Verify the domain in your script matches where you're viewing

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.

Was this page helpful?