WordPress

There are two primary methods to add PicoBot to your WordPress website: using a header/footer plugin, or by directly editing your theme files.

Method 1: Install using a plugin (Recommended)

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. In your WordPress dashboard, navigate to Plugins > Add new plugin.
8. Search for the Insert Headers And Footers plugin and install the version created by WPBrigade.
9. Once installed, activate the plugin.
10. Go to Settings > WP Headers and Footers from the WordPress sidebar.
11. Paste your PicoBot widget code directly into the Scripts in Header section.
12. Click Save Changes.

Method 2: Install using the theme editor

If you prefer not to use additional plugins, you can inject the code directly into your theme.

1. Follow steps 1-6 from Method 1 to copy the widget code from PicoBot.
2. Open your WordPress dashboard.
3. From the sidebar menu, select Appearance > Theme File Editor.
4. Under the Theme Files section on the right side of the screen, search for and click on the header.php file to open it.
5. Find the closing </head> tag and paste the widget code immediately before it.
6. Click Update File to save your changes.

[!WARNING] Editing your theme files directly is generally not recommended for beginners. If you update your WordPress theme in the future, the header.php file might be overwritten, and you will need to re-install the widget code. Method 1 prevents this issue.