How to Quickly Integrate Virtual Fitting into Your Website

To integrate virtual fitting into your website, start by uploading a 3D model to the Vizbl platform via the object manager at business.vizbl.us. Once uploaded, you'll receive a link to view the model in augmented reality. Next, simply embed this link on your website. Let’s delve into each step more thoroughly.

3D Model

To set up virtual fitting, you'll need a 3D model of the item. The Vizbl service supports uploading models in OBJ and FBX formats. Additionally, the model must be optimized for web viewing, ideally being under 25MB in size to avoid long load times before the virtual fitting, which otherwise will negatively affect the user experience.

You will also need at least one preview image of the object in PNG or JPG format, with a 1:1 aspect ratio and a resolution of at least 1000px on each side.

3D model requirements

Uploading a 3D Model to Vizbl as a Single FBX File

After the first step, you have a 3D model in the appropriate format and at least one preview image of the object.

Register for free at the object manager on business.vizbl.us, or log in if you have previously registered. On the homepage, you will see a "New Object" button.

Click on it, and then select "Create Object".

Next, you can begin uploading the model. Click "Add Models."

Drag and drop the 3D model file into the upload window, or click the "Upload Model" button and select the file.

After uploading the file, click the "Save Changes" button.

Next, you need to add a preview of the object. Click the "Add Preview" button.

Similarly, upload the object's preview, select an appropriate color for quick search by color filter, and click the "Save Changes" button.

Your object is now ready for publication and viewing. To enhance user convenience, consider adding a detailed description. Click the "Edit Description" button.

Enter the product's name, category, brand, the intended display surface during viewing, and a link to your website. Then click the "Save Changes" button.

The object is ready for publication. You can preview how the object appears in augmented reality by scanning the QR code with a mobile device. If everything looks good, click the "Publish To App" button.

Navigate to the "My Objects" tab. Your uploaded object will appear at the top of the list. The service will process the data within a few minutes, and the status will change to "Published".

Adding a Virtual Fitting Button to Your Website

After a successful upload of the 3D model and publishing the object on Vizbl, it will appear in the list of objects on the homepage.

Select the object to access its detailed description card. On this page, you'll find a link for viewing in augmented reality. You can copy this link by clicking the "Copy" button.

Here's an example of such a link for viewing. You can test virtual fitting right now.

https://vizbl.us/p/rFhzO0jZSdGPJg9E6NTLxA

Add a new element to your website, such as a "View in Place" button, and link it to the URL copied from Vizbl.

Done. Now any visitor of your website can launch virtual fitting by clicking on the "View in Place" button.

In addition, this link can be:

  • Sent to the client by email or messenger
  • Posted on social media
  • Placed as a QR code in print advertising

In all these cases, your client will be able to view the object in augmented reality through Vizbl service.