Implementation Steps with Sample Variables

Welcome to Designhubz's guide on implementation steps using sample variables.
Today, we'll demystify the process, ensuring a smooth integration for your e-commerce platform.

To successfully integrate Designhubz's solutions, two key variables are essential: Organization ID and SKU ID.

These identifiers are the backbone of the integration, ensuring the correct products are displayed and the experience is tailored to your brand.

The Organization ID, or Org ID, is unique to your brand or company. It ensures that the integration is specific to your organization.

SKU IDs, on the other hand, are unique identifiers for each product in your inventory. They ensure that the correct product data is fetched and displayed.

Now, let's delve into a sample code that demonstrates how to utilize these variables.

import * as Designhubz from 'designhubz-widget';
Designhubz.auth(ORG_ID);
Designhubz.createEyewearWidget(HTMLDivElement)
.then(widget => widget.loadProduct(SKU_ID));

In this sample, we first import the Designhubz widget. We then authenticate using the Org ID. Finally, we create the widget and load a product using its SKU ID.

‍Step 1: Authentication
‍Start by authenticating your session using the Organization ID. This ensures a secure and tailored integration.

‍Step 2: Widget Creation
‍Next, create the widget where you want it to appear on your platform.
This is the canvas for your 3D, AR, or VTO experience.

‍Step 3: Loading a Product
‍Finally, load your desired product using its SKU ID. This fetches the correct product data and displays it within the widget.

With a clear understanding of the implementation variables and steps, integrating Designhubz's solutions becomes a breeze. Elevate your e-commerce platform with precision and ease.