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" });

// Guided flow with an empty look (same as a flow-only launcher)
HemsyEmbed.open({ payload: { flow: "YOUR_FLOW_ID" } });

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

// Override the final action for this open only (checkout is the default)
HemsyEmbed.open("scratch", { action: "cart" });

HemsyEmbed.close();

window.HemsyEmbedConfig = {
  subdomain: "your-store-subdomain",
  selector: ".hemsy-launcher",
  mode: "instant",           // optional; page-wide instant default, same as data-hemsy-mode
  action: "cart",            // optional; default action, same as data-hemsy-action
  cartStrategy: "native",    // optional; same as data-hemsy-cart-strategy
  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) => {},
};