Plugin Settings
Accessing the Settings
To configure your chatbots, log in to your WordPress Admin Dashboard and navigate to the Supervised AI Bots menu item in the left-hand sidebar. This page serves as the central hub for managing your chatbot integrations and retrieving the necessary IDs for shortcode implementation.
Managing Chatbot URLs
The plugin uses a simple, line-based system to manage multiple chatbot instances. Each chatbot you create in the Supervised AI platform provides a unique URL that needs to be registered here.
Adding New Bots
- Locate the Chatbot URLs textarea on the settings page.
- Paste the full URL of your Supervised AI chatbot.
- To add multiple bots, press
Enterand place each new URL on its own line.
URL Mapping Logic
The plugin assigns an id to each bot based on its line number in the textarea. This ID is used later in the shortcode to determine which bot to display.
| Line Number | Associated ID |
| :--- | :--- |
| Line 1 | id="1" |
| Line 2 | id="2" |
| Line 3 | id="3" |
Note: Ensure there are no empty lines between URLs, as this may affect the ID numbering.
Shortcode Usage
Once your URLs are saved, you can embed the chatbots into any Page, Post, or Widget area using the WordPress shortcode system.
Basic Syntax
[supervised_ai_bot id="YOUR_BOT_ID"]
Examples
- To display the first bot listed in your settings:
[supervised_ai_bot id="1"] - To display the second bot listed in your settings:
[supervised_ai_bot id="2"]
Appearance and Behavior
When a chatbot is embedded via shortcode, it follows a standardized presentation format designed to be non-intrusive yet accessible:
- Floating Launcher: A circular blue action button appears in the bottom-right corner of the screen.
- Popup Interface: Clicking the launcher opens a chat window (400px wide by 670px high) that overlays the content.
- Responsive Container: The chatbot is loaded within an iframe, ensuring that the AI's styles do not conflict with your WordPress theme.
UI Specifications
| Element | Default Setting | | :--- | :--- | | Position | Fixed (Bottom Right) | | Dimensions | 400px x 670px | | Z-Index | 9999 (Ensures visibility over most themes) | | Closing | Users can toggle the chat window by clicking the launcher button again. |