Admin
Loading...

Select Components

Camera Angle

Select components and click Generate
0 products available · Sync date unknown
Loading products...

Product

Loading inventory...

Your B2B Access Key

Use this key in your API requests (X-API-Key header) or widget initialization.

Keep it secure and do not share it publicly.

Catalog Sync Source

Link the Google Sheet that lists the products you want available in your widget. Updating this only saves the link — pull the new product list with Sync now on the My Products tab.

Open the sheet in Google Sheets and copy the long ID from the URL: /spreadsheets/d/SHEET_ID/edit. The sheet must be shared as Anyone with the link — Viewer.

OEMBuilder Integration Guide

You can integrate the OEMBuilder API into your site three ways: JavaScript SDK (most flexible), iframe Embed (easiest), or REST API (full control). Copy the snippets below and adapt them to your project.

1. JavaScript SDK

Add the SDK to your page, initialize it with your API key, and call generate() to render an image. The response includes image_url and a cached flag. 

// Add the SDK to your page
<script src="https://builder.uptakeagency.com/widget/oembuilder.js"></script>

// Initialize with your API key
OEMBuilder.init({ apiKey: 'YOUR_API_KEY' });

// Generate an image
const result = await OEMBuilder.generate({
  components: [
    { type: 'case', product_code: 'MAG-PANO-M100R-PZ' },
    { type: 'motherboard', product_code: 'MPG-Z790-CARBON-WIFI' },
    { type: 'gpu', product_code: 'RTX-4060-GAMING-X-8G' }
  ]
});

// Use the result
console.log(result.image_url);  // /cache/abc123.jpg
console.log(result.cached);     // true/false

2. iframe Embed

The fastest integration. Drop the iframe into your page; your customers pick parts in the embedded UI and generate images. It blends into your site's design. 

<!-- Add this to your page; replace the key parameter -->
<iframe
  src="https://builder.uptakeagency.com/embed/?key=YOUR_API_KEY"
  width="100%"
  height="600"
  frameborder="0"
  style="border-radius: 8px;"
></iframe>
Live preview

Preview your customers' embed view using your real API key.

Generating a build from the preview consumes credits exactly like a production embed.

Preview uses your live API key — any generate inside the iframe will count against your credits, just like a real customer-facing embed.

Widget Customization

Override the AI disclosure copy shown beside the Generate button and the burned-in watermark notice on every rendered image. Leave a field empty to revert to the default.

Shown beside the Generate button. End-user must check the box before the button enables.
Bottom-right disclosure rendered onto every generated PC image. Existing cached variants will refresh on next request.

3. REST API

For full control, call the API directly. Authenticate via the X-API-Key header. Use GET /api/products to list available products, and POST /api/generate to render an image. 

# List available products
curl https://builder.uptakeagency.com/api/products

# Generate an image
curl -X POST https://builder.uptakeagency.com/api/generate \
  -H "Content-Type: application/json" \
  -H "X-API-Key: YOUR_API_KEY" \
  -d '{
    "components": [
      {"type": "case", "product_code": "MAG-PANO-M100R-PZ"},
      {"type": "gpu", "product_code": "RTX-4060-GAMING-X-8G"}
    ]
  }'

# Response
{
  "success": true,
  "image_url": "/cache/abc123def456.jpg",
  "cached": false
}
Product Codes: Pull current product codes from the /api/products endpoint. Each category (case, motherboard, gpu, cooler, psu, ssd, accessory) has its own products.

Your AI generation activity. Cache hits don't consume credits — repeat builds are served instantly from disk and are always free.

Credits used
—
billable generations
Credits remaining
—
of your plan
Cache hits
—
free re-renders

Your most recent AI-generated builds. Click an image to view it full size.

Loading…