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
- Open your project in the Webflow Designer
- Click the W menu in the top left
- Select Project Settings
2. Add Custom Code
- Click the Custom Code tab
- In the Footer Code section, paste:
<script
src="https://simplecommenter.com/js/comments.min.js"
data-domain="your-domain.com"
defer
></script>
- 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
- Click Publish in the top right
- Select your staging and/or production domains
- 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:
- Open the page in the Designer
- Click the gear icon for Page Settings
- Scroll to Custom Code
- Add the script in the Before
</body>tag section - 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:
- Add an Embed element to your page
- Paste the script code
- Position it at the bottom of your page
- Publish
The Project Settings method is recommended as it applies to all pages automatically.
Verifying Installation
- Publish your site
- Visit the live site (not the Designer preview)
- Look for the feedback widget button
- 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.