Powered by Salesforce Revenue Cloud
Headless CPQ for modern apps
Build custom quoting and configuration experiences with our React SDK. Full power of Salesforce Revenue Cloud, zero Salesforce UI.
ProductConfig.tsx
import { AutonomProvider, useConfigurator } from '@autonom/sdk';
function ProductConfig({ productId }) {
const { structure, updateAttribute, pricing } = useConfigurator(productId);
return (
<div>
<h2>{structure.name}</h2>
{structure.attributes.map(attr => (
<select
key={attr.id}
value={attr.value}
onChange={e => updateAttribute(attr.id, e.target.value)}
>
{attr.options.map(opt => (
<option key={opt.value} value={opt.value}>{opt.displayValue}</option>
))}
</select>
))}
<p>Total: {pricing.total}</p>
</div>
);
}Features
Everything you need to build CPQ experiences
From product configuration to checkout, our SDK handles the complexity so you can focus on your UI.
How it works
Three steps to production
Go from zero to a working CPQ in minutes, not months.
01
Install the SDK
npm install @autonom/sdk — one package, all hooks included.
npm install @autonom/sdk02
Wrap your app
Add AutonomProvider with your API key. That's it for setup.
<AutonomProvider apiKey="ak_..." tenantId="...">
<App />
</AutonomProvider>03
Build your experience
Use hooks to build any quoting UI — guided selling, e-commerce, bundles.
const { structure, pricing } = useConfigurator(productId);
const { items, addToCart } = useCart();
const { submit } = useCheckout();Architecture
Your app, your rules
Quotonom sits between your frontend and Salesforce. We handle auth, caching, and metering.
Ready to build?
Start with 10,000 free API calls. No credit card required.