Criar uma conta
Inscreva-se para um teste gratuito e receba seu próprio ID de locatário e trecho de código. Não é necessário cartão de crédito. Ou use o código de demonstração abaixo para experimentar instantaneamente.
Copie o trecho de código
Escolha seu framework abaixo e copie o trecho de código. A opção VanillaJS funciona em qualquer site sem a necessidade de um sistema de compilação. Para React, Vue ou Angular, instale o pacote npm primeiro.
<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>
Adicione ao seu site
Cole o trecho de código na sua página web onde deseja que os comentários apareçam. O FastComments cria automaticamente uma seção de comentários separada para cada página com base no URL. Se a sua plataforma suporta códigos HTML incorporados (como WordPress, Squarespace ou Webflow), basta colar o trecho de código VanillaJS em um bloco HTML.
Personalizar
Personalize o FastComments. Ele oferece suporte a CSS personalizado, modo escuro, comentários anônimos, moderação de comentários e muito mais. Todas as configurações estão disponíveis no seu painel de controle.
