مستندات

پیکربندی

ظاهر و رفتار ویجت را سفارشی کنید.

گزینه‌های راه‌اندازی#

گزینهپیش‌فرضتوضیح
agentIdالزامی*شناسهٔ یکتای عامل شما. *برای ویجت‌های فقط-انسانی، channelId به‌تنهایی کافی است.
channelId—شناسهٔ کانال ویجت. تعیین می‌کند وقتی یک عامل چند ویجت را می‌گرداند، تنظیمات کدام ویجت (ظاهر، تولتیپ‌ها/بنرهای outbound) اعمال شود، و برای ویجت‌های فقط-انسانی تنها شناسه است. دست‌کم یکی از 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—متن placeholder سفارشی برای فیلد ورودی
quickQuestions—آرایه‌ای از پرسش‌های پیشنهادی که پیش از نخستین پیام نشان داده می‌شوند
logoUrl—نشانی لوگوی شما که در سربرگ ویجت دیده می‌شود
avatarUrl—نشانی آواتار عامل هوش مصنوعی که کنار پیام‌ها دیده می‌شود
identity—تعیین هویت کاربر همان هنگام init (همان فیلدهای identify())
localStorageKey—کلید localStorage که userId به‌طور خودکار از آن خوانده می‌شود (برای راه‌اندازی‌های GTM / بدون کد)
chatSizedefaultcompact، defaultیا large — ابعاد پنجرهٔ چت
launcherSizedefaultsmall، defaultیا large — اندازهٔ دکمهٔ شناور
offsetBottom20فاصله از لبهٔ پایین (px)
offsetSide20فاصله از لبهٔ چپ/راست (px)
borderRadius20گردی گوشهٔ پنجرهٔ چت (px)
zIndex999999مقدار z-index در CSS برای ظرف ویجت
customCSS—CSS سفارشی که برای ظاهرآرایی پیشرفته در Shadow DOM ویجت تزریق می‌شود
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 نیاز دارید.