Webflow

You can seamlessly add PicoBot to your Webflow website by injecting the widget code into your project’s custom code settings.

How to install the widget

Follow these steps to deploy the AI Agent to your Webflow site:

1. Go to your PicoBot 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. Go to your Webflow dashboard and open the specific project/website where you want to add the widget.
8. Click the Webflow icon in the top left corner and select Site settings.
9. Click on Custom code from the navigation tabs.
10. Paste the PicoBot widget code into the Head code textbox.
11. Click Save in the top right corner.
12. Publish the website for the changes to take effect.

The widget will now perfectly appear on your live Webflow website!