Skip to content
PicoBot Documentation
Home

Custom Website

You can easily add PicoBot to your custom website by simply pasting the widget code snippet directly into your website’s HTML structure.

How to install the widget

Section titled “How to install the widget”

Follow these steps to deploy the AI Agent to your custom website:

  1. Open your workspace dashboard.
  2. Click the Deploy button in the sidebar menu.
  3. Click the Manage button under the Website Widget option.
  4. Optional: Design the appearance of the widget by clicking the Open widget designer button.
  5. Select the display mode for your AI Agent, such as Floating Chat, Inline, or Fullscreen.
  6. Click to copy the widget code.
  7. Paste the code snippet into the <head> or <body> section of your website’s HTML.

[!NOTE] If you selected the Inline mode, you must paste the code exactly where you want the AI Agent container to visually appear within your website’s layout, rather than blindly dropping it in the <head>.