త్వరిత ప్రారంభం

2 నిమిషాల లోపే మీ వెబ్‌సైట్‌కు Respondo చాట్ విడ్జెట్‌ను జోడించండి.

స్క్రిప్ట్‌ను జోడించండి

విడ్జెట్ కనిపించాలనుకున్న ప్రతి పేజీలో ఈ స్నిప్పెట్‌ను </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 స్థానంలో మీ ఛానెల్ సెట్టింగ్‌లలోని విలువలు పెట్టండి — లేదా ఆ విలువలు ఇప్పటికే నిండి ఉన్న సిద్ధ స్నిప్పెట్‌ను ఛానెల్ పేజీ నుంచి కాపీ చేసుకోండి.

వినియోగదారులను గుర్తించండి (సిఫార్సు)

వినియోగదారు లాగిన్ అయ్యాక, చాట్ సెషన్‌లను వారి ప్రొఫైల్‌తో అనుసంధానించడానికి 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 డ్యాష్‌బోర్డ్‌లోకి చేరతాయి.