Skip to content

Quick Start

Add AI customer support to your website in 3 minutes.

Step 1: Add the code

Add one line before your </body> tag:

html
<script
  src="https://widget.webnav.ai/widget/chat-widget.js"
  data-base-url="https://yoursite.com"
  data-theme="dark"
></script>

Step 2: Done

That's it! Refresh your site and a chat bubble appears in the bottom-right corner.

AI automatically learns your website content — no configuration needed.

Optional Configuration

html
<script
  src="https://widget.webnav.ai/widget/chat-widget.js"
  data-base-url="https://yoursite.com"
  data-theme="dark"
  data-lang="en"
  data-logo="https://yoursite.com/logo.png"
  data-exclude="/admin/*,/login"
></script>

See all attributes in Widget Attributes.

Multi-Domain

Let AI learn multiple websites:

html
<script
  src="https://widget.webnav.ai/widget/chat-widget.js"
  data-base-url="https://yoursite.com,https://blog.yoursite.com,https://docs.yoursite.com"
></script>

Mobile

Android / iOS / HarmonyOS — load the fullscreen page via WebView:

https://widget.webnav.ai/widget/mobile.html

See Multi-Platform.

Need Help?

DocQA — AI 智能客服