Mabilisang Pagsisimula

Idagdag ang chat widget ng Respondo sa website ninyo sa wala pang 2 minuto.

Idagdag ang script

I-paste ang snippet na ito bago ang </body> sa bawat pahinang gusto ninyong lagyan ng widget:

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>

Palitan ang YOUR_AGENT_ID at YOUR_CHANNEL_ID ng Agent ID at Channel ID mula sa setting ng channel ninyo (o kopyahin ang handa nang snippet mula sa pahina ng channel). Asynchronous na kumakarga ang widget, kaya hindi ito nakakaapekto sa bilis ng pahina.

Gumagamit ng framework?#

Iisang widget, nakakabit na sa stack ninyo — pumili ng tab:

I-render ang component na ito nang isang beses, malapit sa root ng app ninyo:

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;
}

Palitan ang YOUR_AGENT_ID / YOUR_CHANNEL_ID ng mga halaga mula sa setting ng channel ninyo — o kopyahin ang handa nang snippet sa pahina ng channel, kung saan nakalagay na ang mga ito.

Kilalanin ang mga user (inirerekomenda)

Pagkatapos mag-log in ng user, tawagin ang identify() para maiugnay ang mga chat session sa profile niya:

JavaScriptjavascript

Respondo.identify({
  email: 'user@example.com',
  name: 'John Doe',
  userId: 'usr_12345',       // ang panloob na user ID ninyo
  metadata: {                // anumang custom na field
    plan: 'premium',
    company: 'Acme Inc'
  },
  properties: {              // custom na katangian ng contact (itinatakda sa Mga Setting ng Ahente)
    account_type: 'enterprise',
    region: 'eu-west'
  }
});

Tapos na!

Lilitaw ang widget sa kanang ibaba ng pahina. Awtomatikong napupunta ang lahat ng usapan sa seksyong Conversations ng dashboard ninyo.