Herv AI — Widget Integration Guide

Embed Herv AI's Virtual Staging tool on any furniture brand website in minutes. Customers can upload their room photo and see your products styled by AI — without leaving your site.

Live preview:https://hervai.com/Embed?brandName=Demo+Brand&brandColor=%23c47b3e&mode=staging →

Quickstart

<!-- Herv AI Design Widget -->
<iframe
  src="https://hervai.com/Embed?brandName=My+Furniture+Brand&brandColor=%23e07b39&mode=staging"
  width="620"
  height="720"
  frameborder="0"
  style="border-radius:16px; border:none; max-width:100%;"
  title="AI Design Tool by Herv AI"
  allow="camera; microphone"
></iframe>

Passing Your Products

To pre-load your product catalog into the widget so customers can select items for staging:

<!-- Pass your products to the widget -->
<script>
  const myProducts = [
    {
      name: "Acme Velvet Sofa — Deep Blue",
      category: "sofa",
      price: 1299,
      description: "3-seater velvet sofa with solid wood legs",
      image_url: "https://your-cdn.com/sofa.jpg",
      product_url: "https://your-store.com/products/velvet-sofa"
    },
    {
      name: "Acme Oak Coffee Table",
      category: "coffee_table",
      price: 399,
      image_url: "https://your-cdn.com/table.jpg",
      product_url: "https://your-store.com/products/oak-table"
    }
  ];

  const productsParam = encodeURIComponent(JSON.stringify(myProducts));
  const src = `https://hervai.com/Embed?brandName=Acme+Furniture&brandColor=%23e07b39&mode=staging&products=${productsParam}`;
  document.getElementById('herv-iframe').src = src;
</script>

URL Parameters

ParameterTypeDefaultDescription
brandNamestringDesign StudioYour brand name shown in the widget header.
brandColorhex string#1c1917Primary accent color (URL-encode the #, e.g. %23e07b39).
mode"staging" | "both"stagingWhich tools to show. "staging" = Virtual Staging only.
defaultStylestringmodernPre-selected design style (modern, minimalist, boho, luxe, coastal, rustic, scandinavian, industrial).
productsJSON array (URL-encoded)[]Your product catalog. Each item: { name, category, price, image_url, product_url }.
apiKeystring—Partner API key (reserved for analytics, future gating).

Questions? Contact hello@herv.ai

Cookie preferences

We use necessary cookies to run the app, plus optional analytics and marketing cookies to improve Herv AI. You can accept all, reject non-essential, or choose. See our Privacy Policy.