दस्तावेज़

क्विक स्टार्ट

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 डैशबोर्ड में आ जाती हैं।