ஆவணங்கள்

உள்ளமைவு

விட்ஜெட்டின் தோற்றத்தையும் நடத்தையையும் தனிப்பயனாக்குங்கள்.

தொடக்க விருப்பங்கள்#

விருப்பம்இயல்புவிளக்கம்
agentIdகட்டாயம்*உங்கள் முகவரின் தனித்துவ ID. *மனிதர்கள்-மட்டும் விட்ஜெட்களுக்கு channelId மட்டுமே போதும்.
channelId—விட்ஜெட் சேனலின் ID. ஒரே முகவர் பல விட்ஜெட்களை இயக்கும்போது எந்த விட்ஜெட்டின் அமைப்புகள் (வடிவமைப்பு, வெளிச்செல்லும் டூல்டிப்புகள்/பேனர்கள்) பொருந்தும் என்பதைத் தேர்வு செய்கிறது; மனிதர்கள்-மட்டும் விட்ஜெட்களுக்கு இதுவே ஒரே அடையாளங்காட்டி. agentId / channelId இரண்டில் குறைந்தது ஒன்று கட்டாயம்.
positionbottom-rightbottom-right அல்லது bottom-left
primaryColor#3B82F6விட்ஜெட் பொத்தானுக்கும் தலைப்புக்குமான பிராண்ட் நிறம்
titleSupportதலைப்புப் பட்டியின் உரை
greetingautoவரவேற்புச் செய்தி (இயல்பாக டாஷ்போர்டு அமைப்புகளிலிருந்து ஏற்றப்படும்)
languagepageவிட்ஜெட்டின் மொழி 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 அமைப்புகளுக்கு)
chatSizedefaultcompact, default அல்லது large — அரட்டைச் சாளரத்தின் பரிமாணங்கள்
launcherSizedefaultsmall, default அல்லது large — launcher பொத்தானின் அளவு
offsetBottom20கீழ் விளிம்பிலிருந்து தூரம் (px)
offsetSide20இடது/வலது விளிம்பிலிருந்து தூரம் (px)
borderRadius20அரட்டைச் சாளரத்தின் மூலை வளைவு (px)
zIndex999999விட்ஜெட் கொள்கலனுக்கான CSS z-index
customCSS—மேம்பட்ட வடிவமைப்புக்காக விட்ஜெட்டின் Shadow DOM-இல் செலுத்தப்படும் தனிப்பயன் CSS
testModefalseஉரையாடல்களைச் சோதனை என்று குறித்தல் (முதன்மைக் காட்சிகளில் இருந்து மறைக்கப்படும்)

முழு உள்ளமைவு#

முழு உள்ளமைவு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 இணை மட்டுமே உங்களுக்குத் தேவை.