JavaScript API

// Sandbox (blank interactive experience)
HemsyEmbed.open("scratch");

// Product context, auto-built from the current page
HemsyEmbed.open({ payload: { autoProductContext: true } });

// Bundle (explicit payload)
HemsyEmbed.open("closet", { closet: "YOUR_URLSAFE_BASE64_PAYLOAD" });

// Shared look by short ID
HemsyEmbed.open("share", { share: "FreyjHz4" });

// Sandbox inside a guided flow
HemsyEmbed.open("scratch", { flow: "YOUR_FLOW_ID" });

// Instant generation with a model and payload
HemsyEmbed.open("instant", {
  model: "YOUR_MODEL_ID",
  closet: "YOUR_URLSAFE_BASE64_PAYLOAD",
});

HemsyEmbed.close();

window.HemsyEmbedConfig = {
  subdomain: "your-store-subdomain",
  selector: ".hemsy-launcher",
  mode: "instant",          // optional; same as data-hemsy-mode
  action: "cart",           // optional; same as data-hemsy-action
  anonymousId: "visitor-42", // optional; same as data-hemsy-anonymous-id
  autoClose: false,          // optional; same as data-hemsy-auto-close
  onItemAdded: (item) => {},
  onItemRemoved: (item) => {},
  onProductVariantData: (payload) => {},
};