Start with an empty tenant. Finish with a working eight-product try-on.

Access

Sign in to the tenant workspace

Use the tenant-owner credentials supplied separately. Confirm the workspace says Northstar Onboarding Lab and is ready for its first catalog import.

Catalog

Import the prepared products

Download the product package, open the new tenant’s Products screen, and choose Import package. It includes product metadata, transparent assets, occlusion masks, and fit tuning. Use Clear catalog afterward to return to an empty product list and repeat the walkthrough.

Integration

Register the store and inspect the embed

Add this lab’s Pages domain to the tenant. Then select any imported product to see its hosted link and the two-line embed used by the storefront.

<script async src="https://vectrashop-tryon.pages.dev/vectrashop.js"
  data-vectrashop-tenant="northstar-onboarding"></script>

<button data-vectrashop-tryon data-vectrashop-product="ring"
  data-vectrashop-style="finecarat-emerald">Try it on</button>

Validation

Run preflight and test the storefront

Run preflight for a ring and a bracelet. Then open the storefront, choose products from the collection, and confirm each Try it on button launches the matching item.