உள்ளமைவு
விட்ஜெட்டின் தோற்றத்தையும் நடத்தையையும் தனிப்பயனாக்குங்கள்.
தொடக்க விருப்பங்கள்#
| விருப்பம் | இயல்பு | விளக்கம் |
|---|---|---|
| agentId | கட்டாயம்* | உங்கள் முகவரின் தனித்துவ ID. *மனிதர்கள்-மட்டும் விட்ஜெட்களுக்கு channelId மட்டுமே போதும். |
| channelId | — | விட்ஜெட் சேனலின் ID. ஒரே முகவர் பல விட்ஜெட்களை இயக்கும்போது எந்த விட்ஜெட்டின் அமைப்புகள் (வடிவமைப்பு, வெளிச்செல்லும் டூல்டிப்புகள்/பேனர்கள்) பொருந்தும் என்பதைத் தேர்வு செய்கிறது; மனிதர்கள்-மட்டும் விட்ஜெட்களுக்கு இதுவே ஒரே அடையாளங்காட்டி. agentId / channelId இரண்டில் குறைந்தது ஒன்று கட்டாயம். |
| position | bottom-right | bottom-right அல்லது bottom-left |
| primaryColor | #3B82F6 | விட்ஜெட் பொத்தானுக்கும் தலைப்புக்குமான பிராண்ட் நிறம் |
| title | Support | தலைப்புப் பட்டியின் உரை |
| greeting | auto | வரவேற்புச் செய்தி (இயல்பாக டாஷ்போர்டு அமைப்புகளிலிருந்து ஏற்றப்படும்) |
| language | page | விட்ஜெட்டின் மொழி BCP-47 குறியீடாக (de, pt-BR). இடைமுகம், வரவேற்பு மற்றும் விரைவு கேள்விகளை அமைக்கிறது. குறிப்பிடாவிட்டால் விட்ஜெட் பக்கத்தின் <html lang> ஐப் பின்பற்றுகிறது: lang மதிப்பு en அல்லாத பக்கம் இப்போது பார்வையாளரின் உலாவியைப் பொருட்படுத்தாமல் அந்த மொழியிலேயே தொடங்குகிறது. <html lang="en"> மட்டும் டெம்ப்ளேட்டின் இயல்புநிலையாகக் கருதப்பட்டு புறக்கணிக்கப்படுகிறது: பார்வையாளர் முந்தைய நடத்தையையே பெறுவார் (நினைவில் வைத்த தேர்வு, பின்னர் உலாவியின் மொழி). <html lang> ஐ முழுவதுமாகப் புறக்கணித்து «உலாவி மட்டும்» நடத்தைக்குத் திரும்ப 'browser' கொடுங்கள். இயக்க நேரத்தில் Respondo.setLanguage('fr') மூலம் மாற்றலாம் — பக்கத்தை மீண்டும் ஏற்றாத மொழி மாற்றிகளுக்கு உதவும். |
| placeholder | — | உள்ளீட்டுப் புலத்தின் தனிப்பயன் உரை |
| quickQuestions | — | முதல் செய்திக்கு முன் காட்டப்படும் பரிந்துரைக் கேள்விகளின் வரிசை |
| logoUrl | — | விட்ஜெட் தலைப்பில் காட்டப்படும் உங்கள் லோகோவின் URL |
| avatarUrl | — | செய்திகளுக்கு அருகில் காட்டப்படும் AI முகவரின் அவதாரப் படத்தின் URL |
| identity | — | init நேரத்திலேயே பயனர் அடையாளத்தை முன்கூட்டி அமைத்தல் (identify()-இன் அதே புலங்கள்) |
| localStorageKey | — | userId-ஐ தானாகப் படிக்க வேண்டிய localStorage விசை (GTM / no-code அமைப்புகளுக்கு) |
| chatSize | default | compact, default அல்லது large — அரட்டைச் சாளரத்தின் பரிமாணங்கள் |
| launcherSize | default | small, default அல்லது large — launcher பொத்தானின் அளவு |
| offsetBottom | 20 | கீழ் விளிம்பிலிருந்து தூரம் (px) |
| offsetSide | 20 | இடது/வலது விளிம்பிலிருந்து தூரம் (px) |
| borderRadius | 20 | அரட்டைச் சாளரத்தின் மூலை வளைவு (px) |
| zIndex | 999999 | விட்ஜெட் கொள்கலனுக்கான CSS z-index |
| customCSS | — | மேம்பட்ட வடிவமைப்புக்காக விட்ஜெட்டின் Shadow DOM-இல் செலுத்தப்படும் தனிப்பயன் CSS |
| testMode | false | உரையாடல்களைச் சோதனை என்று குறித்தல் (முதன்மைக் காட்சிகளில் இருந்து மறைக்கப்படும்) |
முழு உள்ளமைவு#
முழு உள்ளமைவுjavascript
Respondo.init({
agentId: 'YOUR_AGENT_ID',
channelId: 'YOUR_CHANNEL_ID',
position: 'bottom-right', // 'bottom-right' | 'bottom-left'
primaryColor: '#2563eb',
language: 'de', // BCP-47; இயல்புநிலை: <html lang> (en = பலவீன சமிக்ஞை), 'browser' அதைப் புறக்கணிக்கும்
title: 'Help Center',
greeting: 'How can we help?',
placeholder: 'Ask anything...',
logoUrl: 'https://yoursite.com/logo.png',
avatarUrl: 'https://yoursite.com/avatar.png',
quickQuestions: [
'How do I get started?',
'What are the pricing plans?',
'How do I contact support?'
],
testMode: false,
localStorageKey: 'myapp_user_id', // localStorage-இலிருந்து userId-ஐ தானாகப் படிக்கும் (GTM / no-code)
chatSize: 'default', // 'compact' | 'default' | 'large'
offsetBottom: 20, // அடியிலிருந்து தூரம் (px)
identity: { // விருப்பம்: பயனர் ஏற்கெனவே தெரிந்தால் init-இலேயே அமைக்கலாம்
email: 'user@example.com',
name: 'John Doe',
userId: 'usr_123',
properties: { // தனிப்பயன் தொடர்புப் பண்புகள்
account_type: 'enterprise',
region: 'eu-west'
}
}
});பெரும்பாலான அமைப்புகள் (நிறம், லோகோ, வரவேற்புச் செய்தி, விரைவுக் கேள்விகள்) Channels டாஷ்போர்டிலிருந்தே நிர்வகிக்கப்படுகின்றன. விட்ஜெட் ஏற்றப்படும்போது அவற்றைப் பெற்றுக்கொள்கிறது — இணைப்புக் குறியீட்டிலிருந்து
agentId/channelId இணை மட்டுமே உங்களுக்குத் தேவை.