Consenti alla tua community di dare vita alle immagini attraverso la discussione. Clicca sull'immagine qui sotto.
Provalo ora senza account
Aggiungi discussioni interattive a qualsiasi immagine del tuo sito. Copia un frammento di codice per iniziare, non è necessario alcun account.
Ottieni il codice della chat con immagini per il tuo sito
Vanilla JS
Vanilla JS
React
Vue
SquareSpace
Systeme.io
Weebly
Shopify
MemberSpace
Memberstack
Ghost
GitHub Pages
<script src="https://cdn-eu.fastcomments.com/js/embed-image-chat.min.js"></script>
<div class="fastcomments-image-chat">
<img id="fastcomments-image-chat-widget" src="https://cdn-eu.fastcomments.com/images/image-chat-demo-1.jpg" title="Click to add a chat."/>
</div>
<script>
FastCommentsImageChat(document.getElementById('fastcomments-image-chat-widget'), {
tenantId: 'yywal4uErO'
});
</script>
<script src="https://cdn-eu.fastcomments.com/js/embed-image-chat.min.js"></script>
<div class="fastcomments-image-chat">
<img id="fastcomments-image-chat-widget" src="https://cdn-eu.fastcomments.com/images/image-chat-demo-1.jpg" title="Click to add a chat."/>
</div>
<script>
FastCommentsImageChat(document.getElementById('fastcomments-image-chat-widget'), {
tenantId: 'yywal4uErO'
});
</script>
import React, {useRef} from 'react'
import { FastCommentsImageChatWidget } from 'fastcomments-react'
const ImageChatApp = () => {
const contentRef = useRef(null);
return (
<div>
<img ref={contentRef} src="https://cdn-eu.fastcomments.com/images/image-chat-demo-1.jpg" alt="Demo Image"/>
<FastCommentsImageChatWidget tenantId="yywal4uErO" targetRef={contentRef} />
</div>
)
}
export default ImageChatApp
<template>
<div>
<img ref="fastCommentsImageChatTarget" src="https://cdn-eu.fastcomments.com/images/image-chat-demo-1.jpg" alt="Demo Image"/>
</div>
<FastCommentsImageChat v-bind:config="{tenantId: 'yywal4uErO'}" :target-ref="fastCommentsImageChatTarget" />
</template>
<script>
// Vue2 is also supported via the fastcomments-vue library.
import { FastCommentsImageChat } from 'fastcomments-vue-next';
export default {
name: 'FastCommentsImageChatExample',
components: {
FastCommentsImageChat
},
data() {
return {
fastCommentsImageChatTarget: {}
}
},
mounted() {
this.fastCommentsImageChatTarget = this.$refs.fastCommentsImageChatTarget;
}
};
</script>
Unisciti ai nostri clienti soddisfatti
No Credit Card Required For Initial Sign up & Installation
Sign Up Now
