دستاویزات

کنفیگریشن

ویجٹ کی ظاہری شکل اور رویّہ اپنی مرضی کے مطابق ترتیب دیں۔

init کے اختیارات#

اختیارطے شدہتفصیل
agentIdلازمی*آپ کے ایجنٹ کا منفرد ID۔ *صرف انسانوں والے (humans-only) ویجٹس کے لیے 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—انیشیئلائزیشن کے وقت پہلے سے مقرر صارف شناخت (وہی فیلڈز جو identify() میں ہیں)
localStorageKey—localStorage کی وہ کلید جس سے userId خودکار طور پر پڑھا جائے (GTM / no-code سیٹ اپ کے لیے)
chatSizedefaultcompact، default یا large — چیٹ ونڈو کے پیمانے
launcherSizedefaultsmall، default یا large — لانچر بٹن کا سائز
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', // auto-read userId from localStorage (GTM / no-code)
  chatSize: 'default',              // 'compact' | 'default' | 'large'
  offsetBottom: 20,                 // distance from bottom (px)
  identity: {                      // optional: set at init if user is already known
    email: 'user@example.com',
    name: 'John Doe',
    userId: 'usr_123',
    properties: {                  // custom contact properties
      account_type: 'enterprise',
      region: 'eu-west'
    }
  }
});
زیادہ تر سیٹنگز (رنگ، لوگو، خوش آمدید پیغام، فوری سوالات) Channels ڈیش بورڈ سے سنبھالی جاتی ہیں۔ ویجٹ انہیں لوڈ ہوتے وقت خود لے آتا ہے — ایمبیڈ کوڈ سے آپ کو صرف agentId/channelId کا جوڑا چاہیے ہوتا ہے۔