Bubble

You can deploy PicoBot directly into your Bubble web application by adding the widget code into your app’s SEO settings.

How to install the widget

Follow these steps to embed the AI Agent into your Bubble app:

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 Bubble account and open the specific app/website where you want to add the widget.
8. On the left sidebar, click the Gear icon to open Settings.
9. Navigate to the SEO / metatags tab.
10. Under the SEO settings section, paste the PicoBot widget code into the header or body textbox.

The settings will be saved automatically. You can click the Preview icon in Bubble to instantly confirm that the widget has been added successfully.

[!WARNING] This native code-injection method only works if your Bubble app is on a paid plan. If you’re currently on a free Bubble account, the platform restricts custom header code, and the widget will not load.