Settings Interface

Settings Dashboard

The Supervised AI Bots settings page is the central hub for managing your chatbot integrations. To access the dashboard, log in to your WordPress Admin area and navigate to Supervised AI Bots in the sidebar menu.

Bot Configuration

The primary configuration interface consists of a centralized management area where you link your Supervised AI instances to your WordPress site.

• Bot URLs Field: A multi-line text area used to input the direct URLs of your Supervised AI chatbots.
• Entry Format: Enter one URL per line. Each line represents a unique chatbot instance.
• ID Mapping: The plugin automatically assigns an ID to each bot based on its line number.
  • The URL on Line 1 corresponds to id="1".
  • The URL on Line 2 corresponds to id="2", and so forth.

Usage via Shortcodes

Once you have saved your URLs in the settings interface, you can deploy them anywhere on your site (pages, posts, or widgets) using the standard shortcode format.

[supervised_ai_bot id="1"]

| Attribute | Description | Required | | :--- | :--- | :--- | | id | The row number of the URL as defined in the Settings page. | Yes |

Frontend Interface & Behavior

When a chatbot is deployed via shortcode, the plugin injects a specialized interface into the page. Below are the default behaviors and interface components your visitors will interact with:

The Launcher Button

The chatbot remains hidden by default to save screen real estate. A blue Circle Button appears in the bottom-right corner of the browser window. Clicking this button toggles the visibility of the chat interface.

The Chat Popup

The chatbot opens in a floating container with the following fixed specifications:

• Dimensions: The window is optimized for mobile and desktop at 400px width and 670px height.
• Positioning: Fixed to the bottom-right corner (20px offset) to ensure it stays accessible while scrolling.
• Iframe Integration: Your Supervised AI URL is loaded securely within an iframe, ensuring full functionality of the original bot interface within your site's layout.

Controls

• Toggle: Users can click the launcher button to open or hide the chat window.
• Auto-Close: The interface can be closed at any time to return focus to the page content.

Note: The interface is styled with a high z-index (1001+) to ensure the chatbot appears above other page elements like headers or sticky navigation bars.