Een account aanmaken
Meld je aan voor een gratis proefperiode om je eigen tenant-ID en codefragment te ontvangen. Geen creditcard nodig. Of gebruik de democode hieronder om het direct uit te proberen.
Kopieer het codefragment
Kies hieronder je framework en kopieer het codefragment. De VanillaJS-optie werkt op elke website zonder dat een build-systeem nodig is. Voor React, Vue of Angular moet je eerst het npm-pakket installeren.
<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>
Voeg toe aan je site
Plak het codefragment in je webpagina op de plek waar je de reacties wilt weergeven. FastComments maakt automatisch een aparte reactiethread aan voor elke pagina op basis van de URL. Als je platform HTML-integratiecodes ondersteunt (zoals WordPress, Squarespace of Webflow), plak je het VanillaJS-fragment gewoon in een HTML-blok.
Aanpassen
Maak het helemaal van jou. FastComments ondersteunt aangepaste CSS, een donkere modus, anoniem reageren, reactiemoderatie en nog veel meer. Alle configuratie-opties zijn beschikbaar via je dashboard.
