Integrate Pravia in Minutes
Choose the method that works for your stack — CMS plugin, JS snippet, React SDK, or REST API.
Quick Start — One Line of Code
<script src="https://pravia.dev/loader.js" data-bot-id="YOUR_BOT_ID"></script>Copy the Code
Copy the script tag from your bot dashboard.
Paste on Your Site
Paste it just before the closing </body> tag on your website.
Go Live
The widget appears automatically. Your bot starts answering questions immediately.
Platform Guides
WordPress
Add a 'Custom HTML' widget in Appearance → Widgets and paste the widget code, or insert it directly in your theme's footer.php before </body>.
Shopify
Add the widget snippet to your Shopify theme's layout file. Works with all Shopify store themes.
Webflow
Add the code snippet using Webflow's embed element. Place it in the footer or globally via site settings.
Wix
Use the HTML embed component in Wix or add the snippet via the site tracking tools in settings.
Developer Integration
Vanilla JS
Add the widget to any page with a single script tag. No initialization code needed.
<script src="/loader.js" data-bot-id="YOUR_BOT_ID"></script>React
Embed the widget in a React app using a script tag in a useEffect hook or the HTML script approach.
import { useEffect } from "react";
function ChatWidget({ botId }) {
useEffect(() => {
const script = document.createElement("script");
script.src = "/loader.js";
script.setAttribute("data-bot-id", botId);
document.body.appendChild(script);
}, [botId]);
return null;
}postMessage API
Use the postMessage API to control the widget from your own JavaScript — open, close, and listen to events.
const iframe = document.querySelector("iframe");
iframe.contentWindow.postMessage({
type: "open",
}, "*");REST API
Build a custom chat interface using the Pravia REST API. Full control over the chat experience.
POST /api/chat
{
"botId": "YOUR_BOT_ID",
"query": "Hello!"
}Common Use Cases
Customer Support
Deploy an AI employee that answers product questions, troubleshooting steps, and policy inquiries based on your knowledge sources.
Internal Knowledge Base
Give your team an AI assistant powered by internal knowledge — HR policies, IT guides, and process documentation.
E-commerce Help
Help shoppers find product information, check order status, and get shipping details without leaving your store.
Integration FAQ
The widget loads asynchronously and is tree-shaken to minimal size (~15KB gzipped). It has zero impact on Core Web Vitals.