Create an Account
Sign up for a free trial to get your own tenant ID and code snippet. No credit card required. Or, use the demo code below to try it instantly.
Copy the Code Snippet
Choose your framework below and copy the code snippet. The VanillaJS option works on any website with no build system required. For React, Vue, or Angular, install the npm package first.
<script async src="https://cdn.fastcomments.com/js/embed.min.js"></script>
<div id="fastcomments-widget"></div>
<script>
window.fcConfigs = [{
target: '#fastcomments-widget',
tenantId: 'demo'
}];
</script>
<lib-fastcomments [config]="{ tenantId: 'demo' }"></lib-fastcomments>
import { Component } from 'react'
import { FastCommentsCommentWidget } from 'fastcomments-react'
class Example extends Component {
render() {
return <FastCommentsCommentWidget tenantId="demo" />
}
}
<template>
<FastComments v-bind:config="{tenantId: 'demo'}" />
</template>
<script>
// Vue 2 is also supported via fastcomments-vue.
import { FastComments } from 'fastcomments-vue-next'
export default {
name: 'FastCommentsExample',
components: {
FastComments
}
}
</script>
Add to Your Site
Paste the snippet into your webpage where you want comments to appear. FastComments automatically creates a separate comment thread for each page based on the URL. If your platform supports HTML embed codes (like WordPress, Squarespace, or Webflow), just paste the VanillaJS snippet into an HTML block.
Customize
Make it yours. FastComments supports custom CSS, dark mode, anonymous commenting, comment moderation, and much more. All configuration is available from your dashboard.
