Follow these steps to integrate our feedback widget, ideal for static and portfolio websites.
Place this script into the HTML file where you’d like the feedback section to appear:
<script src="https://chimebox.me/comment-widget.js"></script>
For React apps, add this inside the body of index.html or install our React component as described below.
Insert the following div where you want the feedback form to appear:
<div id="comment-section"></div>
After adding the script and placeholder, initialize the widget:
<script>
window.initCommentSection({
siteId: 'your-generated-word-phrase',
turnstileDataSiteKey: 'your-cloudflare-turnstile-key'
});
</script>
Replace 'your-generated-word-phrase' and 'your-cloudflare-turnstile-key' with actual values from the Get Credentials page.
To enhance security, configure Cloudflare Turnstile for the feedback form:
Ensure that Turnstile is enabled to protect against spam and bot feedback submissions.
After setup, open your website and submit feedback. The data should be securely stored in your dashboard.
Adjust CSS in your stylesheet to customize the feedback form’s appearance.
Install our React package:
npm install react-chimebox
Once installed, integrate it directly into your React components.