ਤੇਜ਼ ਸ਼ੁਰੂਆਤ
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 ਪਾਓ (ਜਾਂ ਚੈਨਲ ਵਾਲੇ ਪੰਨੇ ਤੋਂ ਪਹਿਲਾਂ ਹੀ ਭਰਿਆ ਸਨਿੱਪਟ ਕਾਪੀ ਕਰੋ)। ਵਿਜੇਟ ਅਸਿੰਕ੍ਰੋਨਸ ਲੋਡ ਹੁੰਦਾ ਹੈ ਅਤੇ ਪੰਨੇ ਦੀ ਕਾਰਗੁਜ਼ਾਰੀ ਉੱਤੇ ਅਸਰ ਨਹੀਂ ਪਾਉਂਦਾ।ਕੋਈ ਫ਼ਰੇਮਵਰਕ ਵਰਤ ਰਹੇ ਹੋ?#
ਉਹੀ ਵਿਜੇਟ, ਤੁਹਾਡੇ ਸਟੈਕ ਵਿੱਚ ਜੁੜਿਆ ਹੋਇਆ — ਕੋਈ ਟੈਬ ਚੁਣੋ:
ਇਹ ਕੰਪੋਨੈਂਟ ਆਪਣੀ ਐਪ ਦੀ ਜੜ੍ਹ ਕੋਲ ਇੱਕ ਵਾਰ ਰੈਂਡਰ ਕਰੋ:
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'
}
});ਹੋ ਗਿਆ!
ਵਿਜੇਟ ਹੇਠਾਂ ਸੱਜੇ ਕੋਨੇ ਵਿੱਚ ਦਿਸੇਗਾ। ਸਾਰੀਆਂ ਗੱਲਬਾਤਾਂ ਆਪੇ ਤੁਹਾਡੇ ਡੈਸ਼ਬੋਰਡ ਦੇ Conversations ਭਾਗ ਵਿੱਚ ਪਹੁੰਚ ਜਾਂਦੀਆਂ ਹਨ।