Créer un compte
Inscrivez-vous pour un essai gratuit afin d'obtenir votre propre identifiant de locataire et un extrait de code. Aucune carte de crédit n'est requise. Vous pouvez également utiliser le code de démonstration ci-dessous pour l'essayer immédiatement.
Copier l'extrait de code
Choisissez votre framework ci-dessous et copiez l'extrait de code. L'option VanillaJS fonctionne sur n'importe quel site web sans système de compilation. Pour React, Vue ou Angular, installez d'abord le package npm.
<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>
Ajoutez à votre site
Collez l'extrait de code dans votre page web à l'endroit où vous souhaitez que les commentaires apparaissent. FastComments crée automatiquement une discussion distincte pour chaque page en fonction de son URL. Si votre plateforme prend en charge l'intégration de code HTML (comme WordPress, Squarespace ou Webflow), il vous suffit de coller l'extrait de code VanillaJS dans un bloc HTML.
Personnaliser
Personnalisez-le. FastComments prend en charge le CSS personnalisé, le mode sombre, les commentaires anonymes, la modération des commentaires et bien plus encore. Toute la configuration est accessible depuis votre tableau de bord.
