You Built a Custom Site. Your Support Stack Should Match.
Imagine this: your dev team spent months crafting a slick React app or a blazing-fast Next.js storefront. It's performant, beautifully designed, and completely custom. Then someone suggests adding a chatbot — and suddenly you're staring at a wall of documentation, webhooks, and SDK installations that feel like a second full-time job.
This is the reality for thousands of small and medium businesses running custom-built websites. And it's exactly the problem that the Embed Script for any website from Ruma AI was built to solve.
One line of code. Serious AI capability. No framework drama.
What Does "One Line of Code" Actually Mean?
It's not marketing fluff. You paste a single tag into your HTML — whether that's a React app, a Next.js project, a Vue SPA, or a fully hand-rolled custom site — and Ruma AI's widget loads automatically. No npm package. No context providers. No build step changes.
For developers, this is a huge deal. You're not restructuring your component tree. You're not managing a new state layer. You drop in the script, configure your agent in the Ruma dashboard, and you're live.
For business owners, it means you're not waiting on a two-week dev sprint just to add AI customer support to your site.
What the Embed Script Actually Does (It's More Than a Chat Widget)
Here's where it gets interesting. This isn't a passive FAQ bot that spits out canned responses. Ruma AI is an agentic AI platform — meaning the AI autonomously decides which tools to use and takes action based on what the customer actually needs.
Through the embed script, your website visitors can:
- Search your product catalog in natural language
- Track their orders without logging in
- Book a meeting via Google Calendar or Calendly — right inside the chat
- Receive OTP verification during sensitive flows
- Get transferred to a live human agent via WebSocket when the situation calls for it
- Receive a follow-up email triggered automatically by the AI
And if a visitor looks like a lead? The AI saves their details and pushes them directly to your HubSpot, Salesforce, or Zoho CRM — without any manual step.
That's not a chatbot. That's a fully autonomous support agent embedded in your custom website.
Why This Matters Especially for E-Commerce on Custom Stacks
A lot of e-commerce businesses outgrow template platforms and move to custom React or Next.js frontends — sometimes with headless commerce backends. These sites are powerful, but they lose the plug-and-play integrations that platforms like Shopify offer out of the box.
With Ruma's embed script, you get e-commerce AI capabilities — cart assistance, coupon application, product recommendations, checkout upsell — without being locked into any specific platform. You configure the tools in the Ruma dashboard, connect your data sources, and the agentic AI handles the rest.
For businesses that do run on Shopify or WooCommerce, Ruma also has dedicated integrations. The Shopify AI Agent plugs directly into your store's product and order data, while the WordPress AI Plugin offers deep WooCommerce support with one-click installation. But if you're running something custom? The embed script is your path.
How to Add Ruma AI to Your React or Next.js Site
Here's the practical rundown:
_document.js or use next/script; in React, add it to your index.html or use a useEffect hook; in Vue, add it to your index.html or main.jsThat's genuinely it. Most teams are live in under 20 minutes.
What About Voice and Other Channels?
One thing worth knowing: if your business also needs support outside your website — say, on WhatsApp, Telegram, or via phone — Ruma's Standalone AI Agent deploys the same AI across those channels without needing a website at all. The AI voice calling feature means customers can literally call in and speak to your AI agent with full context. It supports 50+ languages, so your international customers aren't left behind either.
The Bigger Picture: Agentic AI Is the Standard Now
The industry is moving fast. Passive chatbots that answer FAQs are being replaced by agentic AI systems that take real action — booking, verifying, searching, escalating. The businesses winning at customer support automation in 2026 aren't just answering questions faster. They're resolving entire support journeys autonomously.
And with a single script tag, even the most custom-built website can be part of that shift.
Want to see what it looks like in practice? See all features or view pricing — plans start at $9/month, and the free tier is genuinely useful for getting started.
FAQ
What is the Ruma AI Embed Script and how does it work?
The Ruma AI Embed Script is a single JavaScript snippet that adds a fully functional AI support agent to any website — including React, Next.js, Vue, and custom-built sites. Once added, the agentic AI can handle product search, order tracking, lead capture, meeting booking, and more, without requiring any framework-specific integration.
Will the embed script slow down my Next.js or React site?
No. The script loads asynchronously, meaning it won't block your page render or affect your Core Web Vitals scores. It's designed to be lightweight and non-intrusive — your site performance stays intact.
Can I use the embed script alongside a CRM like HubSpot or Salesforce?
Absolutely. Ruma AI supports native CRM sync with HubSpot, Salesforce, and Zoho. Any lead captured through the embedded chat widget is automatically pushed to your CRM, including the full conversation transcript.



