Pozwól swojej społeczności ożywić obrazy poprzez dyskusję. Kliknij na poniższy obrazek.
Wypróbuj teraz bez konta
Dodaj interaktywne dyskusje do dowolnego obrazu na swojej stronie. Skopiuj jeden fragment kodu, aby rozpocząć. Nie jest wymagane konto.
Uzyskaj kod czatu obrazkowego dla swojej witryny
Vanilla JS
Vanilla JS
React
Vue
SquareSpace
Systeme.io
Weebly
Shopify
MemberSpace
Memberstack
Ghost
Strony 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>
Dołącz do naszych zadowolonych klientów
No Credit Card Required For Initial Sign up & Installation
Sign Up Now
