Mula Pantas

Tambah widget sembang Respondo pada laman web anda dalam masa kurang daripada 2 minit.

Tambah skrip

Tampal coretan ini sebelum </body> pada setiap halaman yang memerlukan 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>

Gantikan YOUR_AGENT_ID dan YOUR_CHANNEL_ID dengan Agent ID dan Channel ID daripada tetapan saluran anda (atau salin coretan siap terisi daripada halaman saluran). Widget dimuatkan secara tak segerak dan tidak menjejaskan prestasi halaman.

Menggunakan rangka kerja?#

Widget yang sama, disambungkan ke dalam susunan teknologi anda — pilih tab:

Render komponen ini sekali sahaja, berhampiran akar aplikasi anda:

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

Gantikan YOUR_AGENT_ID / YOUR_CHANNEL_ID dengan nilai daripada tetapan saluran anda — atau salin coretan siap sedia daripada halaman saluran, yang nilainya sudah terisi.

Kenal pasti pengguna (disyorkan)

Selepas pengguna log masuk, panggil identify() untuk memautkan sesi sembang kepada profil mereka:

JavaScriptjavascript

Respondo.identify({
  email: 'user@example.com',
  name: 'John Doe',
  userId: 'usr_12345',       // ID pengguna dalaman anda
  metadata: {                // sebarang medan tersuai
    plan: 'premium',
    company: 'Acme Inc'
  },
  properties: {              // sifat kenalan tersuai (ditakrifkan dalam Agent Settings)
    account_type: 'enterprise',
    region: 'eu-west'
  }
});

Selesai!

Widget akan muncul di sudut kanan bawah. Semua perbualan mengalir secara automatik ke papan pemuka Perbualan anda.