Embedding the Chat Widget / Advanced Config

Advanced Config

Define a config object before the script tag to override server-side defaults. Place the configuration between the container div and the script tag.

<div class="zero_docs_agent"></div>
<script>
  window.zdAgentConfig = {
    user_id: 'user_123',
    welcome: 'Ask me anything...',
    placeholder: 'Type your question...',
    suggestions: ['How do I get started?', 'What are the features?'],
    load_mode: 'open_by_default',
    open_by_click: 'fixed',
    fixed_position: 'bottom-right',
    height_mode: 'med',
    lang: 'en'
  }
</script>
<script src="https://app.zerodocs.io/scripts/core/zero-docs/v1" async></script>

Configuration properties are organized into three categories: Core, Behavior, and Styling.