দ্রুত শুরু
2 মিনিটেরও কম সময়ে আপনার ওয়েবসাইটে Respondo চ্যাট উইজেট যোগ করুন।
1
স্ক্রিপ্টটি যোগ করুন
যেসব পেজে উইজেট দেখাতে চান, তার প্রতিটিতে </body>-এর ঠিক আগে এই স্নিপেটটি বসান:
HTMLhtml
<script>
window.Respondo = window.Respondo || {};
Respondo.init = Respondo.init || function(c) { window.RespondoAIConfig = c; };
Respondo.q = Respondo.q || [];
Respondo.identify = Respondo.identify || function(d) { Respondo.q.push(['identify', d]); };
Respondo.init({
agentId: 'YOUR_AGENT_ID',
channelId: 'YOUR_CHANNEL_ID'
});
</script>
<script src="https://api.respondo.ai/widget/widget.js" async></script>YOUR_AGENT_ID ও YOUR_CHANNEL_ID-এর জায়গায় আপনার চ্যানেল সেটিংসে থাকা Agent ID ও Channel ID বসান (অথবা চ্যানেল পেজ থেকে আগে থেকেই পূরণ করা স্নিপেটটি কপি করুন)। উইজেট অ্যাসিনক্রোনাসভাবে লোড হয় এবং পেজের পারফরম্যান্সে প্রভাব ফেলে না।ফ্রেমওয়ার্ক ব্যবহার করছেন?#
একই উইজেট, আপনার স্ট্যাকের সঙ্গে জুড়ে দেওয়া — একটি ট্যাব বেছে নিন:
এই কম্পোনেন্টটি আপনার অ্যাপের রুটের কাছে একবার রেন্ডার করুন:
Reacttsx
// respondo-widget.tsx — render once, near the root of your app
import { useEffect } from 'react';
export function RespondoWidget() {
useEffect(() => {
const w = window as any;
w.Respondo = w.Respondo || {};
w.Respondo.init = w.Respondo.init || function (c) { w.RespondoAIConfig = c; };
w.Respondo.q = w.Respondo.q || [];
w.Respondo.identify = w.Respondo.identify || function (d) { w.Respondo.q.push(['identify', d]); };
if (!document.querySelector('script[data-respondo]')) {
w.Respondo.init({
agentId: 'YOUR_AGENT_ID',
channelId: 'YOUR_CHANNEL_ID'
});
const s = document.createElement('script');
s.src = 'https://api.respondo.ai/widget/widget.js';
s.async = true;
s.dataset.respondo = '1';
document.body.appendChild(s);
}
}, []);
return null;
}YOUR_AGENT_ID / YOUR_CHANNEL_ID-এর জায়গায় আপনার চ্যানেল সেটিংসের মান বসান — অথবা চ্যানেল পেজ থেকে তৈরি স্নিপেটটি কপি করুন, সেখানে মানগুলো আগে থেকেই বসানো থাকে।
2
ব্যবহারকারীদের শনাক্ত করুন (সুপারিশকৃত)
ব্যবহারকারী লগ ইন করার পর চ্যাট সেশনগুলো তাঁর প্রোফাইলের সঙ্গে যুক্ত করতে identify() কল করুন:
JavaScriptjavascript
Respondo.identify({
email: 'user@example.com',
name: 'John Doe',
userId: 'usr_12345', // আপনার অভ্যন্তরীণ ব্যবহারকারী ID
metadata: { // যেকোনো কাস্টম ফিল্ড
plan: 'premium',
company: 'Acme Inc'
},
properties: { // কাস্টম কন্টাক্ট প্রপার্টি (Agent Settings-এ নির্ধারিত)
account_type: 'enterprise',
region: 'eu-west'
}
});হয়ে গেছে!
উইজেটটি নিচের ডান কোণে দেখা যাবে। সব কথোপকথন আপনাআপনি আপনার Conversations ড্যাশবোর্ডে চলে আসে।