Admin Dashboard Overview
Admin Dashboard Overview
The Supervised AI Bots settings page is the central hub for managing your chatbot integrations. From this interface, you can register multiple bot sources and prepare them for deployment across your WordPress site.
Accessing the Dashboard
Once the plugin is activated, you can access the configuration panel by navigating to the Supervised AI Bots menu item in your WordPress Admin sidebar.
Configuring Chatbot URLs
The dashboard features a streamlined interface focused on URL management. To add your chatbots:
- Locate the Chatbot URLs textarea.
- Enter the full URL of your Supervised AI chatbot (e.g.,
https://supervised.co/bot/your-unique-id). - Add multiple bots by entering one URL per line.
- Click Save Changes to register the bots.
Understanding Bot IDs
The plugin assigns an id to each chatbot based on its row position in the settings textarea. This ID is essential for displaying the correct bot via shortcodes.
| Row Number | Assigned ID | Usage |
| :--- | :--- | :--- |
| Line 1 | 1 | [supervised_ai_bot id="1"] |
| Line 2 | 2 | [supervised_ai_bot id="2"] |
| Line 3 | 3 | [supervised_ai_bot id="3"] |
Note: If you rearrange the lines in the settings page, the IDs will update automatically based on their new row positions. Ensure your shortcodes match the intended line number.
Shortcode Integration
After saving your URLs in the dashboard, you can embed the chatbots into any Page, Post, or Widget area using the [supervised_ai_bot] shortcode.
Basic Usage
To display the bot listed on the first line:
[supervised_ai_bot id="1"]
Multi-Bot Deployment
If you have configured multiple bots for different departments or services:
<!-- Bot for Sales (Line 1) -->
[supervised_ai_bot id="1"]
<!-- Bot for Support (Line 2) -->
[supervised_ai_bot id="2"]
Front-End Appearance
Once a shortcode is placed, the plugin automatically handles the following on the front-end:
- Trigger Button: A blue circular floating button appears in the bottom-right corner of the page.
- Chat Interface: Clicking the button toggles a 400px wide (800px max) popup containing the chatbot iframe.
- Responsive Design: The chat container is optimized for a height of 670px to ensure the AI interface remains functional and accessible.