Дозвольте своїй спільноті оживити зображення за допомогою обговорення. Натисніть на зображення нижче.
Спробуйте зараз без облікового запису
Додайте інтерактивні обговорення до будь-якого зображення на вашому сайті. Скопіюйте один фрагмент, щоб розпочати, обліковий запис не потрібен.
Отримайте код чату зображень для вашого сайту
Vanilla JS
Vanilla JS
React
Vue
SquareSpace
Systeme.io
Weebly
Shopify
MemberSpace
Memberstack
Ghost
Сторінки GitHub
<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>
Приєднуйтесь до наших задоволених клієнтів
No Credit Card Required For Initial Sign up & Installation
Sign Up Now
