Admin Interface Tour
Locating the Settings Page
After activating the plugin, you can access the configuration dashboard from your WordPress Admin Sidebar. Look for the Supervised AI Bots menu item, usually located toward the bottom of the sidebar menu.
Configuration Interface
The settings page provides a streamlined interface for connecting your Supervised AI instances to your WordPress site.
Bot URL Management
The primary configuration area features a large textarea labeled for your chatbot URLs.
- Format: Enter one full URL (e.g.,
https://supervised.co/bot/your-bot-id) per line. - Sequential Mapping: The plugin automatically assigns an ID to each bot based on its line number in this list.
- The URL on Line 1 becomes
id="1". - The URL on Line 2 becomes
id="2", and so on.
- The URL on Line 1 becomes
Saving Changes
Once you have entered your URLs, click the Save Changes button. The plugin will store these endpoints and prepare the shortcodes for use across your site.
Shortcode Implementation
The Admin Interface allows you to generate shortcodes that can be placed in any post, page, or widget area.
Usage Example
To display a specific chatbot, use the [supervised_ai_bot] shortcode with the corresponding ID from the settings page.
<!-- To display the first bot in your list -->
[supervised_ai_bot id="1"]
<!-- To display the second bot in your list -->
[supervised_ai_bot id="2"]
Front-End Interface Tour
When a shortcode is active on a page, the admin configuration triggers a specific user interface for your visitors:
- The Launch Button: A blue circular floating action button appears at the bottom-right corner of the screen.
- The Chat Window: Clicking the button toggles a responsive popup container (400px width by 670px height).
- The Iframe: Your Supervised AI chatbot is loaded securely within an iframe inside this popup, ensuring the chat experience is seamless and does not redirect the user away from your site.
- Visibility Control: Users can minimize the chat at any time by clicking the toggle button again, which hides the popup while maintaining the chat session.