فوری آغاز
Respondo کا چیٹ ویجٹ اپنی ویب سائٹ پر 2 منٹ سے بھی کم وقت میں لگا دیں۔
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 رکھیں (یا چینل کے صفحے سے پہلے سے بھرا ہوا سنیپٹ کاپی کر لیں)۔ ویجٹ غیر ہم وقت (async) لوڈ ہوتا ہے اور صفحے کی کارکردگی پر اثر نہیں ڈالتا۔کوئی فریم ورک استعمال کر رہے ہیں؟#
وہی ویجٹ، آپ کے اسٹیک میں جڑا ہوا — کوئی ایک ٹیب چنیں:
اس کمپوننٹ کو ایپ کی جڑ کے قریب ایک بار رینڈر کریں:
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', // your internal user ID
metadata: { // any custom fields
plan: 'premium',
company: 'Acme Inc'
},
properties: { // custom contact properties (defined in Agent Settings)
account_type: 'enterprise',
region: 'eu-west'
}
});ہو گیا!
ویجٹ نیچے دائیں کونے میں ظاہر ہوگا۔ تمام گفتگوئیں خودکار طور پر آپ کے ڈیش بورڈ کے “گفتگو” سیکشن میں پہنچ جاتی ہیں۔