<script> tag right before </body> in your index.html, WordPress footer.php, Shopify, or Webflow.
Embed directly in plain HTML, WordPress, Webflow, Shopify, Wix, Squarespace, or PHP applications.
data-user-id="123" and data-user-role="admin" to the <script> tag to automatically enforce role-based access controls (RBAC) and row-level security.
Creates a React 18 StrictMode-safe floating widget component with cleanup handling.
Import the component and place <AIWidget /> inside your root component or router layout.
import { AIWidget } from './components/AIWidget';
<AIWidget userId="guest" userRole="user" />
user.id, user.role). The agent will automatically scope database queries and document answers to the authenticated user's permissions.
Standard React JSX component with auto-cleanup and mount lifecycle.
import { AIWidget } from './components/AIWidget';
<AIWidget userId="guest" userRole="user" />
Uses Next.js built-in next/script with strategy="afterInteractive" for optimal page speed without blocking SSR hydration.
pages/_app.tsx), paste the exact same <Script ... /> tag inside your _app.tsx.
<app-ai-widget></app-ai-widget>
import AIWidget from './components/AIWidget.vue';
<AIWidget :userId="userId" :userRole="userRole" />
import AIWidget from '$lib/AIWidget.svelte';
<AIWidget userId="guest" userRole="user" />
Your AI Agent has been built, indexed, and deployed to your workspace. All data connections, guardrails, and embed configurations are active.
Plug-N-Play AI seamlessly bridges unstructured documents and operational databases with Zero Database Write Access, AST SQL validation, and ambient browser action relays.
Queries your live database inside your VPC. Plug-N-Play generates safe read-only SQL without seeing your database credentials or private data.
Combines unstructured policy handbooks and operational databases into a single synthesized answer with automatic citation attribution.
Execute real-world workflows like order cancellation and appointment booking via client browser sessions or cloud HMAC-SHA256 signed webhooks.
<script src="https://app.plugnplay-ai.com/static/pnp-widget.js" data-agent-id="YOUR_AGENT_ID"></script>
workspace • Manage all your AI bots, telemetry, and API keys.
This workspace is enabled with complimentary Free Tier access for clients and developers to evaluate AI agents directly in their web applications. Embed the universal widget, test zero-knowledge database queries, and trigger safe automated workflows with no billing limits.
Manage, test, edit, or grab embed code for your bots.
Real-time log of queries received across all bots in this organization.
| Time | Query | Route | Latency |
|---|---|---|---|
| No queries logged yet. Build or test an agent in the studio! | |||
Choose how your AI agent accesses and synthesizes data.
Answers questions strictly from your uploaded policies, FAQs, manuals, and PDFs. Ideal for documentation, support helpdesks, and customer portals.
Queries your live private database (orders, attendance, inventory, fees) with safe read-only queries and strict row-level security.
The full intelligence layer. Combines unstructured document rules with live database records in a single cohesive answer (e.g. attendance records + exam policy).
Define your agent profile, data connections, and safety policies.
Assigns strict permission boundaries to ensure data privacy and prevent unauthorized access.
Strict row isolation (WHERE user_id = :id). Auto-masks CGPA, phone numbers, and wholesale costs.
Department-level candidate search and order tracking. Hides executive compensation & secrets.
Full cross-table analytics, revenue breakdowns, macro trends, and aggregate performance reports.
Dynamically switches permission boundaries on every query based on caller's logged-in role.
Select your industry to preview strict boundaries balancing helpful user engagement with legal, financial, and data privacy restrictions.
-- Run this on your PostgreSQL database: CREATE USER pnp_readonly WITH PASSWORD 'your_password'; GRANT CONNECT ON DATABASE your_db TO pnp_readonly; GRANT USAGE ON SCHEMA public TO pnp_readonly; GRANT SELECT ON ALL TABLES IN SCHEMA public TO pnp_readonly;
Enable your AI agent to trigger real-world business actions directly in your backend (order cancellations, medical appeals, support tickets, appointment bookings) via secure webhooks. Zero database write access required.
| Param Name | Type | Description | Required |
|---|
Test your agent with live token-by-token streaming and simulated user roles.
Style the widget to match your brand, preview it live, then copy the embed code for your frontend framework.
<script> tag right before </body> in your index.html, WordPress footer.php, Shopify, or Webflow.
Embed directly in plain HTML, WordPress, Webflow, Shopify, Wix, Squarespace, or PHP applications.
data-user-id="123" and data-user-role="admin" to the <script> tag to automatically enforce role-based access controls (RBAC) and row-level security.
Creates a React 18 StrictMode-safe floating widget component with custom colors and cleanup handling.
Import the component and place <AIWidget /> inside your root component or router layout.
import { AIWidget } from './components/AIWidget';
<AIWidget userId="guest" userRole="user" />
user.id, user.role). The agent will automatically scope database queries and document answers to the authenticated user's permissions.
Standard React JSX component with auto-cleanup and mount lifecycle.
import { AIWidget } from './components/AIWidget';
<AIWidget userId="guest" userRole="user" />
Uses Next.js built-in next/script with strategy="afterInteractive" for optimal page speed without blocking SSR hydration.
pages/_app.tsx), paste the exact same <Script ... /> tag inside your _app.tsx.
<app-ai-widget></app-ai-widget>
import AIWidget from './components/AIWidget.vue';
<AIWidget :userId="userId" :userRole="userRole" />
import AIWidget from '$lib/AIWidget.svelte';
<AIWidget userId="guest" userRole="user" />
Zero-Knowledge Architecture: Generates SQL in the cloud, executes on your private database behind your firewall, and formats the result. No database credentials ever leave your infrastructure.
FastAPI / Django / Flask endpoint that queries your internal database locally while using Plug-N-Play AI for zero-knowledge schema-to-SQL generation.
Laravel Controller using Http::post and DB::select with parameterized safety guardrails.
All knowledge sources, database connections, safety guardrails, and client embed scripts have been verified and saved.