Admin Dashboard
Managing Your Chatbots
The Admin Dashboard provides a centralized interface to manage your AI bot integrations. After activating the plugin, you can configure your chatbot sources and retrieve the necessary shortcodes for your site.
Accessing the Settings
To configure the plugin:
- Log in to your WordPress Admin area.
- Locate Supervised AI Bots in the left-hand sidebar menu.
- Click the menu item to open the configuration page.
Configuring Bot URLs
The settings page features a simple configuration area where you define the source URLs for your Supervised AI bots.
- Chatbot URLs Textarea: Enter the full URL of your Supervised AI chatbot.
- Multiple Bots: To add multiple chatbots, enter each URL on a new line.
- Saving: Click the Save Changes button to store your configuration.
Understanding Bot IDs
The plugin uses a row-based indexing system to identify which chatbot to display. The position of the URL in the settings textarea determines its id:
| Line Number | URL Example | Shortcode ID |
| :--- | :--- | :--- |
| Line 1 | https://supervised.co/bot/example-1 | id="1" |
| Line 2 | https://supervised.co/bot/example-2 | id="2" |
| Line 3 | https://supervised.co/bot/example-3 | id="3" |
[!TIP] Always keep track of the order of your URLs, as reordering the lines in the settings page will change the ID associated with specific bots on your live pages.
Shortcode Integration
Once you have saved your URLs, you can embed the chatbots into any Page, Post, or Widget area using the WordPress shortcode block.
Basic Syntax:
[supervised_ai_bot id="YOUR_BOT_ID"]
Example: To display the chatbot listed on the first line of your settings:
[supervised_ai_bot id="1"]
Dashboard Appearance & Behavior
When a bot is successfully configured and the shortcode is placed on a page:
- Floating Launcher: A blue circular button will appear in the bottom-right corner of the frontend.
- Popup Interface: Clicking the button toggles a 400px wide (max 800px) interface containing your Supervised AI chatbot within a secure iframe.
- Responsiveness: The dashboard settings allow you to manage the URLs, while the plugin's CSS handles the fixed positioning and overlay behavior automatically.