Follow the steps below to integrate our comment widget on your website:
Copy and paste the following script into the HTML file of the page where you'd like the comment section to appear:
<script src="https://confessify.netlify.app/comment-widget.js"></script>
You can also directly paste it inside the body element of index.html of your react app. Or for some other frameworks you can directly import it via react component that we designed jut for you.
Insert the following div where you want the comment form to appear on your page:
<div id="comment-section"></div>
After including the script and placeholder, initialize the widget by calling this JavaScript function with your unique site ID:
<script>
window.initCommentSection({
siteId: 'your-unique-site-id'
});
</script>
Make sure to replace 'your-unique-site-id' with the actual ID provided to you.
Go to Get Access page to get access of the dashboard.
Go to /admin to check your comments.
Once you've added the above code, open your website and try submitting a comment. The comment will be sent to our backend and stored in the database.
You can customize the style of the comment form by modifying the CSS classes in your own stylesheet.
For react projects we do have our own react component package called as react-chimebox. You can install it via npm install react-chimebox