Bot Management
Navigating to Bot Management
To manage your chatbots, log in to your WordPress Admin Dashboard and locate the Supervised AI Bots menu item in the sidebar. This settings page serves as the central hub for configuring your chatbot integrations and retrieving the necessary information for site deployment.
Configuring Bot URLs
The plugin utilizes a straightforward, list-based system for managing multiple chatbot instances. Instead of complex forms, you manage your bots through a single configuration area.
Adding and Editing Bots
- Locate the Bot URLs textarea on the settings page.
- Enter the full URL of your Supervised AI chatbot (e.g.,
https://supervised.co/bot/your-unique-id). - To add multiple bots, place each URL on a new line.
- Click Save Changes to update your bot list.
Note: Ensure there are no empty lines between URLs, as the plugin calculates IDs based on the line position.
Understanding Bot IDs
The plugin assigns a unique ID to each chatbot based on its row number within the textarea. This ID is essential for displaying the correct bot via shortcodes.
- Row 1: ID =
1 - Row 2: ID =
2 - Row 3: ID =
3 - (And so on...)
If you rearrange the URLs in the textarea, the IDs assigned to those URLs will change accordingly. Always verify your row order if you update your list.
Displaying Bots via Shortcode
Once you have configured your URLs, you can embed the chatbots into any Page, Post, or Widget area using the [supervised_ai_bot] shortcode.
Shortcode Syntax
Use the id attribute to specify which bot from your list you wish to display:
[supervised_ai_bot id="1"]
Implementation Examples
| Use Case | Shortcode |
| :--- | :--- |
| Display the bot listed on Line 1 | [supervised_ai_bot id="1"] |
| Display the bot listed on Line 5 | [supervised_ai_bot id="5"] |
User Interface Behavior
When a shortcode is triggered, the plugin generates a floating action button (a blue circle) at the bottom-right of the screen. When a visitor clicks this button, the chatbot interface will toggle open in a specialized popup container.
- Positioning: Fixed to the bottom-right of the viewport.
- Dimensions: The chat window is optimized at a width of 400px and a height of 670px for a seamless mobile and desktop experience.